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
51
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.25 to 0.2.0-beta.26

219

lib/StyleXCSSTypes.d.ts

@@ -470,6 +470,2 @@ /**

type objectPosition = string;
type offsetBlockEnd = string;
type offsetBlockStart = string;
type offsetInlineEnd = string;
type offsetInlineStart = string;
type opacity = number;

@@ -485,3 +481,2 @@ type order = number;

type overflowAnchor = 'auto' | 'none';
type overflowClipBox = 'padding-box' | 'content-box';
type overflowWrap = 'normal' | 'break-word';

@@ -863,8 +858,25 @@ type overflowX = 'visible' | 'hidden' | 'scroll' | 'auto';

WebkitTapHighlightColor?: null | color;
WebkitBoxOrient?:
| null
| 'vertical'
| 'horizontal'
| 'inline-axis'
| '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;
all?: null | all;
alignTracks?: null | string;
justifyTracks?: null | string;
masonryAutoFlow?: null | string;
animation?: null | string;
animationComposition?: null | string;
animationDelay?: null | OptionalArray<animationDelay>;

@@ -878,5 +890,11 @@ animationDirection?: null | OptionalArray<animationDirection>;

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>;

@@ -897,2 +915,6 @@ backgroundBlendMode?: null | OptionalArray<backgroundBlendMode>;

border?: null | border;
borderBlock?: null | borderBlockEnd;
borderBlockColor?: null | borderBlockEndColor;
borderBlockStyle?: null | borderBlockEndStyle;
borderBlockWidth?: null | borderBlockEndWidth;
borderBlockEnd?: null | borderBlockEnd;

@@ -908,6 +930,2 @@ borderBlockEndColor?: null | borderBlockEndColor;

borderBottomColor?: null | color;
borderBottomEndRadius?: null | borderBottomRightRadius;
borderBottomLeftRadius?: null | borderBottomLeftRadius;
borderBottomRightRadius?: null | borderBottomRightRadius;
borderBottomStartRadius?: null | borderBottomLeftRadius;
borderBottomStyle?: null | borderBottomStyle;

@@ -927,2 +945,6 @@ borderBottomWidth?: null | borderBottomWidth;

borderImageWidth?: null | borderImageWidth;
borderInline?: null | borderInlineEnd;
borderInlineColor?: null | borderInlineEndColor;
borderInlineStyle?: null | borderInlineEndStyle;
borderInlineWidth?: null | borderInlineEndWidth;
borderInlineEnd?: null | borderInlineEnd;

@@ -940,3 +962,2 @@ borderInlineEndColor?: null | borderInlineEndColor;

borderLeftWidth?: null | borderLeftWidth;
borderRadius?: null | borderRadius;
borderRight?: null | border;

@@ -954,6 +975,11 @@ borderRightColor?: null | borderRightColor;

borderTopColor?: null | color;
borderTopEndRadius?: null | borderTopRightRadius;
borderRadius?: null | borderRadius;
borderEndStartRadius?: null | borderBottomLeftRadius;
borderStartStartRadius?: null | borderTopLeftRadius;
borderStartEndRadius?: null | borderTopRightRadius;
borderEndEndRadius?: null | borderBottomRightRadius;
borderTopLeftRadius?: null | borderTopLeftRadius;
borderTopRightRadius?: null | borderTopRightRadius;
borderTopStartRadius?: null | borderTopLeftRadius;
borderBottomLeftRadius?: null | borderBottomLeftRadius;
borderBottomRightRadius?: null | borderBottomRightRadius;
borderTopStyle?: null | borderTopStyle;

@@ -978,2 +1004,5 @@ borderTopWidth?: null | borderTopWidth;

captionSide?: null | captionSide;
caret?: null | string;
caretColor?: null | color;
caretShape?: null | string;
clear?: null | clear;

@@ -984,5 +1013,15 @@ clip?: null | clip;

color?: null | color;
colorScheme?:
| null
| 'normal'
| 'light'
| 'dark'
| 'light dark'
| 'only light'
| 'only dark';
forcedColorAdjust?: null | 'auto' | 'none';
printColorAdjust?: null | 'economy' | 'exact';
columns?: null | columns;
columnCount?: null | columnCount;
columnFill?: null | columnFill;
columnGap?: null | columnGap;
columnWidth?: null | columnWidth;
columnRule?: null | columnRule;

@@ -992,9 +1031,19 @@ columnRuleColor?: null | columnRuleColor;

columnRuleWidth?: null | columnRuleWidth;
columnFill?: null | columnFill;
columnGap?: null | columnGap;
columnSpan?: null | columnSpan;
columnWidth?: null | columnWidth;
columns?: null | columns;
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;

@@ -1024,2 +1073,3 @@ cueAfter?: null | cueAfter;

float?: null | float;
font?: null | string;
fontFamily?: null | fontFamily;

@@ -1034,2 +1084,6 @@ fontFeatureSettings?: null | fontFeatureSettings;

fontSynthesis?: null | fontSynthesis;
fontSynthesisWeight?: null | 'auto' | 'none';
fontSynthesisStyle?: null | 'auto' | 'none';
fontSynthesisSmallCaps?: null | 'auto' | 'none';
fontSynthesisPosition?: null | 'auto' | 'none';
fontVariant?: null | fontVariant;

@@ -1043,2 +1097,8 @@ fontVariantAlternates?: null | fontVariantAlternates;

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;

@@ -1065,4 +1125,7 @@ glyphOrientationHorizontal?: null | glyphOrientationHorizontal;

gridTemplateRows?: null | gridTemplateRows;
hangingPunctuation?: null | string;
hyphenateCharacter?: null | string;
hyphenateLimitChars?: null | string | number;
hyphens?: null | hyphens;
height?: null | number | string;
hyphens?: null | hyphens;
imageOrientation?: null | imageOrientation;

@@ -1075,6 +1138,10 @@ imageRendering?: null | imageRendering;

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;
justifyContent?: null | justifyContent;
justifyItems?: null | justifyItems;
justifySelf?: null | justifySelf;
kerning?: null | kerning;

@@ -1085,2 +1152,3 @@ left?: null | number | string;

lineHeight?: null | lineHeight;
lineHeightStep?: null | number | string;
listStyle?: null | listStyle;

@@ -1091,2 +1159,3 @@ listStyleImage?: null | listStyleImage;

margin?: null | margin;
marginBlock?: null | marginBlockEnd;
marginBlockEnd?: null | marginBlockEnd;

@@ -1097,2 +1166,3 @@ marginBlockStart?: null | marginBlockStart;

marginHorizontal?: null | marginLeft;
marginInline?: null | marginInlineEnd;
marginInlineEnd?: null | marginInlineEnd;

@@ -1105,2 +1175,11 @@ marginInlineStart?: null | marginInlineStart;

marginVertical?: null | marginTop;
marginTrim?:
| null
| 'none'
| 'block'
| 'block-start'
| 'block-end'
| 'inline'
| 'inline-start'
| 'inline-end';
marker?: null | marker;

@@ -1121,2 +1200,9 @@ markerEnd?: null | markerEnd;

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;

@@ -1138,6 +1224,8 @@ maxHeight?: null | maxHeight;

objectPosition?: null | objectPosition;
offsetBlockEnd?: null | offsetBlockEnd;
offsetBlockStart?: null | offsetBlockStart;
offsetInlineEnd?: null | offsetInlineEnd;
offsetInlineStart?: null | offsetInlineStart;
offset?: null | string;
offsetAnchor?: null | string;
offsetDistance?: null | string | number;
offsetPath?: null | string;
offsetPosition?: null | string;
offsetRotate?: null | string;
opacity?: null | opacity;

@@ -1152,13 +1240,21 @@ order?: null | order;

overflow?: null | overflow;
overflowBlock?: null | overflowY;
overflowBlockX?: null | overflowX;
overflowX?: null | overflowX;
overflowY?: null | overflowY;
overflowAnchor?: null | overflowAnchor;
overflowClipBox?: null | overflowClipBox;
overflowClipMargin?: null | string;
overflowWrap?: null | overflowWrap;
overflowX?: null | overflowX;
overflowY?: null | overflowY;
overscrollBehavior?: null | overscrollBehavior;
overscrollBehaviorBlock?: null | overscrollBehaviorY;
overscrollBehaviorY?: null | overscrollBehaviorY;
overscrollBehaviorInline?: null | overscrollBehaviorX;
overscrollBehaviorX?: null | overscrollBehaviorX;
overscrollBehaviorY?: null | overscrollBehaviorY;
padding?: null | padding;
paddingBlock?: null | paddingBlockEnd;
paddingBlockEnd?: null | paddingBlockEnd;
paddingBlockStart?: null | paddingBlockStart;
paddingInline?: null | paddingBlockEnd;
paddingInlineEnd?: null | paddingBlockEnd;
paddingInlineStart?: null | paddingBlockStart;
paddingBottom?: null | paddingBottom;

@@ -1172,5 +1268,16 @@ paddingEnd?: null | paddingBottom;

paddingVertical?: null | paddingTop;
page?: null | string;
pageBreakAfter?: null | pageBreakAfter;
pageBreakBefore?: null | pageBreakBefore;
pageBreakInside?: null | pageBreakInside;
paintOrder?:
| null
| 'normal'
| 'stroke'
| 'fill'
| 'markers'
| 'stroke fill'
| 'stroke markers'
| 'fill markers'
| 'stroke fill markers';
pause?: null | pause;

@@ -1193,9 +1300,37 @@ pauseAfter?: null | pauseAfter;

rubyPosition?: null | rubyPosition;
mathDepth?: null | number | string;
mathShift?: null | 'normal' | 'compact';
mathStyle?: null | 'normal' | 'compact';
scrollbarWidth?: null | string | number;
scrollBehavior?: null | scrollBehavior;
scrollPadding?: null | number;
scrollPaddingTop?: null | number;
scrollPaddingBottom?: null | number;
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;

@@ -1227,3 +1362,5 @@ shapeMargin?: null | shapeMargin;

textDecorationSkip?: null | textDecorationSkip;
textDecorationSkipInk?: null | 'auto' | 'none' | 'all';
textDecorationStyle?: null | textDecorationStyle;
textDecorationThickness?: null | number | string;
textEmphasis?: null | textEmphasis;

@@ -1234,2 +1371,9 @@ textEmphasisColor?: null | textEmphasisColor;

textIndent?: null | textIndent;
textJustify?:
| null
| 'none'
| 'auto'
| 'inter-word'
| 'inter-character'
| 'distribute';
textOrientation?: null | textOrientation;

@@ -1241,3 +1385,6 @@ textOverflow?: null | textOverflow;

textTransform?: null | textTransform;
textUnderlineOffset?: null | number | string;
textUnderlinePosition?: null | textUnderlinePosition;
textWrap?: null | 'wrap' | 'nowrap' | 'balance';
timelineScope?: null | string;
top?: null | top;

@@ -1249,2 +1396,5 @@ touchAction?: null | touchAction;

transformStyle?: null | transformStyle;
rotate?: null | number | string;
scale?: null | number | string;
translate?: null | number | string;
transition?: null | OptionalArray<transition>;

@@ -1259,2 +1409,7 @@ transitionDelay?: null | OptionalArray<transitionDelay>;

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;

@@ -1261,0 +1416,0 @@ voiceBalance?: null | voiceBalance;

9

lib/StyleXTypes.d.ts

@@ -25,3 +25,6 @@ /**

declare const StyleXVarTag: unique symbol;
export type StyleXVar<_Val> = string & typeof StyleXVarTag;
declare class StyleXVar<out Val> extends String {
private _opaque: typeof StyleXVarTag;
private _value: Val;
}

@@ -159,7 +162,7 @@ // Strings that don't start with a dollar sign.

> = Readonly<{
[Key in keyof Tokens]: Tokens[Key] & typeof StyleXVarGroupTag;
[Key in keyof Tokens]: Tokens[Key];
}> & {
$opaqueId: ID;
$tokens: Tokens;
};
} & typeof StyleXVarGroupTag;

@@ -166,0 +169,0 @@ export type TokensFromVarGroup<T extends VarGroup<TTokens>> = T['$tokens'];

{
"name": "@stylexjs/stylex",
"version": "0.2.0-beta.25",
"version": "0.2.0-beta.26",
"description": "A library for defining styles for optimized user interfaces.",
"main": "lib/stylex.js",
"react-native": "lib/native/stylex.js",
"types": "lib/stylex.d.ts",

@@ -23,3 +22,3 @@ "repository": "https://www.github.com/facebook/stylex",

"devDependencies": {
"@stylexjs/scripts": "0.2.0-beta.25"
"@stylexjs/scripts": "0.2.0-beta.26"
},

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

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