diff --git a/apps/docs/components/StylexAnimatedLogo.js b/apps/docs/components/StylexAnimatedLogo.js index 407e7456..31549c41 100644 --- a/apps/docs/components/StylexAnimatedLogo.js +++ b/apps/docs/components/StylexAnimatedLogo.js @@ -70,12 +70,10 @@ const styles = stylex.create({ }, mask1: { maskImage: 'linear-gradient(125deg, white 30%, transparent 65%)', - // eslint-disable-next-line @stylexjs/valid-styles WebkitMaskImage: 'linear-gradient(125deg, white 30%, transparent 65%)', }, mask2: { maskImage: 'linear-gradient(80deg, white 30%, transparent 65%)', - // eslint-disable-next-line @stylexjs/valid-styles WebkitMaskImage: 'linear-gradient(80deg, white 30%, transparent 65%)', }, dotPath: { diff --git a/apps/docs/src/pages/index.js b/apps/docs/src/pages/index.js index 0ada7e7a..484e6622 100644 --- a/apps/docs/src/pages/index.js +++ b/apps/docs/src/pages/index.js @@ -134,13 +134,9 @@ const styles = stylex.create({ backgroundColor: '#d6249f', backgroundImage: 'radial-gradient(circle at 30% 107%, #ddd477 0%, #ddd477 5%, #fd5949 45%,#d6249f 60%, #285AEB 90%)', - // eslint-disable-next-line @stylexjs/valid-styles WebkitBackgroundClip: 'text', - // eslint-disable-next-line @stylexjs/valid-styles WebkitTextFillColor: 'transparent', - // eslint-disable-next-line @stylexjs/valid-styles backgroundClip: 'text', - // eslint-disable-next-line @stylexjs/valid-styles textFillColor: 'transparent', }, threads: {}, diff --git a/packages/eslint-plugin/src/stylex-valid-styles.js b/packages/eslint-plugin/src/stylex-valid-styles.js index ca0ca4d1..a24969aa 100644 --- a/packages/eslint-plugin/src/stylex-valid-styles.js +++ b/packages/eslint-plugin/src/stylex-valid-styles.js @@ -504,7 +504,12 @@ const backfaceVisibility = makeUnionRule( // type background = string | finalBgLayer; const backgroundAttachment = attachment; const backgroundBlendMode = blendMode; -const backgroundClip = box; +const backgroundClip = makeUnionRule( + 'border-box', + 'padding-box', + 'content-box', + 'text', +); const backgroundColor = color; const backgroundImage = makeUnionRule(makeLiteralRule('none'), isString); const backgroundOrigin = box; @@ -1540,6 +1545,19 @@ const SupportedVendorSpecificCSSProperties = { WebkitAppearance: makeLiteralRule('textfield'), WebkitTapHighlightColor: color, WebkitOverflowScrolling: makeLiteralRule('touch'), + + WebkitMaskImage: maskImage, + + WebkitTextFillColor: color, + textFillColor: color, + WebkitTextStrokeWidth: borderWidth, + WebkitTextStrokeColor: color, + WebkitBackgroundClip: makeUnionRule( + 'border-box', + 'padding-box', + 'content-box', + 'text', + ), }; /* eslint-disable object-shorthand */ @@ -1552,11 +1570,7 @@ const CSSProperties = { alignSelf: alignSelf, alignmentBaseline: alignmentBaseline, all: all, - animationComposition: makeUnionRule( - makeLiteralRule('replace'), - makeLiteralRule('add'), - makeLiteralRule('accumulate'), - ), + animationComposition: makeUnionRule('replace', 'add', 'accumulate'), animationDelay: animationDelay, animationDirection: animationDirection, animationDuration: animationDuration, diff --git a/packages/stylex/src/StyleXCSSTypes.js b/packages/stylex/src/StyleXCSSTypes.js index 090cd342..3c2a7f85 100644 --- a/packages/stylex/src/StyleXCSSTypes.js +++ b/packages/stylex/src/StyleXCSSTypes.js @@ -75,7 +75,7 @@ type alignSelf = | 'baseline' | 'stretch' | all; -type all = 'initial' | 'inherit' | 'unset'; +type all = null | 'initial' | 'inherit' | 'unset'; type animationDelay = time; type animationDirection = singleAnimationDirection; type animationDuration = time; @@ -866,13 +866,27 @@ export type SupportedVendorSpecificCSSProperties = $ReadOnly<{ export type CSSProperties = $ReadOnly<{ // NOTE: adding a non-CSS property here for support themes in Stylex. - theme?: null | string, + theme?: all | string, // ...$Exact, for Typescript compatibility - MozOsxFontSmoothing?: null | 'grayscale', - WebkitAppearance?: null | appearance, - WebkitFontSmoothing?: null | 'antialiased', - WebkitTapHighlightColor?: null | color, + 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?: | null @@ -880,159 +894,159 @@ export type CSSProperties = $ReadOnly<{ | 'horizontal' | 'inline-axis' | 'block-axis', - WebkitLineClamp?: null | number, + WebkitLineClamp?: all | number, // ENDOF ...$Exact, - accentColor?: null | color, + accentColor?: all | color, - aspectRatio?: null | number | string, + aspectRatio?: all | 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, + 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?: null | alignmentBaseline, - alignTracks?: null | string, - justifyTracks?: null | string, - masonryAutoFlow?: null | string, + alignmentBaseline?: all | alignmentBaseline, + alignTracks?: all | string, + justifyTracks?: all | string, + masonryAutoFlow?: all | string, // Not Allowed: - // all?: null | all, - animation?: null | string, - animationComposition?: null | string, - animationDelay?: null | OptionalArray, - animationDirection?: null | OptionalArray, - animationDuration?: null | OptionalArray, - animationFillMode?: null | OptionalArray, - animationIterationCount?: null | OptionalArray, - animationName?: null | OptionalArray, - animationPlayState?: null | OptionalArray, - animationTimingFunction?: null | OptionalArray, - 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, - backgroundBlendMode?: null | OptionalArray, - backgroundClip?: null | OptionalArray, - backgroundColor?: null | backgroundColor, - backgroundImage?: null | OptionalArray, - backgroundOrigin?: null | OptionalArray, - backgroundPosition?: null | OptionalArray, - backgroundPositionX?: null | OptionalArray, - backgroundPositionY?: null | OptionalArray, - backgroundRepeat?: null | OptionalArray, - backgroundSize?: null | OptionalArray, - 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, - 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, + // all?: all | all, + animation?: all | string, + animationComposition?: all | string, + animationDelay?: all | OptionalArray, + animationDirection?: all | OptionalArray, + animationDuration?: all | OptionalArray, + animationFillMode?: all | OptionalArray, + animationIterationCount?: all | OptionalArray, + animationName?: all | OptionalArray, + animationPlayState?: all | OptionalArray, + animationTimingFunction?: all | OptionalArray, + 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, + backgroundBlendMode?: all | OptionalArray, + backgroundClip?: all | OptionalArray, + backgroundColor?: all | backgroundColor, + backgroundImage?: all | OptionalArray, + backgroundOrigin?: all | OptionalArray, + backgroundPosition?: all | OptionalArray, + backgroundPositionX?: all | OptionalArray, + backgroundPositionY?: all | OptionalArray, + backgroundRepeat?: all | OptionalArray, + backgroundSize?: all | OptionalArray, + 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, + 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?: | null @@ -1042,172 +1056,172 @@ export type CSSProperties = $ReadOnly<{ | 'light dark' | 'only light' | '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, - 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, - // fontHeight?: null | number | string, - // fontWidth?: null | number | string, - 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, - // inputSecurity?: null | string, - 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, + 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, + 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, + // fontHeight?: all | number | string, + // fontWidth?: all | number | string, + 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, + // inputSecurity?: all | string, + 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, // @deprecated - marginHorizontal?: null | marginLeft, - marginInline?: null | marginInlineEnd, - marginInlineEnd?: null | marginInlineEnd, - marginInlineStart?: null | marginInlineStart, - marginLeft?: null | marginLeft, - marginRight?: null | marginRight, - marginStart?: null | marginLeft, - marginTop?: null | marginTop, + marginHorizontal?: all | marginLeft, + marginInline?: all | marginInlineEnd, + marginInlineEnd?: all | marginInlineEnd, + marginInlineStart?: all | marginInlineStart, + marginLeft?: all | marginLeft, + marginRight?: all | marginRight, + marginStart?: all | marginLeft, + marginTop?: all | marginTop, // @deprecated - marginVertical?: null | marginTop, + marginVertical?: all | marginTop, marginTrim?: | null @@ -1219,101 +1233,101 @@ export type CSSProperties = $ReadOnly<{ | 'inline-start' | '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, - // overflowClipBox?: null | overflowClipBox, - 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, + // overflowClipBox?: all | overflowClipBox, + 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?: | null | 'normal' @@ -1324,104 +1338,104 @@ export type CSSProperties = $ReadOnly<{ | 'stroke markers' | 'fill markers' | '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, + 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, // Ruby properties. - rubyAlign?: null | rubyAlign, - rubyMerge?: null | rubyMerge, - rubyPosition?: null | rubyPosition, + rubyAlign?: all | rubyAlign, + rubyMerge?: all | rubyMerge, + rubyPosition?: all | rubyPosition, // Math properties - 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, + 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?: | null | 'none' @@ -1429,63 +1443,63 @@ export type CSSProperties = $ReadOnly<{ | 'inter-word' | 'inter-character' | 'distribute', - textOrientation?: null | textOrientation, - textOverflow?: null | textOverflow, - textRendering?: null | textRendering, - textShadow?: null | OptionalArray, - 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, - transitionDelay?: null | OptionalArray, - transitionDuration?: null | OptionalArray, - transitionProperty?: null | OptionalArray, - transitionTimingFunction?: null | OptionalArray, - 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, - // whiteSpaceCollapse?: null | string, - - 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, + 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, + transitionDelay?: all | OptionalArray, + transitionDuration?: all | OptionalArray, + transitionProperty?: all | OptionalArray, + transitionTimingFunction?: all | OptionalArray, + 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, + // whiteSpaceCollapse?: all | string, + + widows?: all | widows, + width?: all | width, + willChange?: all | willChange, + wordBreak?: all | wordBreak, + wordSpacing?: all | wordSpacing, + wordWrap?: all | wordWrap, + writingMode?: all | writingMode, + zIndex?: all | zIndex, }>;