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

@stylexjs/stylex

Package Overview
Dependencies
Maintainers
2
Versions
50
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@stylexjs/stylex - npm Package Compare versions

Comparing version 0.2.0-beta.27 to 0.3.0

1036

lib/StyleXCSSTypes.d.ts

@@ -75,3 +75,3 @@ /**

| all;
type all = 'initial' | 'inherit' | 'unset';
type all = null | 'initial' | 'inherit' | 'unset';
type animationDelay = time;

@@ -852,7 +852,19 @@ type animationDirection = singleAnimationDirection;

export type CSSProperties = Readonly<{
theme?: null | string;
MozOsxFontSmoothing?: null | 'grayscale';
WebkitAppearance?: null | appearance;
WebkitFontSmoothing?: null | 'antialiased';
WebkitTapHighlightColor?: null | color;
theme?: all | string;
MozOsxFontSmoothing?: all | 'grayscale';
WebkitAppearance?: all | appearance;
WebkitFontSmoothing?: all | 'antialiased';
WebkitTapHighlightColor?: all | color;
WebkitMaskImage?: all | maskImage;
WebkitTextFillColor?: all | color;
textFillColor?: all | color;
WebkitTextStrokeWidth?: all | number | string;
WebkitTextStrokeColor?: all | color;
WebkitBackgroundClip?:
| null
| 'border-box'
| 'padding-box'
| 'content-box'
| 'text';
backgroundClip?: all | 'border-box' | 'padding-box' | 'content-box' | 'text';
WebkitBoxOrient?:

@@ -864,143 +876,143 @@ | null

| 'block-axis';
WebkitLineClamp?: null | number;
accentColor?: null | color;
aspectRatio?: null | number | string;
placeContent?: null | string;
alignContent?: null | alignContent;
justifyContent?: null | justifyContent;
placeItems?: null | string;
alignItems?: null | alignItems;
justifyItems?: null | justifyItems;
alignSelf?: null | alignSelf;
justifySelf?: null | justifySelf;
alignmentBaseline?: null | alignmentBaseline;
alignTracks?: null | string;
justifyTracks?: null | string;
masonryAutoFlow?: null | string;
animation?: null | string;
animationComposition?: null | string;
animationDelay?: null | OptionalArray<animationDelay>;
animationDirection?: null | OptionalArray<animationDirection>;
animationDuration?: null | OptionalArray<animationDuration>;
animationFillMode?: null | OptionalArray<animationFillMode>;
animationIterationCount?: null | OptionalArray<animationIterationCount>;
animationName?: null | OptionalArray<animationName>;
animationPlayState?: null | OptionalArray<animationPlayState>;
animationTimingFunction?: null | OptionalArray<animationTimingFunction>;
animationTimeline?: null | string;
animationRange?: null | string;
animationRangeStart?: null | string;
animationRangeEnd?: null | string;
appearance?: null | appearance;
azimuth?: null | string;
backdropFilter?: null | backdropFilter;
backfaceVisibility?: null | backfaceVisibility;
background?: null | string;
backgroundAttachment?: null | OptionalArray<backgroundAttachment>;
backgroundBlendMode?: null | OptionalArray<backgroundBlendMode>;
backgroundClip?: null | OptionalArray<backgroundClip>;
backgroundColor?: null | backgroundColor;
backgroundImage?: null | OptionalArray<backgroundImage>;
backgroundOrigin?: null | OptionalArray<backgroundOrigin>;
backgroundPosition?: null | OptionalArray<backgroundPosition>;
backgroundPositionX?: null | OptionalArray<backgroundPositionX>;
backgroundPositionY?: null | OptionalArray<backgroundPositionY>;
backgroundRepeat?: null | OptionalArray<backgroundRepeat>;
backgroundSize?: null | OptionalArray<backgroundSize>;
baselineShift?: null | baselineShift;
behavior?: null | behavior;
blockSize?: null | blockSize;
border?: null | border;
borderBlock?: null | borderBlockEnd;
borderBlockColor?: null | borderBlockEndColor;
borderBlockStyle?: null | borderBlockEndStyle;
borderBlockWidth?: null | borderBlockEndWidth;
borderBlockEnd?: null | borderBlockEnd;
borderBlockEndColor?: null | borderBlockEndColor;
borderBlockEndStyle?: null | borderBlockEndStyle;
borderBlockEndWidth?: null | borderBlockEndWidth;
borderBlockStart?: null | borderBlockStart;
borderBlockStartColor?: null | borderBlockStartColor;
borderBlockStartStyle?: null | borderBlockStartStyle;
borderBlockStartWidth?: null | borderBlockStartWidth;
borderBottom?: null | border;
borderBottomColor?: null | color;
borderBottomStyle?: null | borderBottomStyle;
borderBottomWidth?: null | borderBottomWidth;
borderCollapse?: null | borderCollapse;
borderColor?: null | borderColor;
borderEnd?: null | border;
borderEndColor?: null | borderRightColor;
borderEndStyle?: null | borderRightStyle;
borderEndWidth?: null | borderRightWidth;
borderImage?: null | borderImage;
borderImageOutset?: null | borderImageOutset;
borderImageRepeat?: null | borderImageRepeat;
borderImageSlice?: null | borderImageSlice;
borderImageSource?: null | borderImageSource;
borderImageWidth?: null | borderImageWidth;
borderInline?: null | borderInlineEnd;
borderInlineColor?: null | borderInlineEndColor;
borderInlineStyle?: null | borderInlineEndStyle;
borderInlineWidth?: null | borderInlineEndWidth;
borderInlineEnd?: null | borderInlineEnd;
borderInlineEndColor?: null | borderInlineEndColor;
borderInlineEndStyle?: null | borderInlineEndStyle;
borderInlineEndWidth?: null | borderInlineEndWidth;
borderInlineStart?: null | borderInlineStart;
borderInlineStartColor?: null | borderInlineStartColor;
borderInlineStartStyle?: null | borderInlineStartStyle;
borderInlineStartWidth?: null | borderInlineStartWidth;
borderLeft?: null | border;
borderLeftColor?: null | borderLeftColor;
borderLeftStyle?: null | borderLeftStyle;
borderLeftWidth?: null | borderLeftWidth;
borderRight?: null | border;
borderRightColor?: null | borderRightColor;
borderRightStyle?: null | borderRightStyle;
borderRightWidth?: null | borderRightWidth;
borderSpacing?: null | borderSpacing;
borderStart?: null | border;
borderStartColor?: null | borderLeftColor;
borderStartStyle?: null | borderLeftStyle;
borderStartWidth?: null | borderLeftWidth;
borderStyle?: null | borderStyle;
borderTop?: null | border;
borderTopColor?: null | color;
borderRadius?: null | borderRadius;
borderEndStartRadius?: null | borderBottomLeftRadius;
borderStartStartRadius?: null | borderTopLeftRadius;
borderStartEndRadius?: null | borderTopRightRadius;
borderEndEndRadius?: null | borderBottomRightRadius;
borderTopLeftRadius?: null | borderTopLeftRadius;
borderTopRightRadius?: null | borderTopRightRadius;
borderBottomLeftRadius?: null | borderBottomLeftRadius;
borderBottomRightRadius?: null | borderBottomRightRadius;
borderTopStyle?: null | borderTopStyle;
borderTopWidth?: null | borderTopWidth;
borderWidth?: null | borderWidth;
bottom?: null | number | string;
boxAlign?: null | boxAlign;
boxDecorationBreak?: null | boxDecorationBreak;
boxDirection?: null | boxDirection;
boxFlex?: null | boxFlex;
boxFlexGroup?: null | boxFlexGroup;
boxLines?: null | boxLines;
boxOrdinalGroup?: null | boxOrdinalGroup;
boxOrient?: null | boxOrient;
boxShadow?: null | OptionalArray<boxShadow>;
boxSizing?: null | boxSizing;
boxSuppress?: null | boxSuppress;
breakAfter?: null | breakAfter;
breakBefore?: null | breakBefore;
breakInside?: null | breakInside;
captionSide?: null | captionSide;
caret?: null | string;
caretColor?: null | color;
caretShape?: null | string;
clear?: null | clear;
clip?: null | clip;
clipPath?: null | clipPath;
clipRule?: null | clipRule;
color?: null | color;
WebkitLineClamp?: all | number;
accentColor?: all | color;
aspectRatio?: all | number | string;
placeContent?: all | string;
alignContent?: all | alignContent;
justifyContent?: all | justifyContent;
placeItems?: all | string;
alignItems?: all | alignItems;
justifyItems?: all | justifyItems;
alignSelf?: all | alignSelf;
justifySelf?: all | justifySelf;
alignmentBaseline?: all | alignmentBaseline;
alignTracks?: all | string;
justifyTracks?: all | string;
masonryAutoFlow?: all | string;
animation?: all | string;
animationComposition?: all | string;
animationDelay?: all | OptionalArray<animationDelay>;
animationDirection?: all | OptionalArray<animationDirection>;
animationDuration?: all | OptionalArray<animationDuration>;
animationFillMode?: all | OptionalArray<animationFillMode>;
animationIterationCount?: all | OptionalArray<animationIterationCount>;
animationName?: all | OptionalArray<animationName>;
animationPlayState?: all | OptionalArray<animationPlayState>;
animationTimingFunction?: all | OptionalArray<animationTimingFunction>;
animationTimeline?: all | string;
animationRange?: all | string;
animationRangeStart?: all | string;
animationRangeEnd?: all | string;
appearance?: all | appearance;
azimuth?: all | string;
backdropFilter?: all | backdropFilter;
backfaceVisibility?: all | backfaceVisibility;
background?: all | string;
backgroundAttachment?: all | OptionalArray<backgroundAttachment>;
backgroundBlendMode?: all | OptionalArray<backgroundBlendMode>;
backgroundClip?: all | OptionalArray<backgroundClip>;
backgroundColor?: all | backgroundColor;
backgroundImage?: all | OptionalArray<backgroundImage>;
backgroundOrigin?: all | OptionalArray<backgroundOrigin>;
backgroundPosition?: all | OptionalArray<backgroundPosition>;
backgroundPositionX?: all | OptionalArray<backgroundPositionX>;
backgroundPositionY?: all | OptionalArray<backgroundPositionY>;
backgroundRepeat?: all | OptionalArray<backgroundRepeat>;
backgroundSize?: all | OptionalArray<backgroundSize>;
baselineShift?: all | baselineShift;
behavior?: all | behavior;
blockSize?: all | blockSize;
border?: all | border;
borderBlock?: all | borderBlockEnd;
borderBlockColor?: all | borderBlockEndColor;
borderBlockStyle?: all | borderBlockEndStyle;
borderBlockWidth?: all | borderBlockEndWidth;
borderBlockEnd?: all | borderBlockEnd;
borderBlockEndColor?: all | borderBlockEndColor;
borderBlockEndStyle?: all | borderBlockEndStyle;
borderBlockEndWidth?: all | borderBlockEndWidth;
borderBlockStart?: all | borderBlockStart;
borderBlockStartColor?: all | borderBlockStartColor;
borderBlockStartStyle?: all | borderBlockStartStyle;
borderBlockStartWidth?: all | borderBlockStartWidth;
borderBottom?: all | border;
borderBottomColor?: all | color;
borderBottomStyle?: all | borderBottomStyle;
borderBottomWidth?: all | borderBottomWidth;
borderCollapse?: all | borderCollapse;
borderColor?: all | borderColor;
borderEnd?: all | border;
borderEndColor?: all | borderRightColor;
borderEndStyle?: all | borderRightStyle;
borderEndWidth?: all | borderRightWidth;
borderImage?: all | borderImage;
borderImageOutset?: all | borderImageOutset;
borderImageRepeat?: all | borderImageRepeat;
borderImageSlice?: all | borderImageSlice;
borderImageSource?: all | borderImageSource;
borderImageWidth?: all | borderImageWidth;
borderInline?: all | borderInlineEnd;
borderInlineColor?: all | borderInlineEndColor;
borderInlineStyle?: all | borderInlineEndStyle;
borderInlineWidth?: all | borderInlineEndWidth;
borderInlineEnd?: all | borderInlineEnd;
borderInlineEndColor?: all | borderInlineEndColor;
borderInlineEndStyle?: all | borderInlineEndStyle;
borderInlineEndWidth?: all | borderInlineEndWidth;
borderInlineStart?: all | borderInlineStart;
borderInlineStartColor?: all | borderInlineStartColor;
borderInlineStartStyle?: all | borderInlineStartStyle;
borderInlineStartWidth?: all | borderInlineStartWidth;
borderLeft?: all | border;
borderLeftColor?: all | borderLeftColor;
borderLeftStyle?: all | borderLeftStyle;
borderLeftWidth?: all | borderLeftWidth;
borderRight?: all | border;
borderRightColor?: all | borderRightColor;
borderRightStyle?: all | borderRightStyle;
borderRightWidth?: all | borderRightWidth;
borderSpacing?: all | borderSpacing;
borderStart?: all | border;
borderStartColor?: all | borderLeftColor;
borderStartStyle?: all | borderLeftStyle;
borderStartWidth?: all | borderLeftWidth;
borderStyle?: all | borderStyle;
borderTop?: all | border;
borderTopColor?: all | color;
borderRadius?: all | borderRadius;
borderEndStartRadius?: all | borderBottomLeftRadius;
borderStartStartRadius?: all | borderTopLeftRadius;
borderStartEndRadius?: all | borderTopRightRadius;
borderEndEndRadius?: all | borderBottomRightRadius;
borderTopLeftRadius?: all | borderTopLeftRadius;
borderTopRightRadius?: all | borderTopRightRadius;
borderBottomLeftRadius?: all | borderBottomLeftRadius;
borderBottomRightRadius?: all | borderBottomRightRadius;
borderTopStyle?: all | borderTopStyle;
borderTopWidth?: all | borderTopWidth;
borderWidth?: all | borderWidth;
bottom?: all | number | string;
boxAlign?: all | boxAlign;
boxDecorationBreak?: all | boxDecorationBreak;
boxDirection?: all | boxDirection;
boxFlex?: all | boxFlex;
boxFlexGroup?: all | boxFlexGroup;
boxLines?: all | boxLines;
boxOrdinalGroup?: all | boxOrdinalGroup;
boxOrient?: all | boxOrient;
boxShadow?: all | OptionalArray<boxShadow>;
boxSizing?: all | boxSizing;
boxSuppress?: all | boxSuppress;
breakAfter?: all | breakAfter;
breakBefore?: all | breakBefore;
breakInside?: all | breakInside;
captionSide?: all | captionSide;
caret?: all | string;
caretColor?: all | color;
caretShape?: all | string;
clear?: all | clear;
clip?: all | clip;
clipPath?: all | clipPath;
clipRule?: all | clipRule;
color?: all | color;
colorScheme?:

@@ -1014,146 +1026,146 @@ | null

| 'only dark';
forcedColorAdjust?: null | 'auto' | 'none';
printColorAdjust?: null | 'economy' | 'exact';
columns?: null | columns;
columnCount?: null | columnCount;
columnWidth?: null | columnWidth;
columnRule?: null | columnRule;
columnRuleColor?: null | columnRuleColor;
columnRuleStyle?: null | columnRuleStyle;
columnRuleWidth?: null | columnRuleWidth;
columnFill?: null | columnFill;
columnGap?: null | columnGap;
columnSpan?: null | columnSpan;
contain?: null | contain;
containIntrinsicSize?: null | number | string;
containIntrinsicBlockSize?: null | number | string;
containIntrinsicInlineSize?: null | number | string;
containIntrinsicHeightSize?: null | number | string;
containIntrinsicWidthSize?: null | number | string;
container?: null | string;
containerName?: null | string;
containerType?: null | 'size' | 'inline-size' | 'normal';
contentVisibility?: null | 'visible' | 'hidden' | 'auto';
content?: null | content;
counterIncrement?: null | counterIncrement;
counterReset?: null | counterReset;
counterSet?: null | string | number;
cue?: null | cue;
cueAfter?: null | cueAfter;
cueBefore?: null | cueBefore;
cursor?: null | OptionalArray<cursor>;
direction?: null | direction;
display?: null | display;
displayInside?: null | displayInside;
displayList?: null | displayList;
displayOutside?: null | displayOutside;
dominantBaseline?: null | dominantBaseline;
emptyCells?: null | emptyCells;
end?: null | number | string;
fill?: null | fill;
fillOpacity?: null | fillOpacity;
fillRule?: null | fillRule;
filter?: null | filter;
flex?: null | flex;
flexBasis?: null | flexBasis;
flexDirection?: null | flexDirection;
flexFlow?: null | flexFlow;
flexGrow?: null | flexGrow;
flexShrink?: null | flexShrink;
flexWrap?: null | flexWrap;
float?: null | float;
font?: null | string;
fontFamily?: null | fontFamily;
fontFeatureSettings?: null | fontFeatureSettings;
fontKerning?: null | fontKerning;
fontLanguageOverride?: null | fontLanguageOverride;
fontSize?: null | fontSize;
fontSizeAdjust?: null | fontSizeAdjust;
fontStretch?: null | fontStretch;
fontStyle?: null | fontStyle;
fontSynthesis?: null | fontSynthesis;
fontSynthesisWeight?: null | 'auto' | 'none';
fontSynthesisStyle?: null | 'auto' | 'none';
fontSynthesisSmallCaps?: null | 'auto' | 'none';
fontSynthesisPosition?: null | 'auto' | 'none';
fontVariant?: null | fontVariant;
fontVariantAlternates?: null | fontVariantAlternates;
fontVariantCaps?: null | fontVariantCaps;
fontVariantEastAsian?: null | fontVariantEastAsian;
fontVariantLigatures?: null | fontVariantLigatures;
fontVariantNumeric?: null | fontVariantNumeric;
fontVariantPosition?: null | fontVariantPosition;
fontWeight?: null | fontWeight;
fontFeatureSettings?: null | string;
fontKerning?: null | 'auto' | 'normal' | 'none';
fontLanguageOverride?: null | string;
fontOpticalSizing?: null | 'auto' | 'none';
fontPalette?: null | 'light' | 'dark' | string;
fontVariationSettings?: null | string;
gap?: null | gap;
glyphOrientationHorizontal?: null | glyphOrientationHorizontal;
glyphOrientationVertical?: null | glyphOrientationVertical;
grid?: null | grid;
gridArea?: null | gridArea;
gridAutoColumns?: null | gridAutoColumns;
gridAutoFlow?: null | gridAutoFlow;
gridAutoRows?: null | gridAutoRows;
gridColumn?: null | gridColumn;
gridColumnEnd?: null | gridColumnEnd;
gridColumnGap?: null | gridColumnGap;
gridColumnStart?: null | gridColumnStart;
gridGap?: null | gridGap;
gridRow?: null | gridRow;
gridRowEnd?: null | gridRowEnd;
gridRowGap?: null | gridRowGap;
gridRowStart?: null | gridRowStart;
gridTemplate?: null | gridTemplate;
gridTemplateAreas?: null | gridTemplateAreas;
gridTemplateColumns?: null | gridTemplateColumns;
gridTemplateRows?: null | gridTemplateRows;
hangingPunctuation?: null | string;
hyphenateCharacter?: null | string;
hyphenateLimitChars?: null | string | number;
hyphens?: null | hyphens;
height?: null | number | string;
imageOrientation?: null | imageOrientation;
imageRendering?: null | imageRendering;
imageResolution?: null | imageResolution;
imeMode?: null | imeMode;
initialLetter?: null | initialLetter;
initialLetterAlign?: null | initialLetterAlign;
inlineSize?: null | inlineSize;
inset?: null | number | string;
insetBlock?: null | number | string;
insetBlockEnd?: null | number | string;
insetBlockStart?: null | number | string;
insetInline?: null | number | string;
insetInlineEnd?: null | number | string;
insetInlineStart?: null | number | string;
isolation?: null | isolation;
kerning?: null | kerning;
left?: null | number | string;
letterSpacing?: null | letterSpacing;
lineBreak?: null | lineBreak;
lineHeight?: null | lineHeight;
lineHeightStep?: null | number | string;
listStyle?: null | listStyle;
listStyleImage?: null | listStyleImage;
listStylePosition?: null | listStylePosition;
listStyleType?: null | listStyleType;
margin?: null | margin;
marginBlock?: null | marginBlockEnd;
marginBlockEnd?: null | marginBlockEnd;
marginBlockStart?: null | marginBlockStart;
marginBottom?: null | marginBottom;
marginEnd?: null | marginRight;
marginHorizontal?: null | marginLeft;
marginInline?: null | marginInlineEnd;
marginInlineEnd?: null | marginInlineEnd;
marginInlineStart?: null | marginInlineStart;
marginLeft?: null | marginLeft;
marginRight?: null | marginRight;
marginStart?: null | marginLeft;
marginTop?: null | marginTop;
marginVertical?: null | marginTop;
forcedColorAdjust?: all | 'auto' | 'none';
printColorAdjust?: all | 'economy' | 'exact';
columns?: all | columns;
columnCount?: all | columnCount;
columnWidth?: all | columnWidth;
columnRule?: all | columnRule;
columnRuleColor?: all | columnRuleColor;
columnRuleStyle?: all | columnRuleStyle;
columnRuleWidth?: all | columnRuleWidth;
columnFill?: all | columnFill;
columnGap?: all | columnGap;
columnSpan?: all | columnSpan;
contain?: all | contain;
containIntrinsicSize?: all | number | string;
containIntrinsicBlockSize?: all | number | string;
containIntrinsicInlineSize?: all | number | string;
containIntrinsicHeightSize?: all | number | string;
containIntrinsicWidthSize?: all | number | string;
container?: all | string;
containerName?: all | string;
containerType?: all | 'size' | 'inline-size' | 'normal';
contentVisibility?: all | 'visible' | 'hidden' | 'auto';
content?: all | content;
counterIncrement?: all | counterIncrement;
counterReset?: all | counterReset;
counterSet?: all | string | number;
cue?: all | cue;
cueAfter?: all | cueAfter;
cueBefore?: all | cueBefore;
cursor?: all | OptionalArray<cursor>;
direction?: all | direction;
display?: all | display;
displayInside?: all | displayInside;
displayList?: all | displayList;
displayOutside?: all | displayOutside;
dominantBaseline?: all | dominantBaseline;
emptyCells?: all | emptyCells;
end?: all | number | string;
fill?: all | fill;
fillOpacity?: all | fillOpacity;
fillRule?: all | fillRule;
filter?: all | filter;
flex?: all | flex;
flexBasis?: all | flexBasis;
flexDirection?: all | flexDirection;
flexFlow?: all | flexFlow;
flexGrow?: all | flexGrow;
flexShrink?: all | flexShrink;
flexWrap?: all | flexWrap;
float?: all | float;
font?: all | string;
fontFamily?: all | fontFamily;
fontFeatureSettings?: all | fontFeatureSettings;
fontKerning?: all | fontKerning;
fontLanguageOverride?: all | fontLanguageOverride;
fontSize?: all | fontSize;
fontSizeAdjust?: all | fontSizeAdjust;
fontStretch?: all | fontStretch;
fontStyle?: all | fontStyle;
fontSynthesis?: all | fontSynthesis;
fontSynthesisWeight?: all | 'auto' | 'none';
fontSynthesisStyle?: all | 'auto' | 'none';
fontSynthesisSmallCaps?: all | 'auto' | 'none';
fontSynthesisPosition?: all | 'auto' | 'none';
fontVariant?: all | fontVariant;
fontVariantAlternates?: all | fontVariantAlternates;
fontVariantCaps?: all | fontVariantCaps;
fontVariantEastAsian?: all | fontVariantEastAsian;
fontVariantLigatures?: all | fontVariantLigatures;
fontVariantNumeric?: all | fontVariantNumeric;
fontVariantPosition?: all | fontVariantPosition;
fontWeight?: all | fontWeight;
fontFeatureSettings?: all | string;
fontKerning?: all | 'auto' | 'normal' | 'none';
fontLanguageOverride?: all | string;
fontOpticalSizing?: all | 'auto' | 'none';
fontPalette?: all | 'light' | 'dark' | string;
fontVariationSettings?: all | string;
gap?: all | gap;
glyphOrientationHorizontal?: all | glyphOrientationHorizontal;
glyphOrientationVertical?: all | glyphOrientationVertical;
grid?: all | grid;
gridArea?: all | gridArea;
gridAutoColumns?: all | gridAutoColumns;
gridAutoFlow?: all | gridAutoFlow;
gridAutoRows?: all | gridAutoRows;
gridColumn?: all | gridColumn;
gridColumnEnd?: all | gridColumnEnd;
gridColumnGap?: all | gridColumnGap;
gridColumnStart?: all | gridColumnStart;
gridGap?: all | gridGap;
gridRow?: all | gridRow;
gridRowEnd?: all | gridRowEnd;
gridRowGap?: all | gridRowGap;
gridRowStart?: all | gridRowStart;
gridTemplate?: all | gridTemplate;
gridTemplateAreas?: all | gridTemplateAreas;
gridTemplateColumns?: all | gridTemplateColumns;
gridTemplateRows?: all | gridTemplateRows;
hangingPunctuation?: all | string;
hyphenateCharacter?: all | string;
hyphenateLimitChars?: all | string | number;
hyphens?: all | hyphens;
height?: all | number | string;
imageOrientation?: all | imageOrientation;
imageRendering?: all | imageRendering;
imageResolution?: all | imageResolution;
imeMode?: all | imeMode;
initialLetter?: all | initialLetter;
initialLetterAlign?: all | initialLetterAlign;
inlineSize?: all | inlineSize;
inset?: all | number | string;
insetBlock?: all | number | string;
insetBlockEnd?: all | number | string;
insetBlockStart?: all | number | string;
insetInline?: all | number | string;
insetInlineEnd?: all | number | string;
insetInlineStart?: all | number | string;
isolation?: all | isolation;
kerning?: all | kerning;
left?: all | number | string;
letterSpacing?: all | letterSpacing;
lineBreak?: all | lineBreak;
lineHeight?: all | lineHeight;
lineHeightStep?: all | number | string;
listStyle?: all | listStyle;
listStyleImage?: all | listStyleImage;
listStylePosition?: all | listStylePosition;
listStyleType?: all | listStyleType;
margin?: all | margin;
marginBlock?: all | marginBlockEnd;
marginBlockEnd?: all | marginBlockEnd;
marginBlockStart?: all | marginBlockStart;
marginBottom?: all | marginBottom;
marginEnd?: all | marginRight;
marginHorizontal?: all | marginLeft;
marginInline?: all | marginInlineEnd;
marginInlineEnd?: all | marginInlineEnd;
marginInlineStart?: all | marginInlineStart;
marginLeft?: all | marginLeft;
marginRight?: all | marginRight;
marginStart?: all | marginLeft;
marginTop?: all | marginTop;
marginVertical?: all | marginTop;
marginTrim?:

@@ -1168,86 +1180,86 @@ | null

| 'inline-end';
marker?: null | marker;
markerEnd?: null | markerEnd;
markerMid?: null | markerMid;
markerOffset?: null | markerOffset;
markerStart?: null | markerStart;
mask?: null | mask;
maskClip?: null | maskClip;
maskComposite?: null | maskComposite;
maskImage?: null | maskImage;
maskMode?: null | maskMode;
maskOrigin?: null | maskOrigin;
maskPosition?: null | maskPosition;
maskRepeat?: null | maskRepeat;
maskSize?: null | maskSize;
maskType?: null | maskType;
maskBorder?: null | string;
maskBorderMode?: null | 'alpha' | 'luminance';
maskBorderOutset?: null | string | number;
maskBorderRepeat?: null | 'stretch' | 'repeat' | 'round' | 'space';
maskBorderSlice?: null | string | number;
maskBorderSource?: null | string;
maskBorderWidth?: null | string | number;
maxBlockSize?: null | maxBlockSize;
maxHeight?: null | maxHeight;
maxInlineSize?: null | maxInlineSize;
maxWidth?: null | maxWidth;
minBlockSize?: null | minBlockSize;
minHeight?: null | minHeight;
minInlineSize?: null | minInlineSize;
minWidth?: null | minWidth;
mixBlendMode?: null | mixBlendMode;
motion?: null | motion;
motionOffset?: null | motionOffset;
motionPath?: null | motionPath;
motionRotation?: null | motionRotation;
MsOverflowStyle?: null | MsOverflowStyle;
objectFit?: null | objectFit;
objectPosition?: null | objectPosition;
offset?: null | string;
offsetAnchor?: null | string;
offsetDistance?: null | string | number;
offsetPath?: null | string;
offsetPosition?: null | string;
offsetRotate?: null | string;
opacity?: null | opacity;
order?: null | order;
orphans?: null | orphans;
outline?: null | outline;
outlineColor?: null | outlineColor;
outlineOffset?: null | outlineOffset;
outlineStyle?: null | outlineStyle;
outlineWidth?: null | outlineWidth;
overflow?: null | overflow;
overflowBlock?: null | overflowY;
overflowBlockX?: null | overflowX;
overflowX?: null | overflowX;
overflowY?: null | overflowY;
overflowAnchor?: null | overflowAnchor;
overflowClipMargin?: null | string;
overflowWrap?: null | overflowWrap;
overscrollBehavior?: null | overscrollBehavior;
overscrollBehaviorBlock?: null | overscrollBehaviorY;
overscrollBehaviorY?: null | overscrollBehaviorY;
overscrollBehaviorInline?: null | overscrollBehaviorX;
overscrollBehaviorX?: null | overscrollBehaviorX;
padding?: null | padding;
paddingBlock?: null | paddingBlockEnd;
paddingBlockEnd?: null | paddingBlockEnd;
paddingBlockStart?: null | paddingBlockStart;
paddingInline?: null | paddingBlockEnd;
paddingInlineEnd?: null | paddingBlockEnd;
paddingInlineStart?: null | paddingBlockStart;
paddingBottom?: null | paddingBottom;
paddingEnd?: null | paddingBottom;
paddingHorizontal?: null | paddingLeft;
paddingLeft?: null | paddingLeft;
paddingRight?: null | paddingRight;
paddingStart?: null | paddingLeft;
paddingTop?: null | paddingTop;
paddingVertical?: null | paddingTop;
page?: null | string;
pageBreakAfter?: null | pageBreakAfter;
pageBreakBefore?: null | pageBreakBefore;
pageBreakInside?: null | pageBreakInside;
marker?: all | marker;
markerEnd?: all | markerEnd;
markerMid?: all | markerMid;
markerOffset?: all | markerOffset;
markerStart?: all | markerStart;
mask?: all | mask;
maskClip?: all | maskClip;
maskComposite?: all | maskComposite;
maskImage?: all | maskImage;
maskMode?: all | maskMode;
maskOrigin?: all | maskOrigin;
maskPosition?: all | maskPosition;
maskRepeat?: all | maskRepeat;
maskSize?: all | maskSize;
maskType?: all | maskType;
maskBorder?: all | string;
maskBorderMode?: all | 'alpha' | 'luminance';
maskBorderOutset?: all | string | number;
maskBorderRepeat?: all | 'stretch' | 'repeat' | 'round' | 'space';
maskBorderSlice?: all | string | number;
maskBorderSource?: all | string;
maskBorderWidth?: all | string | number;
maxBlockSize?: all | maxBlockSize;
maxHeight?: all | maxHeight;
maxInlineSize?: all | maxInlineSize;
maxWidth?: all | maxWidth;
minBlockSize?: all | minBlockSize;
minHeight?: all | minHeight;
minInlineSize?: all | minInlineSize;
minWidth?: all | minWidth;
mixBlendMode?: all | mixBlendMode;
motion?: all | motion;
motionOffset?: all | motionOffset;
motionPath?: all | motionPath;
motionRotation?: all | motionRotation;
MsOverflowStyle?: all | MsOverflowStyle;
objectFit?: all | objectFit;
objectPosition?: all | objectPosition;
offset?: all | string;
offsetAnchor?: all | string;
offsetDistance?: all | string | number;
offsetPath?: all | string;
offsetPosition?: all | string;
offsetRotate?: all | string;
opacity?: all | opacity;
order?: all | order;
orphans?: all | orphans;
outline?: all | outline;
outlineColor?: all | outlineColor;
outlineOffset?: all | outlineOffset;
outlineStyle?: all | outlineStyle;
outlineWidth?: all | outlineWidth;
overflow?: all | overflow;
overflowBlock?: all | overflowY;
overflowBlockX?: all | overflowX;
overflowX?: all | overflowX;
overflowY?: all | overflowY;
overflowAnchor?: all | overflowAnchor;
overflowClipMargin?: all | string;
overflowWrap?: all | overflowWrap;
overscrollBehavior?: all | overscrollBehavior;
overscrollBehaviorBlock?: all | overscrollBehaviorY;
overscrollBehaviorY?: all | overscrollBehaviorY;
overscrollBehaviorInline?: all | overscrollBehaviorX;
overscrollBehaviorX?: all | overscrollBehaviorX;
padding?: all | padding;
paddingBlock?: all | paddingBlockEnd;
paddingBlockEnd?: all | paddingBlockEnd;
paddingBlockStart?: all | paddingBlockStart;
paddingInline?: all | paddingBlockEnd;
paddingInlineEnd?: all | paddingBlockEnd;
paddingInlineStart?: all | paddingBlockStart;
paddingBottom?: all | paddingBottom;
paddingEnd?: all | paddingBottom;
paddingHorizontal?: all | paddingLeft;
paddingLeft?: all | paddingLeft;
paddingRight?: all | paddingRight;
paddingStart?: all | paddingLeft;
paddingTop?: all | paddingTop;
paddingVertical?: all | paddingTop;
page?: all | string;
pageBreakAfter?: all | pageBreakAfter;
pageBreakBefore?: all | pageBreakBefore;
pageBreakInside?: all | pageBreakInside;
paintOrder?:

@@ -1263,88 +1275,88 @@ | null

| 'stroke fill markers';
pause?: null | pause;
pauseAfter?: null | pauseAfter;
pauseBefore?: null | pauseBefore;
perspective?: null | perspective;
perspectiveOrigin?: null | perspectiveOrigin;
pointerEvents?: null | pointerEvents;
position?: null | position;
quotes?: null | quotes;
resize?: null | resize;
rest?: null | rest;
restAfter?: null | restAfter;
restBefore?: null | restBefore;
right?: null | number | string;
rowGap?: null | rowGap;
rubyAlign?: null | rubyAlign;
rubyMerge?: null | rubyMerge;
rubyPosition?: null | rubyPosition;
mathDepth?: null | number | string;
mathShift?: null | 'normal' | 'compact';
mathStyle?: null | 'normal' | 'compact';
scrollbarWidth?: null | string | number;
scrollBehavior?: null | scrollBehavior;
scrollMargin?: null | number | string;
scrollMarginTop?: null | number | string;
scrollMarginRight?: null | number | string;
scrollMarginBottom?: null | number | string;
scrollMarginLeft?: null | number | string;
scrollMarginBlock?: null | number | string;
scrollMarginBlockEnd?: null | number | string;
scrollMarginBlockStart?: null | number | string;
scrollMarginInline?: null | number | string;
scrollMarginInlineEnd?: null | number | string;
scrollMarginInlineStart?: null | number | string;
scrollPadding?: null | number | string;
scrollPaddingTop?: null | number | string;
scrollPaddingRight?: null | number | string;
scrollPaddingBottom?: null | number | string;
scrollPaddingLeft?: null | number | string;
scrollPaddingBlock?: null | number | string;
scrollPaddingBlockEnd?: null | number | string;
scrollPaddingBlockStart?: null | number | string;
scrollPaddingInline?: null | number | string;
scrollPaddingInlineEnd?: null | number | string;
scrollPaddingInlineStart?: null | number | string;
scrollSnapAlign?: null | scrollSnapAlign;
scrollSnapStop?: null | 'normal' | 'always';
scrollSnapType?: null | scrollSnapType;
scrollTimeline?: null | string;
scrollTimelineAxis?: null | 'block' | 'inline' | 'x' | 'y';
scrollTimelineName?: null | string;
scrollbarColor?: null | color;
scrollbarWidth?: null | width;
shapeImageThreshold?: null | shapeImageThreshold;
shapeMargin?: null | shapeMargin;
shapeOutside?: null | shapeOutside;
shapeRendering?: null | shapeRendering;
speak?: null | speak;
speakAs?: null | speakAs;
src?: null | src;
start?: null | number | string;
stroke?: null | stroke;
strokeDasharray?: null | strokeDasharray;
strokeDashoffset?: null | strokeDashoffset;
strokeLinecap?: null | strokeLinecap;
strokeLinejoin?: null | strokeLinejoin;
strokeMiterlimit?: null | strokeMiterlimit;
strokeOpacity?: null | strokeOpacity;
strokeWidth?: null | strokeWidth;
tabSize?: null | tabSize;
tableLayout?: null | tableLayout;
textAlign?: null | textAlign;
textAlignLast?: null | textAlignLast;
textAnchor?: null | textAnchor;
textCombineUpright?: null | textCombineUpright;
textDecoration?: null | textDecoration;
textDecorationColor?: null | textDecorationColor;
textDecorationLine?: null | textDecorationLine;
textDecorationSkip?: null | textDecorationSkip;
textDecorationSkipInk?: null | 'auto' | 'none' | 'all';
textDecorationStyle?: null | textDecorationStyle;
textDecorationThickness?: null | number | string;
textEmphasis?: null | textEmphasis;
textEmphasisColor?: null | textEmphasisColor;
textEmphasisPosition?: null | textEmphasisPosition;
textEmphasisStyle?: null | textEmphasisStyle;
textIndent?: null | textIndent;
pause?: all | pause;
pauseAfter?: all | pauseAfter;
pauseBefore?: all | pauseBefore;
perspective?: all | perspective;
perspectiveOrigin?: all | perspectiveOrigin;
pointerEvents?: all | pointerEvents;
position?: all | position;
quotes?: all | quotes;
resize?: all | resize;
rest?: all | rest;
restAfter?: all | restAfter;
restBefore?: all | restBefore;
right?: all | number | string;
rowGap?: all | rowGap;
rubyAlign?: all | rubyAlign;
rubyMerge?: all | rubyMerge;
rubyPosition?: all | rubyPosition;
mathDepth?: all | number | string;
mathShift?: all | 'normal' | 'compact';
mathStyle?: all | 'normal' | 'compact';
scrollbarWidth?: all | string | number;
scrollBehavior?: all | scrollBehavior;
scrollMargin?: all | number | string;
scrollMarginTop?: all | number | string;
scrollMarginRight?: all | number | string;
scrollMarginBottom?: all | number | string;
scrollMarginLeft?: all | number | string;
scrollMarginBlock?: all | number | string;
scrollMarginBlockEnd?: all | number | string;
scrollMarginBlockStart?: all | number | string;
scrollMarginInline?: all | number | string;
scrollMarginInlineEnd?: all | number | string;
scrollMarginInlineStart?: all | number | string;
scrollPadding?: all | number | string;
scrollPaddingTop?: all | number | string;
scrollPaddingRight?: all | number | string;
scrollPaddingBottom?: all | number | string;
scrollPaddingLeft?: all | number | string;
scrollPaddingBlock?: all | number | string;
scrollPaddingBlockEnd?: all | number | string;
scrollPaddingBlockStart?: all | number | string;
scrollPaddingInline?: all | number | string;
scrollPaddingInlineEnd?: all | number | string;
scrollPaddingInlineStart?: all | number | string;
scrollSnapAlign?: all | scrollSnapAlign;
scrollSnapStop?: all | 'normal' | 'always';
scrollSnapType?: all | scrollSnapType;
scrollTimeline?: all | string;
scrollTimelineAxis?: all | 'block' | 'inline' | 'x' | 'y';
scrollTimelineName?: all | string;
scrollbarColor?: all | color;
scrollbarWidth?: all | width;
shapeImageThreshold?: all | shapeImageThreshold;
shapeMargin?: all | shapeMargin;
shapeOutside?: all | shapeOutside;
shapeRendering?: all | shapeRendering;
speak?: all | speak;
speakAs?: all | speakAs;
src?: all | src;
start?: all | number | string;
stroke?: all | stroke;
strokeDasharray?: all | strokeDasharray;
strokeDashoffset?: all | strokeDashoffset;
strokeLinecap?: all | strokeLinecap;
strokeLinejoin?: all | strokeLinejoin;
strokeMiterlimit?: all | strokeMiterlimit;
strokeOpacity?: all | strokeOpacity;
strokeWidth?: all | strokeWidth;
tabSize?: all | tabSize;
tableLayout?: all | tableLayout;
textAlign?: all | textAlign;
textAlignLast?: all | textAlignLast;
textAnchor?: all | textAnchor;
textCombineUpright?: all | textCombineUpright;
textDecoration?: all | textDecoration;
textDecorationColor?: all | textDecorationColor;
textDecorationLine?: all | textDecorationLine;
textDecorationSkip?: all | textDecorationSkip;
textDecorationSkipInk?: all | 'auto' | 'none' | 'all';
textDecorationStyle?: all | textDecorationStyle;
textDecorationThickness?: all | number | string;
textEmphasis?: all | textEmphasis;
textEmphasisColor?: all | textEmphasisColor;
textEmphasisPosition?: all | textEmphasisPosition;
textEmphasisStyle?: all | textEmphasisStyle;
textIndent?: all | textIndent;
textJustify?:

@@ -1357,53 +1369,53 @@ | null

| 'distribute';
textOrientation?: null | textOrientation;
textOverflow?: null | textOverflow;
textRendering?: null | textRendering;
textShadow?: null | OptionalArray<textShadow>;
textSizeAdjust?: null | textSizeAdjust;
textTransform?: null | textTransform;
textUnderlineOffset?: null | number | string;
textUnderlinePosition?: null | textUnderlinePosition;
textWrap?: null | 'wrap' | 'nowrap' | 'balance';
timelineScope?: null | string;
top?: null | top;
touchAction?: null | touchAction;
transform?: null | transform;
transformBox?: null | transformBox;
transformOrigin?: null | transformOrigin;
transformStyle?: null | transformStyle;
rotate?: null | number | string;
scale?: null | number | string;
translate?: null | number | string;
transition?: null | OptionalArray<transition>;
transitionDelay?: null | OptionalArray<transitionDelay>;
transitionDuration?: null | OptionalArray<transitionDuration>;
transitionProperty?: null | OptionalArray<transitionProperty>;
transitionTimingFunction?: null | OptionalArray<transitionTimingFunction>;
unicodeBidi?: null | unicodeBidi;
unicodeRange?: null | unicodeRange;
userSelect?: null | userSelect;
verticalAlign?: null | verticalAlign;
viewTimeline?: null | string;
viewTimelineAxis?: null | 'block' | 'inline' | 'x' | 'y';
viewTimelineName?: null | string;
viewTimelineInset?: null | number | string;
viewTransitionName?: null | string;
visibility?: null | visibility;
voiceBalance?: null | voiceBalance;
voiceDuration?: null | voiceDuration;
voiceFamily?: null | voiceFamily;
voicePitch?: null | voicePitch;
voiceRange?: null | voiceRange;
voiceRate?: null | voiceRate;
voiceStress?: null | voiceStress;
voiceVolume?: null | voiceVolume;
whiteSpace?: null | whiteSpace;
widows?: null | widows;
width?: null | width;
willChange?: null | willChange;
wordBreak?: null | wordBreak;
wordSpacing?: null | wordSpacing;
wordWrap?: null | wordWrap;
writingMode?: null | writingMode;
zIndex?: null | zIndex;
textOrientation?: all | textOrientation;
textOverflow?: all | textOverflow;
textRendering?: all | textRendering;
textShadow?: all | OptionalArray<textShadow>;
textSizeAdjust?: all | textSizeAdjust;
textTransform?: all | textTransform;
textUnderlineOffset?: all | number | string;
textUnderlinePosition?: all | textUnderlinePosition;
textWrap?: all | 'wrap' | 'nowrap' | 'balance';
timelineScope?: all | string;
top?: all | top;
touchAction?: all | touchAction;
transform?: all | transform;
transformBox?: all | transformBox;
transformOrigin?: all | transformOrigin;
transformStyle?: all | transformStyle;
rotate?: all | number | string;
scale?: all | number | string;
translate?: all | number | string;
transition?: all | OptionalArray<transition>;
transitionDelay?: all | OptionalArray<transitionDelay>;
transitionDuration?: all | OptionalArray<transitionDuration>;
transitionProperty?: all | OptionalArray<transitionProperty>;
transitionTimingFunction?: all | OptionalArray<transitionTimingFunction>;
unicodeBidi?: all | unicodeBidi;
unicodeRange?: all | unicodeRange;
userSelect?: all | userSelect;
verticalAlign?: all | verticalAlign;
viewTimeline?: all | string;
viewTimelineAxis?: all | 'block' | 'inline' | 'x' | 'y';
viewTimelineName?: all | string;
viewTimelineInset?: all | number | string;
viewTransitionName?: all | string;
visibility?: all | visibility;
voiceBalance?: all | voiceBalance;
voiceDuration?: all | voiceDuration;
voiceFamily?: all | voiceFamily;
voicePitch?: all | voicePitch;
voiceRange?: all | voiceRange;
voiceRate?: all | voiceRate;
voiceStress?: all | voiceStress;
voiceVolume?: all | voiceVolume;
whiteSpace?: all | whiteSpace;
widows?: all | widows;
width?: all | width;
willChange?: all | willChange;
wordBreak?: all | wordBreak;
wordSpacing?: all | wordSpacing;
wordWrap?: all | wordWrap;
writingMode?: all | writingMode;
zIndex?: all | zIndex;
}>;

@@ -25,10 +25,8 @@ /**

declare const StyleXVarTag: unique symbol;
declare class StyleXVar<out Val> extends String {
declare class _StyleXVar<out Val> {
private _opaque: typeof StyleXVarTag;
private _value: Val;
}
export type StyleXVar<Val> = _StyleXVar<Val> & string;
// Strings that don't start with a dollar sign.
// So that we can `&` with {$$css: true} without type errors.
type string = `${NonDollarChars}${string}`;
type PseudoClassStr = `:${string}`;

@@ -86,11 +84,11 @@ type AtRuleStr = `@${string}`;

type ComplexStyleValueType<T> = T extends string | number | null
? T
: T extends StyleXVar<infer U>
type ComplexStyleValueType<T> = T extends StyleXVar<infer U>
? U
: T extends ReadonlyArray<infer U>
? U
: T extends Readonly<{ default: infer A; [cond: CondStr]: infer B }>
? ComplexStyleValueType<A> | ComplexStyleValueType<B>
: T;
: T extends string | number | null
? T
: T extends ReadonlyArray<infer U>
? U
: T extends Readonly<{ default: infer A; [cond: CondStr]: infer B }>
? ComplexStyleValueType<A> | ComplexStyleValueType<B>
: T;

@@ -170,4 +168,4 @@ export type MapNamespace<CSS> = Readonly<{

Readonly<{
$opaqueId: ID;
$tokens: Tokens;
__opaqueId: ID;
__tokens: Tokens;
}> &

@@ -177,6 +175,6 @@ typeof StyleXVarGroupTag;

export type TokensFromVarGroup<T extends VarGroup<unknown, unknown>> =
T['$tokens'];
T['__tokens'];
export type IDFromVarGroup<T extends VarGroup<unknown, unknown>> =
T['$opaqueId'];
T['__opaqueId'];

@@ -183,0 +181,0 @@ type TTokens = Readonly<{

{
"name": "@stylexjs/stylex",
"version": "0.2.0-beta.27",
"version": "0.3.0",
"description": "A library for defining styles for optimized user interfaces.",

@@ -22,3 +22,3 @@ "main": "lib/stylex.js",

"devDependencies": {
"@stylexjs/scripts": "0.2.0-beta.27"
"@stylexjs/scripts": "0.3.0"
},

@@ -25,0 +25,0 @@ "jest": {},

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc