Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@griffel/core

Package Overview
Dependencies
Maintainers
6
Versions
49
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@griffel/core - npm Package Compare versions

Comparing version 1.13.0 to 1.13.1

17

makeStaticStyles.cjs.js

@@ -15,10 +15,13 @@ 'use strict';

function useStaticStyles(options) {
const cacheKey = options.renderer.id;
if (styleCache[cacheKey]) {
return;
const {
renderer
} = options;
const cacheKey = renderer.id;
if (!styleCache[cacheKey]) {
renderer.insertCSSRules({
// 👇 static rules should be inserted into default bucket
d: resolveStaticStyleRules.resolveStaticStyleRules(stylesSet)
});
styleCache[cacheKey] = true;
}
for (const styleRules of stylesSet) {
options.renderer.insertCSSRules(resolveStaticStyleRules.resolveStaticStyleRules(styleRules));
}
styleCache[cacheKey] = true;
}

@@ -25,0 +28,0 @@ return useStaticStyles;

17

makeStaticStyles.esm.js

@@ -11,10 +11,13 @@ import { resolveStaticStyleRules } from './runtime/resolveStaticStyleRules.esm.js';

function useStaticStyles(options) {
const cacheKey = options.renderer.id;
if (styleCache[cacheKey]) {
return;
const {
renderer
} = options;
const cacheKey = renderer.id;
if (!styleCache[cacheKey]) {
renderer.insertCSSRules({
// 👇 static rules should be inserted into default bucket
d: resolveStaticStyleRules(stylesSet)
});
styleCache[cacheKey] = true;
}
for (const styleRules of stylesSet) {
options.renderer.insertCSSRules(resolveStaticStyleRules(styleRules));
}
styleCache[cacheKey] = true;
}

@@ -21,0 +24,0 @@ return useStaticStyles;

3

package.json
{
"name": "@griffel/core",
"version": "1.13.0",
"version": "1.13.1",
"description": "DOM implementation of Atomic CSS-in-JS",

@@ -13,2 +13,3 @@ "license": "MIT",

"@emotion/hash": "^0.9.0",
"@griffel/style-types": "^1.0.0",
"csstype": "^3.1.2",

@@ -15,0 +16,0 @@ "rtl-css-js": "^1.16.1",

25

runtime/resolveStaticStyleRules.cjs.js

@@ -8,9 +8,11 @@ 'use strict';

function resolveStaticStyleRules(styles, result = {}) {
if (typeof styles === 'string') {
const cssRules = compileCSSRules.compileCSSRules(styles, false);
for (const rule of cssRules) {
addResolvedStyles(rule, result);
function resolveStaticStyleRules(stylesSet) {
return stylesSet.reduce((acc, styles) => {
if (typeof styles === 'string') {
const cssRules = compileCSSRules.compileCSSRules(styles, false);
for (const rule of cssRules) {
acc.push(rule);
}
return acc;
}
} else {
// eslint-disable-next-line guard-for-in

@@ -20,14 +22,9 @@ for (const property in styles) {

const staticCSS = compileStaticCSS.compileStaticCSS(property, value);
addResolvedStyles(staticCSS, result);
acc.push(staticCSS);
}
}
return result;
return acc;
}, []);
}
function addResolvedStyles(cssRule, result = {}) {
// 👇 static rules should be inserted into default bucket
result.d = result.d || [];
result.d.push(cssRule);
}
exports.resolveStaticStyleRules = resolveStaticStyleRules;
//# sourceMappingURL=resolveStaticStyleRules.cjs.js.map

25

runtime/resolveStaticStyleRules.esm.js
import { compileCSSRules } from './compileCSSRules.esm.js';
import { compileStaticCSS } from './compileStaticCSS.esm.js';
function resolveStaticStyleRules(styles, result = {}) {
if (typeof styles === 'string') {
const cssRules = compileCSSRules(styles, false);
for (const rule of cssRules) {
addResolvedStyles(rule, result);
function resolveStaticStyleRules(stylesSet) {
return stylesSet.reduce((acc, styles) => {
if (typeof styles === 'string') {
const cssRules = compileCSSRules(styles, false);
for (const rule of cssRules) {
acc.push(rule);
}
return acc;
}
} else {
// eslint-disable-next-line guard-for-in

@@ -15,14 +17,9 @@ for (const property in styles) {

const staticCSS = compileStaticCSS(property, value);
addResolvedStyles(staticCSS, result);
acc.push(staticCSS);
}
}
return result;
return acc;
}, []);
}
function addResolvedStyles(cssRule, result = {}) {
// 👇 static rules should be inserted into default bucket
result.d = result.d || [];
result.d.push(cssRule);
}
export { resolveStaticStyleRules };
//# sourceMappingURL=resolveStaticStyleRules.esm.js.map

8

runtime/resolveStyleRules.cjs.js

@@ -73,4 +73,5 @@ 'use strict';

// uniq key based on a hash of property & selector, used for merging later
const key = hashPropertyKey.hashPropertyKey(selectors, media, support, property);
const key = hashPropertyKey.hashPropertyKey(selectors, container, media, support, property);
const className = hashClassName.hashClassName({
container,
media,

@@ -89,2 +90,3 @@ layer,

const rtlClassName = flippedInRtl ? hashClassName.hashClassName({
container,
value: rtlDefinition.value.toString(),

@@ -153,4 +155,5 @@ property: rtlDefinition.key,

}
const key = hashPropertyKey.hashPropertyKey(selectors, media, support, property);
const key = hashPropertyKey.hashPropertyKey(selectors, container, media, support, property);
const className = hashClassName.hashClassName({
container,
media,

@@ -173,2 +176,3 @@ layer,

const rtlClassName = flippedInRtl ? hashClassName.hashClassName({
container,
value: rtlDefinitions.map(v => {

@@ -175,0 +179,0 @@ var _a;

8

runtime/resolveStyleRules.esm.js

@@ -65,4 +65,5 @@ import hashString from '@emotion/hash';

// uniq key based on a hash of property & selector, used for merging later
const key = hashPropertyKey(selectors, media, support, property);
const key = hashPropertyKey(selectors, container, media, support, property);
const className = hashClassName({
container,
media,

@@ -81,2 +82,3 @@ layer,

const rtlClassName = flippedInRtl ? hashClassName({
container,
value: rtlDefinition.value.toString(),

@@ -145,4 +147,5 @@ property: rtlDefinition.key,

}
const key = hashPropertyKey(selectors, media, support, property);
const key = hashPropertyKey(selectors, container, media, support, property);
const className = hashClassName({
container,
media,

@@ -165,2 +168,3 @@ layer,

const rtlClassName = flippedInRtl ? hashClassName({
container,
value: rtlDefinitions.map(v => {

@@ -167,0 +171,0 @@ var _a;

3

runtime/utils/hashClassName.cjs.js

@@ -13,2 +13,3 @@ 'use strict';

function hashClassName({
container,
media,

@@ -22,3 +23,3 @@ layer,

// Trimming of value is required to generate consistent hashes
const classNameHash = hashString__default["default"](selectors.join('') + media + layer + support + property + value.trim());
const classNameHash = hashString__default["default"](selectors.join('') + container + media + layer + support + property + value.trim());
return constants.HASH_PREFIX + classNameHash;

@@ -25,0 +26,0 @@ }

3

runtime/utils/hashClassName.esm.js

@@ -5,2 +5,3 @@ import hashString from '@emotion/hash';

function hashClassName({
container,
media,

@@ -14,3 +15,3 @@ layer,

// Trimming of value is required to generate consistent hashes
const classNameHash = hashString(selectors.join('') + media + layer + support + property + value.trim());
const classNameHash = hashString(selectors.join('') + container + media + layer + support + property + value.trim());
return HASH_PREFIX + classNameHash;

@@ -17,0 +18,0 @@ }

4

runtime/utils/hashPropertyKey.cjs.js

@@ -11,5 +11,5 @@ 'use strict';

function hashPropertyKey(selectors, media, support, property) {
function hashPropertyKey(selectors, container, media, support, property) {
// uniq key based on property & selector, used for merging later
const computedKey = selectors.join('') + media + support + property;
const computedKey = selectors.join('') + container + media + support + property;
// "key" can be really long as it includes selectors, we use hashes to reduce sizes of keys

@@ -16,0 +16,0 @@ // ".foo :hover" => "abcd"

4

runtime/utils/hashPropertyKey.esm.js
import hashString from '@emotion/hash';
function hashPropertyKey(selectors, media, support, property) {
function hashPropertyKey(selectors, container, media, support, property) {
// uniq key based on property & selector, used for merging later
const computedKey = selectors.join('') + media + support + property;
const computedKey = selectors.join('') + container + media + support + property;
// "key" can be really long as it includes selectors, we use hashes to reduce sizes of keys

@@ -7,0 +7,0 @@ // ".foo :hover" => "abcd"

27

shorthands/textDecoration.cjs.js

@@ -24,17 +24,16 @@ 'use strict';

};
} else {
const [textDecorationStyle, textDecorationColor, textDecorationThickness] = values;
return {
textDecorationLine: value,
...(textDecorationStyle && {
textDecorationStyle
}),
...(textDecorationColor && {
textDecorationColor
}),
...(textDecorationThickness && {
textDecorationThickness
})
};
}
const [textDecorationStyle, textDecorationColor, textDecorationThickness] = values;
return {
textDecorationLine: value,
...(textDecorationStyle && {
textDecorationStyle
}),
...(textDecorationColor && {
textDecorationColor
}),
...(textDecorationThickness && {
textDecorationThickness
})
};
}

@@ -41,0 +40,0 @@ const textDecorationStyleInputs = ['dashed', 'dotted', 'double', 'solid', 'wavy'];

27

shorthands/textDecoration.esm.js

@@ -20,17 +20,16 @@ /**

};
} else {
const [textDecorationStyle, textDecorationColor, textDecorationThickness] = values;
return {
textDecorationLine: value,
...(textDecorationStyle && {
textDecorationStyle
}),
...(textDecorationColor && {
textDecorationColor
}),
...(textDecorationThickness && {
textDecorationThickness
})
};
}
const [textDecorationStyle, textDecorationColor, textDecorationThickness] = values;
return {
textDecorationLine: value,
...(textDecorationStyle && {
textDecorationStyle
}),
...(textDecorationColor && {
textDecorationColor
}),
...(textDecorationThickness && {
textDecorationThickness
})
};
}

@@ -37,0 +36,0 @@ const textDecorationStyleInputs = ['dashed', 'dotted', 'double', 'solid', 'wavy'];

3

src/__css.d.ts

@@ -1,2 +0,3 @@

import { MakeStylesOptions, CSSClassesMapBySlot } from './types';
import type { MakeStylesOptions } from './makeStyles';
import type { CSSClassesMapBySlot } from './types';
/**

@@ -3,0 +4,0 @@ * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.

4

src/__resetCSS.d.ts

@@ -1,5 +0,5 @@

import type { MakeStylesOptions } from './types';
import type { MakeResetStylesOptions } from './makeResetStyles';
/**
* @internal
*/
export declare function __resetCSS(ltrClassName: string, rtlClassName: string | null): (options: Pick<MakeStylesOptions, 'dir'>) => string;
export declare function __resetCSS(ltrClassName: string, rtlClassName: string | null): (options: Pick<MakeResetStylesOptions, 'dir'>) => string;

4

src/__resetStyles.d.ts

@@ -1,5 +0,5 @@

import type { MakeStylesOptions } from './types';
import type { MakeResetStylesOptions } from './makeResetStyles';
/**
* @internal
*/
export declare function __resetStyles(ltrClassName: string, rtlClassName: string | null, cssRules: string[]): (options: MakeStylesOptions) => string;
export declare function __resetStyles(ltrClassName: string, rtlClassName: string | null, cssRules: string[]): (options: MakeResetStylesOptions) => string;

3

src/__styles.d.ts

@@ -1,2 +0,3 @@

import { MakeStylesOptions, CSSClassesMapBySlot, CSSRulesByBucket } from './types';
import type { CSSClassesMapBySlot, CSSRulesByBucket } from './types';
import type { MakeStylesOptions } from './makeStyles';
/**

@@ -3,0 +4,0 @@ * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.

3

src/constants.d.ts

@@ -1,2 +0,3 @@

import { GriffelStylesUnsupportedCSSProperties, LookupItem } from './types';
import type { GriffelStylesUnsupportedCSSProperties } from '@griffel/style-types';
import type { LookupItem } from './types';
/** @internal */

@@ -3,0 +4,0 @@ export declare const DEBUG_RESET_CLASSES: Record<string, 1>;

7

src/index.d.ts

@@ -1,2 +0,2 @@

import { border, borderLeft, borderBottom, borderRight, borderTop, borderColor, borderStyle, borderRadius, borderWidth, flex, gap, gridArea, margin, marginBlock, marginInline, padding, paddingBlock, paddingInline, overflow, inset, outline, transition, textDecoration } from './shorthands/index';
import { border, borderLeft, borderBottom, borderRight, borderTop, borderColor, borderStyle, borderRadius, borderWidth, flex, gap, gridArea, margin, marginBlock, marginInline, padding, paddingBlock, paddingInline, overflow, inset, outline, transition, textDecoration } from './shorthands';
export declare const shorthands: {

@@ -33,3 +33,5 @@ border: typeof border;

export { makeStyles } from './makeStyles';
export type { MakeStylesOptions } from './makeStyles';
export { makeStaticStyles } from './makeStaticStyles';
export type { MakeStaticStylesOptions } from './makeStaticStyles';
export { makeResetStyles } from './makeResetStyles';

@@ -49,3 +51,4 @@ export { resolveStyleRulesForSlots } from './resolveStyleRulesForSlots';

export * from './constants';
export type { GriffelStaticStyle, GriffelStaticStyles, GriffelAnimation, GriffelStyle, GriffelResetStyle, CSSClasses, CSSClassesMapBySlot, CSSBucketEntry, CSSRulesByBucket, StyleBucketName, MakeStaticStylesOptions, MakeStylesOptions, GriffelRenderer, } from './types';
export type { GriffelStaticStyle, GriffelStaticStyles, GriffelAnimation, GriffelStyle, GriffelResetStyle, } from '@griffel/style-types';
export { CSSClasses, CSSClassesMapBySlot, CSSBucketEntry, CSSRulesByBucket, StyleBucketName, GriffelRenderer, } from './types';
export type { DebugCSSRules, DebugSequence, DebugResult } from './devtools';

9

src/makeResetStyles.d.ts

@@ -1,2 +0,7 @@

import type { GriffelResetStyle, MakeStylesOptions } from './types';
export declare function makeResetStyles(styles: GriffelResetStyle): (options: MakeStylesOptions) => string;
import type { GriffelResetStyle } from '@griffel/style-types';
import type { GriffelRenderer } from './types';
export interface MakeResetStylesOptions {
dir: 'ltr' | 'rtl';
renderer: GriffelRenderer;
}
export declare function makeResetStyles(styles: GriffelResetStyle): (options: MakeResetStylesOptions) => string;

6

src/makeStaticStyles.d.ts

@@ -1,2 +0,6 @@

import { MakeStaticStylesOptions, GriffelStaticStyles } from './types';
import type { GriffelStaticStyles } from '@griffel/style-types';
import type { GriffelRenderer } from './types';
export interface MakeStaticStylesOptions {
renderer: GriffelRenderer;
}
/**

@@ -3,0 +7,0 @@ * Register static css.

6

src/makeStyles.d.ts

@@ -1,2 +0,6 @@

import { MakeStylesOptions, StylesBySlots } from './types';
import type { GriffelRenderer, StylesBySlots } from './types';
export interface MakeStylesOptions {
dir: 'ltr' | 'rtl';
renderer: GriffelRenderer;
}
export declare function makeStyles<Slots extends string | number>(stylesBySlots: StylesBySlots<Slots>): (options: MakeStylesOptions) => Record<Slots, string>;

2

src/runtime/compileKeyframeCSS.d.ts

@@ -1,2 +0,2 @@

import { GriffelAnimation } from '../types';
import type { GriffelAnimation } from '@griffel/style-types';
export declare function compileKeyframeRule(keyframeObject: GriffelAnimation): string;

@@ -3,0 +3,0 @@ /**

2

src/runtime/compileStaticCSS.d.ts

@@ -1,2 +0,2 @@

import type { GriffelStaticStyle } from '../types';
import type { GriffelStaticStyle } from '@griffel/style-types';
export declare function compileStaticCSS(property: string, value: GriffelStaticStyle): string;

2

src/runtime/resolveResetStyleRules.d.ts

@@ -1,2 +0,2 @@

import { GriffelResetStyle } from '../types';
import type { GriffelResetStyle } from '@griffel/style-types';
/**

@@ -3,0 +3,0 @@ * @internal

5

src/runtime/resolveStaticStyleRules.d.ts

@@ -1,2 +0,3 @@

import type { GriffelStaticStyles, CSSRulesByBucket } from '../types';
export declare function resolveStaticStyleRules(styles: GriffelStaticStyles, result?: CSSRulesByBucket): CSSRulesByBucket;
import type { GriffelStaticStyles } from '@griffel/style-types';
import type { CSSBucketEntry } from '../types';
export declare function resolveStaticStyleRules(stylesSet: GriffelStaticStyles[]): CSSBucketEntry[];

3

src/runtime/resolveStyleRules.d.ts

@@ -1,2 +0,3 @@

import { GriffelStyle, CSSClassesMap, CSSRulesByBucket } from '../types';
import type { GriffelStyle } from '@griffel/style-types';
import { CSSClassesMap, CSSRulesByBucket } from '../types';
/**

@@ -3,0 +4,0 @@ * Transforms input styles to classes maps & CSS rules.

2

src/runtime/utils/cssifyObject.d.ts

@@ -1,2 +0,2 @@

import { GriffelStaticStyle, GriffelStyle } from '../../types';
import { GriffelStaticStyle, GriffelStyle } from '@griffel/style-types';
export declare function cssifyObject(style: GriffelStyle | GriffelStaticStyle): string;

6

src/runtime/utils/hashClassName.d.ts

@@ -1,2 +0,2 @@

export interface HashedClassNameParts {
interface HashedClassNameParts {
property: string;

@@ -8,3 +8,5 @@ value: string;

support: string;
container: string;
}
export declare function hashClassName({ media, layer, property, selectors, support, value }: HashedClassNameParts): string;
export declare function hashClassName({ container, media, layer, property, selectors, support, value, }: HashedClassNameParts): string;
export {};

2

src/runtime/utils/hashPropertyKey.d.ts
import { PropertyHash } from '../../types';
export declare function hashPropertyKey(selectors: string[], media: string, support: string, property: string): PropertyHash;
export declare function hashPropertyKey(selectors: string[], container: string, media: string, support: string, property: string): PropertyHash;

2

src/runtime/warnings/warnAboutUnresolvedRule.d.ts

@@ -1,2 +0,2 @@

import type { GriffelResetStyle, GriffelStyle } from '../../types';
import type { GriffelResetStyle, GriffelStyle } from '@griffel/style-types';
export declare function warnAboutUnresolvedRule(property: string, value: GriffelStyle | GriffelResetStyle): void;

2

src/runtime/warnings/warnAboutUnsupportedProperties.d.ts

@@ -1,2 +0,2 @@

import type { GriffelStyle } from '../../types';
import type { GriffelStyle } from '@griffel/style-types';
export declare function warnAboutUnsupportedProperties(property: string, value: GriffelStyle[keyof GriffelStyle]): void;

6

src/shorthands/border.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';
declare type BorderStyle = Pick<GriffelStylesStrictCSSObject, 'borderTopColor' | 'borderTopStyle' | 'borderTopWidth' | 'borderRightColor' | 'borderRightStyle' | 'borderRightWidth' | 'borderBottomColor' | 'borderBottomStyle' | 'borderBottomWidth' | 'borderLeftColor' | 'borderLeftStyle' | 'borderLeftWidth'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';
declare type BorderStyle = Pick<GriffelStyle, 'borderTopColor' | 'borderTopStyle' | 'borderTopWidth' | 'borderRightColor' | 'borderRightStyle' | 'borderRightWidth' | 'borderBottomColor' | 'borderBottomStyle' | 'borderBottomWidth' | 'borderLeftColor' | 'borderLeftStyle' | 'borderLeftWidth'>;
export declare function border(width: BorderWidthInput): BorderStyle;

@@ -5,0 +5,0 @@ export declare function border(width: BorderWidthInput, style: BorderStyleInput): BorderStyle;

6

src/shorthands/borderBottom.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';
declare type BorderBottomStyle = Pick<GriffelStylesStrictCSSObject, 'borderBottomWidth' | 'borderBottomStyle' | 'borderBottomColor'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';
declare type BorderBottomStyle = Pick<GriffelStyle, 'borderBottomWidth' | 'borderBottomStyle' | 'borderBottomColor'>;
export declare function borderBottom(width: BorderWidthInput): BorderBottomStyle;

@@ -5,0 +5,0 @@ export declare function borderBottom(width: BorderWidthInput, style: BorderStyleInput): BorderBottomStyle;

6

src/shorthands/borderColor.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { BorderColorInput } from './types';
declare type BorderColorStyle = Pick<GriffelStylesStrictCSSObject, 'borderTopColor' | 'borderRightColor' | 'borderBottomColor' | 'borderLeftColor'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { BorderColorInput } from './types';
declare type BorderColorStyle = Pick<GriffelStyle, 'borderTopColor' | 'borderRightColor' | 'borderBottomColor' | 'borderLeftColor'>;
export declare function borderColor(all: BorderColorInput): BorderColorStyle;

@@ -5,0 +5,0 @@ export declare function borderColor(vertical: BorderColorInput, horizontal: BorderColorInput): BorderColorStyle;

6

src/shorthands/borderLeft.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';
declare type BorderLeftStyle = Pick<GriffelStylesStrictCSSObject, 'borderLeftColor' | 'borderLeftStyle' | 'borderLeftWidth'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';
declare type BorderLeftStyle = Pick<GriffelStyle, 'borderLeftColor' | 'borderLeftStyle' | 'borderLeftWidth'>;
export declare function borderLeft(width: BorderWidthInput): BorderLeftStyle;

@@ -5,0 +5,0 @@ export declare function borderLeft(width: BorderWidthInput, style: BorderStyleInput): BorderLeftStyle;

6

src/shorthands/borderRadius.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { BorderRadiusInput } from './types';
declare type BorderRadiusStyle = Pick<GriffelStylesStrictCSSObject, 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopRightRadius' | 'borderTopLeftRadius'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { BorderRadiusInput } from './types';
declare type BorderRadiusStyle = Pick<GriffelStyle, 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopRightRadius' | 'borderTopLeftRadius'>;
/**

@@ -5,0 +5,0 @@ * A function that implements CSS spec conformant expansion for "borderRadius". "/" is not supported, please use CSS

6

src/shorthands/borderRight.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';
declare type BorderRightStyle = Pick<GriffelStylesStrictCSSObject, 'borderRightWidth' | 'borderRightStyle' | 'borderRightColor'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';
declare type BorderRightStyle = Pick<GriffelStyle, 'borderRightWidth' | 'borderRightStyle' | 'borderRightColor'>;
export declare function borderRight(width: BorderWidthInput): BorderRightStyle;

@@ -5,0 +5,0 @@ export declare function borderRight(width: BorderWidthInput, style: BorderStyleInput): BorderRightStyle;

6

src/shorthands/borderStyle.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { BorderStyleInput } from './types';
declare type BorderStyleStyle = Pick<GriffelStylesStrictCSSObject, 'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { BorderStyleInput } from './types';
declare type BorderStyleStyle = Pick<GriffelStyle, 'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle'>;
export declare function borderStyle(all: BorderStyleInput): BorderStyleStyle;

@@ -5,0 +5,0 @@ export declare function borderStyle(vertical: BorderStyleInput, horizontal: BorderStyleInput): BorderStyleStyle;

4

src/shorthands/borderTop.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import type { GriffelStyle } from '@griffel/style-types';
import { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';
declare type BorderTopStyle = Pick<GriffelStylesStrictCSSObject, 'borderTopWidth' | 'borderTopStyle' | 'borderTopColor'>;
declare type BorderTopStyle = Pick<GriffelStyle, 'borderTopWidth' | 'borderTopStyle' | 'borderTopColor'>;
export declare function borderTop(width: BorderWidthInput): BorderTopStyle;

@@ -5,0 +5,0 @@ export declare function borderTop(width: BorderWidthInput, style: BorderStyleInput): BorderTopStyle;

4

src/shorthands/borderWidth.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import type { GriffelStyle } from '@griffel/style-types';
import { BorderWidthInput } from './types';
declare type BorderWidthStyle = Pick<GriffelStylesStrictCSSObject, 'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle'>;
declare type BorderWidthStyle = Pick<GriffelStyle, 'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle'>;
export declare function borderWidth(all: BorderWidthInput): BorderWidthStyle;

@@ -5,0 +5,0 @@ export declare function borderWidth(vertical: BorderWidthInput, horizontal: BorderWidthInput): BorderWidthStyle;

6

src/shorthands/flex.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { FlexInput } from './types';
declare type FlexStyle = Pick<GriffelStylesStrictCSSObject, 'flexGrow' | 'flexShrink' | 'flexBasis'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { FlexInput } from './types';
declare type FlexStyle = Pick<GriffelStyle, 'flexGrow' | 'flexShrink' | 'flexBasis'>;
/**

@@ -5,0 +5,0 @@ * A function that implements CSS spec conformant expansion for "flex".

6

src/shorthands/gap.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { GapInput } from './types';
declare type GapStyle = Pick<GriffelStylesStrictCSSObject, 'columnGap' | 'rowGap'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { GapInput } from './types';
declare type GapStyle = Pick<GriffelStyle, 'columnGap' | 'rowGap'>;
/**

@@ -5,0 +5,0 @@ * A function that implements CSS spec conformant expansion for "gap"

5

src/shorthands/generateStyles.d.ts

@@ -1,5 +0,4 @@

import type { GriffelStylesCSSValue, ValueOrArray } from '../types';
import { GriffelStylesStrictCSSObject } from '../types';
import type { GriffelStylesCSSValue, ValueOrArray, GriffelStyle } from '@griffel/style-types';
declare type DirectionalProperties = 'border' | 'padding' | 'margin';
export declare function generateStyles<Styles extends GriffelStylesStrictCSSObject>(property: DirectionalProperties, suffix: '' | 'Color' | 'Style' | 'Width', ...values: ValueOrArray<GriffelStylesCSSValue>[]): Styles;
export declare function generateStyles<Styles extends GriffelStyle>(property: DirectionalProperties, suffix: '' | 'Color' | 'Style' | 'Width', ...values: ValueOrArray<GriffelStylesCSSValue>[]): Styles;
export {};

6

src/shorthands/gridArea.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { GridAreaInput } from './types';
declare type GridAreaStyle = Pick<GriffelStylesStrictCSSObject, 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { GridAreaInput } from './types';
declare type GridAreaStyle = Pick<GriffelStyle, 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd'>;
export declare function gridArea(all: GridAreaInput): GridAreaStyle;

@@ -5,0 +5,0 @@ export declare function gridArea(rowStart: GridAreaInput, columnStart: GridAreaInput): GridAreaStyle;

6

src/shorthands/inset.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { InsetInput } from './types';
declare type InsetStyle = Pick<GriffelStylesStrictCSSObject, 'top' | 'right' | 'bottom' | 'left'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { InsetInput } from './types';
declare type InsetStyle = Pick<GriffelStyle, 'top' | 'right' | 'bottom' | 'left'>;
export declare function inset(all: InsetInput): InsetStyle;

@@ -5,0 +5,0 @@ export declare function inset(vertical: InsetInput, horizontal: InsetInput): InsetStyle;

6

src/shorthands/margin.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { MarginInput } from './types';
declare type MarginStyle = Pick<GriffelStylesStrictCSSObject, 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { MarginInput } from './types';
declare type MarginStyle = Pick<GriffelStyle, 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'>;
export declare function margin(all: MarginInput): MarginStyle;

@@ -5,0 +5,0 @@ export declare function margin(vertical: MarginInput, horizontal: MarginInput): MarginStyle;

6

src/shorthands/marginBlock.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { MarginBlockInput } from './types';
declare type MarginBlockStyle = Pick<GriffelStylesStrictCSSObject, 'marginBlockStart' | 'marginBlockEnd'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { MarginBlockInput } from './types';
declare type MarginBlockStyle = Pick<GriffelStyle, 'marginBlockStart' | 'marginBlockEnd'>;
/**

@@ -5,0 +5,0 @@ * A function that implements CSS spec conformant expansion for "margin-block"

6

src/shorthands/marginInline.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { MarginInlineInput } from './types';
declare type MarginInlineStyle = Pick<GriffelStylesStrictCSSObject, 'marginInlineStart' | 'marginInlineEnd'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { MarginInlineInput } from './types';
declare type MarginInlineStyle = Pick<GriffelStyle, 'marginInlineStart' | 'marginInlineEnd'>;
/**

@@ -5,0 +5,0 @@ * A function that implements CSS spec conformant expansion for "margin-inline"

6

src/shorthands/outline.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { OutlineColorInput, OutlineStyleInput, OutlineWidthInput } from './types';
declare type OutlineStyle = Pick<GriffelStylesStrictCSSObject, 'outlineColor' | 'outlineStyle' | 'outlineWidth'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { OutlineColorInput, OutlineStyleInput, OutlineWidthInput } from './types';
declare type OutlineStyle = Pick<GriffelStyle, 'outlineColor' | 'outlineStyle' | 'outlineWidth'>;
export declare function outline(width: OutlineWidthInput): OutlineStyle;

@@ -5,0 +5,0 @@ export declare function outline(width: OutlineWidthInput, style: OutlineStyleInput): OutlineStyle;

6

src/shorthands/overflow.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { OverflowInput } from './types';
declare type OverflowStyle = Pick<GriffelStylesStrictCSSObject, 'overflowX' | 'overflowY'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { OverflowInput } from './types';
declare type OverflowStyle = Pick<GriffelStyle, 'overflowX' | 'overflowY'>;
/**

@@ -5,0 +5,0 @@ * A function that implements CSS spec conformant expansion for "overflow"

6

src/shorthands/padding.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { PaddingInput } from './types';
declare type PaddingStyle = Pick<GriffelStylesStrictCSSObject, 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { PaddingInput } from './types';
declare type PaddingStyle = Pick<GriffelStyle, 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'>;
export declare function padding(all: PaddingInput): PaddingStyle;

@@ -5,0 +5,0 @@ export declare function padding(vertical: PaddingInput, horizontal: PaddingInput): PaddingStyle;

6

src/shorthands/paddingBlock.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { PaddingBlockInput } from './types';
declare type PaddingBlockStyle = Pick<GriffelStylesStrictCSSObject, 'paddingBlockStart' | 'paddingBlockEnd'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { PaddingBlockInput } from './types';
declare type PaddingBlockStyle = Pick<GriffelStyle, 'paddingBlockStart' | 'paddingBlockEnd'>;
/**

@@ -5,0 +5,0 @@ * A function that implements CSS spec conformant expansion for "padding-block"

6

src/shorthands/paddingInline.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import { PaddingInlineInput } from './types';
declare type PaddingInlineStyle = Pick<GriffelStylesStrictCSSObject, 'paddingInlineStart' | 'paddingInlineEnd'>;
import type { GriffelStyle } from '@griffel/style-types';
import type { PaddingInlineInput } from './types';
declare type PaddingInlineStyle = Pick<GriffelStyle, 'paddingInlineStart' | 'paddingInlineEnd'>;
/**

@@ -5,0 +5,0 @@ * A function that implements CSS spec conformant expansion for "padding-inline"

4

src/shorthands/textDecoration.d.ts

@@ -1,4 +0,4 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import type { GriffelStyle } from '@griffel/style-types';
import { TextDecorationColorInput, TextDecorationLineInput, TextDecorationStyleInput, TextDecorationThicknessInput } from './types';
declare type TextDecorationStyle = Pick<GriffelStylesStrictCSSObject, 'textDecorationStyle' | 'textDecorationLine' | 'textDecorationColor' | 'textDecorationThickness'>;
declare type TextDecorationStyle = Pick<GriffelStyle, 'textDecorationStyle' | 'textDecorationLine' | 'textDecorationColor' | 'textDecorationThickness'>;
export declare function textDecoration(style: TextDecorationStyleInput): TextDecorationStyle;

@@ -5,0 +5,0 @@ export declare function textDecoration(line: TextDecorationLineInput): TextDecorationStyle;

4

src/shorthands/transition.d.ts

@@ -1,2 +0,2 @@

import type { GriffelStylesStrictCSSObject } from '../types';
import type { GriffelStyle } from '@griffel/style-types';
import { TransitionDelayInput, TransitionDurationInput, TransitionPropertyInput, TransitionTimingFunctionInput, TransitionGlobalInput } from './types';

@@ -9,3 +9,3 @@ declare type TransitionInputs = [

];
declare type TransitionStyle = Pick<GriffelStylesStrictCSSObject, 'transitionProperty' | 'transitionDelay' | 'transitionDuration' | 'transitionTimingFunction'>;
declare type TransitionStyle = Pick<GriffelStyle, 'transitionProperty' | 'transitionDelay' | 'transitionDuration' | 'transitionTimingFunction'>;
export declare function transition(globalValue: TransitionGlobalInput): TransitionStyle;

@@ -12,0 +12,0 @@ export declare function transition(property: TransitionPropertyInput, duration: TransitionDurationInput): TransitionStyle;

2

src/shorthands/types.d.ts

@@ -0,3 +1,3 @@

import type { GriffelStylesCSSValue, ValueOrArray } from '@griffel/style-types';
import * as CSS from 'csstype';
import { GriffelStylesCSSValue, ValueOrArray } from '../types';
export declare type BorderWidthInput = ValueOrArray<CSS.Property.BorderWidth<GriffelStylesCSSValue>>;

@@ -4,0 +4,0 @@ export declare type BorderStyleInput = ValueOrArray<CSS.Property.BorderStyle>;

222

src/types.d.ts

@@ -1,221 +0,2 @@

import * as CSS from 'csstype';
export declare type GriffelStylesCSSValue = string | 0;
/**
* Griffel doesn't support expansion of CSS shorthands.
* They can be replaced either with the corresponding longhand properties or with the `shorthands` helper functions.
* @see https://griffel.js.org/react/guides/limitations#css-shorthands-are-not-supported
*/
export interface GriffelStylesUnsupportedCSSProperties extends Record<keyof CSS.StandardShorthandProperties, never> {
/** @deprecated */
all: never;
/** @deprecated Use corresponding longhand properties such as `animationName` and `animationDuration` instead. */
animation: never;
/** @deprecated Use corresponding longhand properties such as `backgroundImage` and `backgroundSize` instead. */
background: never;
/** @deprecated Use corresponding longhand properties `backgroundPositionX` and `backgroundPositionY` instead. */
backgroundPosition: never;
/** @deprecated Use `shorthands.border()` instead. */
border: never;
/** @deprecated Use corresponding longhand properties such as `borderBlockStartColor` and `borderBlockEndStyle` instead. */
borderBlock: never;
/** @deprecated Use corresponding longhand properties such as `borderBlockEndColor` and `borderBlockEndStyle` instead. */
borderBlockEnd: never;
/** @deprecated Use corresponding longhand properties such as `borderBlockStartColor` and `borderBlockStartStyle` instead. */
borderBlockStart: never;
/** @deprecated Use `shorthands.borderBottom()` instead. */
borderBottom: never;
/** @deprecated Use `shorthands.borderColor()` instead. */
borderColor: never;
/** @deprecated Use corresponding longhand properties such as `borderImageSource` and `borderImageWidth` instead. */
borderImage: never;
/** @deprecated Use corresponding longhand properties such as `borderInlineStartColor` and `borderInlineEndStyle` instead. */
borderInline: never;
/** @deprecated Use corresponding longhand properties such as `borderInlineEndColor` and `borderInlineEndStyle` instead. */
borderInlineEnd: never;
/** @deprecated Use corresponding longhand properties such as `borderInlineStartColor` and `borderInlineStartStyle` instead. */
borderInlineStart: never;
/** @deprecated Use `shorthands.borderLeft()` instead. */
borderLeft: never;
/** @deprecated Use `shorthands.borderRadius()` instead. */
borderRadius: never;
/** @deprecated Use `shorthands.borderRight()` instead. */
borderRight: never;
/** @deprecated Use `shorthands.borderStyle()` instead. */
borderStyle: never;
/** @deprecated Use `shorthands.borderTop()` instead. */
borderTop: never;
/** @deprecated Use `shorthands.borderWidth()` instead. */
borderWidth: never;
/** @deprecated Use corresponding longhand properties `caretColor` and `caretShape` instead. */
caret: never;
/** @deprecated Use corresponding longhand properties `columnCount` and `columnWidth` instead. */
columns: never;
/** @deprecated Use corresponding longhand properties such as `columnRuleWidth` and `columnRuleColor` instead. */
columnRule: never;
/** @deprecated Use corresponding longhand properties `containIntrinsicWidth` and `containIntrinsicHeight` instead. */
containIntrinsicSize: never;
/** @deprecated Use corresponding longhand properties `containerName` and `containerType` instead. */
container: never;
/** @deprecated Use `shorthands.flex()` instead. */
flex: never;
/** @deprecated Use corresponding longhand properties `flexWrap` and `flexDirection` instead. */
flexFlow: never;
/** @deprecated Use corresponding longhand properties such as `fontFamily` and `fontSize` instead. */
font: never;
/** @deprecated Use `shorthands.gap()` instead. */
gap: never;
/** @deprecated Use corresponding longhand properties such as `gridTemplateColumns` and `gridAutoRows` instead. */
grid: never;
/** @deprecated Use `shorthands.gridArea()` instead. */
gridArea: never;
/** @deprecated Use corresponding longhand properties `gridColumnStart` and `gridColumnEnd` instead. */
gridColumn: never;
/** @deprecated Use corresponding longhand properties `gridRowStart` and `gridRowEnd` instead. */
gridRow: never;
/** @deprecated Use corresponding longhand properties such as `gridTemplateColumns` and `gridTemplateRows` instead. */
gridTemplate: never;
/** @deprecated Use corresponding longhand properties `top`, `right`, `left` and `bottom` instead. */
inset: never;
/** @deprecated Use corresponding longhand properties such as `insetBlockStart` and `insetBlockEnd` instead. */
insetBlock: never;
/** @deprecated Use corresponding longhand properties such as `insetInlineStart` and `insetInlineEnd` instead. */
insetInline: never;
/** @deprecated */
lineClamp: never;
/** @deprecated Use corresponding longhand properties such as `listStyleType` instead. */
listStyle: never;
/** @deprecated Use `shorthands.margin()` instead. */
margin: never;
/** @deprecated Use `shorthands.marginBlock()` instead. */
marginBlock: never;
/** @deprecated Use `shorthands.marginInline()` instead. */
marginInline: never;
/** @deprecated Use corresponding longhand properties such as `maskImage` and `maskSize` instead. */
mask: never;
/** @deprecated Use corresponding longhand properties such as `maskBorderSource` and `maskBorderWidth` instead. */
maskBorder: never;
/** @deprecated */
motion: never;
/** @deprecated Use corresponding longhand properties such as `offsetPath` and `offsetDistance` instead. */
offset: never;
/** @deprecated Use corresponding longhand properties such as `outlineColor` and `outlineWidth` instead. */
outline: never;
/** @deprecated Use `shorthands.overflow()` instead. */
overflow: never;
/** @deprecated Use corresponding longhand properties `overscrollBehaviorX` and `overscrollBehaviorY` instead. */
overscrollBehavior: never;
/** @deprecated Use `shorthands.padding()` instead. */
padding: never;
/** @deprecated Use `shorthands.paddingBlock()` instead. */
paddingBlock: never;
/** @deprecated Use `shorthands.paddingInline()` instead. */
paddingInline: never;
/** @deprecated Use corresponding longhand properties `alignItems` and `justifyItems` instead. */
placeItems: never;
/** @deprecated Use corresponding longhand properties `alignContent` and `justifyContent` instead. */
placeContent: never;
/** @deprecated Use corresponding longhand properties `alignSelf` and `justifySelf` instead. */
placeSelf: never;
/** @deprecated */
scrollMargin: never;
/** @deprecated */
scrollMarginBlock: never;
/** @deprecated */
scrollMarginInline: never;
/** @deprecated */
scrollPadding: never;
/** @deprecated */
scrollPaddingBlock: never;
/** @deprecated */
scrollPaddingInline: never;
/** @deprecated */
scrollSnapMargin: never;
/** @deprecated */
scrollTimeline: never;
/** @deprecated Use corresponding longhand properties such as `textDecorationColor` and `textDecorationLine` instead. */
textDecoration: never;
/** @deprecated Use corresponding longhand properties `textEmphasisColor` and `textEmphasisStyle` instead. */
textEmphasis: never;
/** @deprecated Use `shorthands.transition()` instead. */
transition: never;
}
export declare type ValueOrArray<T> = T | Array<T>;
declare type GriffelStylesCSSProperties = Omit<CSS.PropertiesFallback<GriffelStylesCSSValue>, 'animationName'> & Partial<GriffelStylesUnsupportedCSSProperties>;
export declare type GriffelStylesStrictCSSObject = GriffelStylesCSSProperties & GriffelStylesCSSPseudos & {
animationName?: GriffelAnimation | GriffelAnimation[] | CSS.Property.Animation;
};
declare type GriffelStylesCSSPseudos = {
[Property in CSS.Pseudos]?: (GriffelStylesStrictCSSObject & {
content?: string | string[];
}) | (GriffelStylesCSSObjectCustomL1 & {
content?: string | string[];
});
};
declare type GriffelStylesCSSObjectCustomL1 = {
[Property: string]: string | number | (string | number)[] | undefined | GriffelStylesCSSObjectCustomL2;
} & GriffelStylesStrictCSSObject;
declare type GriffelStylesCSSObjectCustomL2 = {
[Property: string]: string | number | (string | number)[] | undefined | GriffelStylesCSSObjectCustomL3;
} & GriffelStylesStrictCSSObject;
declare type GriffelStylesCSSObjectCustomL3 = {
[Property: string]: string | number | (string | number)[] | undefined | GriffelStylesCSSObjectCustomL4;
} & GriffelStylesStrictCSSObject;
declare type GriffelStylesCSSObjectCustomL4 = {
[Property: string]: string | number | (string | number)[] | undefined | GriffelStylesCSSObjectCustomL5;
} & GriffelStylesStrictCSSObject;
declare type GriffelStylesCSSObjectCustomL5 = {
[Property: string]: string | number | (string | number)[] | undefined | GriffelStylesStrictCSSObject;
} & GriffelStylesStrictCSSObject;
export declare type GriffelStyle = GriffelStylesStrictCSSObject | GriffelStylesCSSObjectCustomL1;
export declare type GriffelAnimation = Record<'from' | 'to' | string, GriffelStylesCSSObjectCustomL1>;
export declare type GriffelStaticStyle = {
[key: string]: CSS.Properties & Record<string, any>;
} & {
'@font-face'?: {
fontFamily: string;
src: string;
fontFeatureSettings?: string;
fontStretch?: string;
fontStyle?: string;
fontVariant?: string;
fontVariationSettings?: string;
fontWeight?: number | string;
unicodeRange?: string;
};
};
export declare type GriffelStaticStyles = GriffelStaticStyle | string;
declare type GriffelResetStylesCSSProperties = Omit<CSS.PropertiesFallback<ValueOrArray<GriffelStylesCSSValue>>, 'animationName'>;
declare type GriffelResetStylesStrictCSSObject = GriffelResetStylesCSSProperties & GriffelResetStylesCSSPseudos & {
animationName?: GriffelAnimation | GriffelAnimation[] | CSS.Property.Animation;
};
declare type GriffelResetStylesCSSPseudos = {
[Property in CSS.Pseudos]?: (GriffelResetStylesStrictCSSObject & {
content?: string | string[];
}) | (GriffelResetStylesCSSObjectCustomL1 & {
content?: string | string[];
});
};
declare type GriffelResetStylesCSSObjectCustomL1 = {
[Property: string]: string | number | (string | number)[] | undefined | GriffelResetStylesCSSObjectCustomL2;
} & GriffelResetStylesStrictCSSObject;
declare type GriffelResetStylesCSSObjectCustomL2 = {
[Property: string]: string | number | (string | number)[] | undefined | GriffelResetStylesCSSObjectCustomL3;
} & GriffelResetStylesStrictCSSObject;
declare type GriffelResetStylesCSSObjectCustomL3 = {
[Property: string]: string | number | (string | number)[] | undefined | GriffelResetStylesCSSObjectCustomL4;
} & GriffelResetStylesStrictCSSObject;
declare type GriffelResetStylesCSSObjectCustomL4 = {
[Property: string]: string | number | (string | number)[] | undefined | GriffelResetStylesCSSObjectCustomL5;
} & GriffelResetStylesStrictCSSObject;
declare type GriffelResetStylesCSSObjectCustomL5 = {
[Property: string]: string | number | (string | number)[] | undefined | GriffelResetStylesStrictCSSObject;
} & GriffelResetStylesStrictCSSObject;
export declare type GriffelResetStyle = GriffelResetStylesStrictCSSObject | GriffelResetStylesCSSObjectCustomL1;
export interface MakeStylesOptions {
dir: 'ltr' | 'rtl';
renderer: GriffelRenderer;
}
export interface MakeStaticStylesOptions {
renderer: GriffelRenderer;
}
import type { GriffelStyle } from '@griffel/style-types';
export interface IsomorphicStyleSheet {

@@ -290,2 +71,1 @@ /**

export declare type LookupItem = [/* definitions */ CSSClassesMap, /* dir */ /* dir */ 'rtl' | 'ltr'];
export {};
__css.cjs.js.map

Sorry, the diff of this file is not supported yet

__css.esm.js.map

Sorry, the diff of this file is not supported yet

__resetCSS.cjs.js.map

Sorry, the diff of this file is not supported yet

__resetCSS.esm.js.map

Sorry, the diff of this file is not supported yet

__resetStyles.cjs.js.map

Sorry, the diff of this file is not supported yet

__resetStyles.esm.js.map

Sorry, the diff of this file is not supported yet

__styles.cjs.js.map

Sorry, the diff of this file is not supported yet

__styles.esm.js.map

Sorry, the diff of this file is not supported yet

constants.cjs.js.map

Sorry, the diff of this file is not supported yet

constants.esm.js.map

Sorry, the diff of this file is not supported yet

index.cjs.js.map

Sorry, the diff of this file is not supported yet

index.esm.js.map

Sorry, the diff of this file is not supported yet

makeResetStyles.cjs.js.map

Sorry, the diff of this file is not supported yet

makeResetStyles.esm.js.map

Sorry, the diff of this file is not supported yet

makeStaticStyles.cjs.js.map

Sorry, the diff of this file is not supported yet

makeStaticStyles.esm.js.map

Sorry, the diff of this file is not supported yet

makeStyles.cjs.js.map

Sorry, the diff of this file is not supported yet

makeStyles.esm.js.map

Sorry, the diff of this file is not supported yet

resolveStyleRulesForSlots.cjs.js.map

Sorry, the diff of this file is not supported yet

resolveStyleRulesForSlots.esm.js.map

Sorry, the diff of this file is not supported yet

runtime/compileKeyframeCSS.cjs.js.map

Sorry, the diff of this file is not supported yet

runtime/compileKeyframeCSS.esm.js.map

Sorry, the diff of this file is not supported yet

runtime/compileStaticCSS.cjs.js.map

Sorry, the diff of this file is not supported yet

runtime/compileStaticCSS.esm.js.map

Sorry, the diff of this file is not supported yet

runtime/resolveResetStyleRules.cjs.js.map

Sorry, the diff of this file is not supported yet

runtime/resolveResetStyleRules.esm.js.map

Sorry, the diff of this file is not supported yet

runtime/resolveStaticStyleRules.cjs.js.map

Sorry, the diff of this file is not supported yet

runtime/resolveStaticStyleRules.esm.js.map

Sorry, the diff of this file is not supported yet

runtime/resolveStyleRules.cjs.js.map

Sorry, the diff of this file is not supported yet

runtime/resolveStyleRules.esm.js.map

Sorry, the diff of this file is not supported yet

runtime/utils/cssifyObject.cjs.js.map

Sorry, the diff of this file is not supported yet

runtime/utils/cssifyObject.esm.js.map

Sorry, the diff of this file is not supported yet

runtime/utils/hashClassName.cjs.js.map

Sorry, the diff of this file is not supported yet

runtime/utils/hashClassName.esm.js.map

Sorry, the diff of this file is not supported yet

runtime/utils/hashPropertyKey.cjs.js.map

Sorry, the diff of this file is not supported yet

runtime/utils/hashPropertyKey.esm.js.map

Sorry, the diff of this file is not supported yet

runtime/warnings/warnAboutUnresolvedRule.cjs.js.map

Sorry, the diff of this file is not supported yet

runtime/warnings/warnAboutUnresolvedRule.esm.js.map

Sorry, the diff of this file is not supported yet

runtime/warnings/warnAboutUnsupportedProperties.cjs.js.map

Sorry, the diff of this file is not supported yet

runtime/warnings/warnAboutUnsupportedProperties.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/border.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/border.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderBottom.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderBottom.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderColor.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderColor.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderLeft.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderLeft.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderRadius.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderRadius.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderRight.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderRight.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderStyle.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderStyle.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderTop.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderTop.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderWidth.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/borderWidth.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/flex.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/flex.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/gap.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/gap.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/generateStyles.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/generateStyles.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/gridArea.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/gridArea.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/inset.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/inset.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/margin.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/margin.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/marginBlock.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/marginBlock.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/marginInline.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/marginInline.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/outline.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/outline.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/overflow.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/overflow.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/padding.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/padding.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/paddingBlock.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/paddingBlock.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/paddingInline.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/paddingInline.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/textDecoration.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/textDecoration.esm.js.map

Sorry, the diff of this file is not supported yet

shorthands/transition.cjs.js.map

Sorry, the diff of this file is not supported yet

shorthands/transition.esm.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc