svantic/style.d.ts

A set of Fomantic-UI components for Svelte framework

export declare type Style = {
  [key in keyof CSSStyleDeclaration]?: string
}

export type Globals =
  | '-moz-initial'
  | 'inherit'
  | 'initial'
  | 'revert'
  | 'unset'

declare namespace DataType {
  type AbsoluteSize =
    | 'large'
    | 'medium'
    | 'small'
    | 'x-large'
    | 'x-small'
    | 'xx-large'
    | 'xx-small'
    | 'xxx-large'

  type AnimateableFeature = 'contents' | 'scroll-position' | (string & {})

  type Attachment = 'fixed' | 'local' | 'scroll'

  type BgPosition<TLength> =
    | TLength
    | 'bottom'
    | 'center'
    | 'left'
    | 'right'
    | 'top'
    | (string & {})

  type BgSize<TLength> = TLength | 'auto' | 'contain' | 'cover' | (string & {})

  type BlendMode =
    | 'color'
    | 'color-burn'
    | 'color-dodge'
    | 'darken'
    | 'difference'
    | 'exclusion'
    | 'hard-light'
    | 'hue'
    | 'lighten'
    | 'luminosity'
    | 'multiply'
    | 'normal'
    | 'overlay'
    | 'saturation'
    | 'screen'
    | 'soft-light'

  type Box = 'border-box' | 'content-box' | 'padding-box'

  type Color =
    | NamedColor
    | DeprecatedSystemColor
    | 'currentcolor'
    | (string & {})

  type CompatAuto =
    | 'button'
    | 'checkbox'
    | 'listbox'
    | 'menulist'
    | 'meter'
    | 'progress-bar'
    | 'push-button'
    | 'radio'
    | 'searchfield'
    | 'slider-horizontal'
    | 'square-button'
    | 'textarea'

  type CompositeStyle =
    | 'clear'
    | 'copy'
    | 'destination-atop'
    | 'destination-in'
    | 'destination-out'
    | 'destination-over'
    | 'source-atop'
    | 'source-in'
    | 'source-out'
    | 'source-over'
    | 'xor'

  type CompositingOperator = 'add' | 'exclude' | 'intersect' | 'subtract'

  type ContentDistribution =
    | 'space-around'
    | 'space-between'
    | 'space-evenly'
    | 'stretch'

  type ContentList = Quote | 'contents' | (string & {})

  type ContentPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'start'

  type CubicBezierTimingFunction =
    | 'ease'
    | 'ease-in'
    | 'ease-in-out'
    | 'ease-out'
    | (string & {})

  type Dasharray<TLength> = TLength | (string & {}) | (number & {})

  type DeprecatedSystemColor =
    | 'ActiveBorder'
    | 'ActiveCaption'
    | 'AppWorkspace'
    | 'Background'
    | 'ButtonFace'
    | 'ButtonHighlight'
    | 'ButtonShadow'
    | 'ButtonText'
    | 'CaptionText'
    | 'GrayText'
    | 'Highlight'
    | 'HighlightText'
    | 'InactiveBorder'
    | 'InactiveCaption'
    | 'InactiveCaptionText'
    | 'InfoBackground'
    | 'InfoText'
    | 'Menu'
    | 'MenuText'
    | 'Scrollbar'
    | 'ThreeDDarkShadow'
    | 'ThreeDFace'
    | 'ThreeDHighlight'
    | 'ThreeDLightShadow'
    | 'ThreeDShadow'
    | 'Window'
    | 'WindowFrame'
    | 'WindowText'

  type DisplayInside =
    | '-ms-flexbox'
    | '-ms-grid'
    | '-webkit-flex'
    | 'flex'
    | 'flow'
    | 'flow-root'
    | 'grid'
    | 'ruby'
    | 'table'

  type DisplayInternal =
    | 'ruby-base'
    | 'ruby-base-container'
    | 'ruby-text'
    | 'ruby-text-container'
    | 'table-caption'
    | 'table-cell'
    | 'table-column'
    | 'table-column-group'
    | 'table-footer-group'
    | 'table-header-group'
    | 'table-row'
    | 'table-row-group'

  type DisplayLegacy =
    | '-ms-inline-flexbox'
    | '-ms-inline-grid'
    | '-webkit-inline-flex'
    | 'inline-block'
    | 'inline-flex'
    | 'inline-grid'
    | 'inline-list-item'
    | 'inline-table'

  type DisplayOutside = 'block' | 'inline' | 'run-in'

  type EastAsianVariantValues =
    | 'jis04'
    | 'jis78'
    | 'jis83'
    | 'jis90'
    | 'simplified'
    | 'traditional'

  type FinalBgLayer<TLength> =
    | Color
    | BgPosition<TLength>
    | RepeatStyle
    | Attachment
    | Box
    | 'none'
    | (string & {})

  type FontStretchAbsolute =
    | 'condensed'
    | 'expanded'
    | 'extra-condensed'
    | 'extra-expanded'
    | 'normal'
    | 'semi-condensed'
    | 'semi-expanded'
    | 'ultra-condensed'
    | 'ultra-expanded'
    | (string & {})

  type FontWeightAbsolute = 'bold' | 'normal' | (number & {})

  type GenericFamily =
    | 'cursive'
    | 'fantasy'
    | 'monospace'
    | 'sans-serif'
    | 'serif'

  type GeometryBox = Box | 'fill-box' | 'margin-box' | 'stroke-box' | 'view-box'

  type GridLine = 'auto' | (string & {}) | (number & {})

  type LineStyle =
    | 'dashed'
    | 'dotted'
    | 'double'
    | 'groove'
    | 'hidden'
    | 'inset'
    | 'none'
    | 'outset'
    | 'ridge'
    | 'solid'

  type LineWidth<TLength> = TLength | 'medium' | 'thick' | 'thin'

  type MaskLayer<TLength> =
    | Position<TLength>
    | RepeatStyle
    | GeometryBox
    | CompositingOperator
    | MaskingMode
    | 'no-clip'
    | 'none'
    | (string & {})

  type MaskingMode = 'alpha' | 'luminance' | 'match-source'

  type NamedColor =
    | 'aliceblue'
    | 'antiquewhite'
    | 'aqua'
    | 'aquamarine'
    | 'azure'
    | 'beige'
    | 'bisque'
    | 'black'
    | 'blanchedalmond'
    | 'blue'
    | 'blueviolet'
    | 'brown'
    | 'burlywood'
    | 'cadetblue'
    | 'chartreuse'
    | 'chocolate'
    | 'coral'
    | 'cornflowerblue'
    | 'cornsilk'
    | 'crimson'
    | 'cyan'
    | 'darkblue'
    | 'darkcyan'
    | 'darkgoldenrod'
    | 'darkgray'
    | 'darkgreen'
    | 'darkgrey'
    | 'darkkhaki'
    | 'darkmagenta'
    | 'darkolivegreen'
    | 'darkorange'
    | 'darkorchid'
    | 'darkred'
    | 'darksalmon'
    | 'darkseagreen'
    | 'darkslateblue'
    | 'darkslategray'
    | 'darkslategrey'
    | 'darkturquoise'
    | 'darkviolet'
    | 'deeppink'
    | 'deepskyblue'
    | 'dimgray'
    | 'dimgrey'
    | 'dodgerblue'
    | 'firebrick'
    | 'floralwhite'
    | 'forestgreen'
    | 'fuchsia'
    | 'gainsboro'
    | 'ghostwhite'
    | 'gold'
    | 'goldenrod'
    | 'gray'
    | 'green'
    | 'greenyellow'
    | 'grey'
    | 'honeydew'
    | 'hotpink'
    | 'indianred'
    | 'indigo'
    | 'ivory'
    | 'khaki'
    | 'lavender'
    | 'lavenderblush'
    | 'lawngreen'
    | 'lemonchiffon'
    | 'lightblue'
    | 'lightcoral'
    | 'lightcyan'
    | 'lightgoldenrodyellow'
    | 'lightgray'
    | 'lightgreen'
    | 'lightgrey'
    | 'lightpink'
    | 'lightsalmon'
    | 'lightseagreen'
    | 'lightskyblue'
    | 'lightslategray'
    | 'lightslategrey'
    | 'lightsteelblue'
    | 'lightyellow'
    | 'lime'
    | 'limegreen'
    | 'linen'
    | 'magenta'
    | 'maroon'
    | 'mediumaquamarine'
    | 'mediumblue'
    | 'mediumorchid'
    | 'mediumpurple'
    | 'mediumseagreen'
    | 'mediumslateblue'
    | 'mediumspringgreen'
    | 'mediumturquoise'
    | 'mediumvioletred'
    | 'midnightblue'
    | 'mintcream'
    | 'mistyrose'
    | 'moccasin'
    | 'navajowhite'
    | 'navy'
    | 'oldlace'
    | 'olive'
    | 'olivedrab'
    | 'orange'
    | 'orangered'
    | 'orchid'
    | 'palegoldenrod'
    | 'palegreen'
    | 'paleturquoise'
    | 'palevioletred'
    | 'papayawhip'
    | 'peachpuff'
    | 'peru'
    | 'pink'
    | 'plum'
    | 'powderblue'
    | 'purple'
    | 'rebeccapurple'
    | 'red'
    | 'rosybrown'
    | 'royalblue'
    | 'saddlebrown'
    | 'salmon'
    | 'sandybrown'
    | 'seagreen'
    | 'seashell'
    | 'sienna'
    | 'silver'
    | 'skyblue'
    | 'slateblue'
    | 'slategray'
    | 'slategrey'
    | 'snow'
    | 'springgreen'
    | 'steelblue'
    | 'tan'
    | 'teal'
    | 'thistle'
    | 'tomato'
    | 'transparent'
    | 'turquoise'
    | 'violet'
    | 'wheat'
    | 'white'
    | 'whitesmoke'
    | 'yellow'
    | 'yellowgreen'

  type Paint =
    | Color
    | 'child'
    | 'context-fill'
    | 'context-stroke'
    | 'none'
    | (string & {})

  type Position<TLength> =
    | TLength
    | 'bottom'
    | 'center'
    | 'left'
    | 'right'
    | 'top'
    | (string & {})

  type Quote = 'close-quote' | 'no-close-quote' | 'no-open-quote' | 'open-quote'

  type RepeatStyle =
    | 'no-repeat'
    | 'repeat'
    | 'repeat-x'
    | 'repeat-y'
    | 'round'
    | 'space'
    | (string & {})

  type SelfPosition =
    | 'center'
    | 'end'
    | 'flex-end'
    | 'flex-start'
    | 'self-end'
    | 'self-start'
    | 'start'

  type SingleAnimation<TTime> =
    | TimingFunction
    | SingleAnimationDirection
    | SingleAnimationFillMode
    | TTime
    | 'infinite'
    | 'none'
    | 'paused'
    | 'running'
    | (string & {})
    | (number & {})

  type SingleAnimationDirection =
    | 'alternate'
    | 'alternate-reverse'
    | 'normal'
    | 'reverse'

  type SingleAnimationFillMode = 'backwards' | 'both' | 'forwards' | 'none'

  type SingleTransition<TTime> =
    | TimingFunction
    | TTime
    | 'all'
    | 'none'
    | (string & {})

  type StepTimingFunction = 'step-end' | 'step-start' | (string & {})

  type TimingFunction =
    | CubicBezierTimingFunction
    | StepTimingFunction
    | 'linear'

  type TrackBreadth<TLength> =
    | TLength
    | 'auto'
    | 'max-content'
    | 'min-content'
    | (string & {})

  type ViewportLength<TLength> = TLength | 'auto' | (string & {})
}

export namespace Property {
  export type AlignContent =
    | Globals
    | DataType.ContentDistribution
    | DataType.ContentPosition
    | 'baseline'
    | 'normal'
    | (string & {})

  export type AlignItems =
    | Globals
    | DataType.SelfPosition
    | 'baseline'
    | 'normal'
    | 'stretch'
    | (string & {})

  export type AlignSelf =
    | Globals
    | DataType.SelfPosition
    | 'auto'
    | 'baseline'
    | 'normal'
    | 'stretch'
    | (string & {})

  export type All = Globals

  export type Animation<TTime = string & {}> =
    | Globals
    | DataType.SingleAnimation<TTime>
    | (string & {})

  export type AnimationDelay<TTime = string & {}> =
    | Globals
    | TTime
    | (string & {})

  export type AnimationDirection =
    | Globals
    | DataType.SingleAnimationDirection
    | (string & {})

  export type AnimationDuration<TTime = string & {}> =
    | Globals
    | TTime
    | (string & {})

  export type AnimationFillMode =
    | Globals
    | DataType.SingleAnimationFillMode
    | (string & {})

  export type AnimationIterationCount =
    | Globals
    | 'infinite'
    | (string & {})
    | (number & {})

  export type AnimationName = Globals | 'none' | (string & {})

  export type AnimationPlayState =
    | Globals
    | 'paused'
    | 'running'
    | (string & {})

  export type AnimationTimingFunction =
    | Globals
    | DataType.TimingFunction
    | (string & {})

  export type Appearance =
    | Globals
    | DataType.CompatAuto
    | 'auto'
    | 'menulist-button'
    | 'none'
    | 'textfield'

  export type AspectRatio = Globals | 'auto' | (string & {})

  export type BackdropFilter = Globals | 'none' | (string & {})

  export type BackfaceVisibility = Globals | 'hidden' | 'visible'

  export type Background<TLength = (string & {}) | 0> =
    | Globals
    | DataType.FinalBgLayer<TLength>
    | (string & {})

  export type BackgroundAttachment =
    | Globals
    | DataType.Attachment
    | (string & {})

  export type BackgroundBlendMode = Globals | DataType.BlendMode | (string & {})

  export type BackgroundClip = Globals | DataType.Box | (string & {})

  export type BackgroundColor = Globals | DataType.Color

  export type BackgroundImage = Globals | 'none' | (string & {})

  export type BackgroundOrigin = Globals | DataType.Box | (string & {})

  export type BackgroundPosition<TLength = (string & {}) | 0> =
    | Globals
    | DataType.BgPosition<TLength>
    | (string & {})

  export type BackgroundPositionX<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'center'
    | 'left'
    | 'right'
    | 'x-end'
    | 'x-start'
    | (string & {})

  export type BackgroundPositionY<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'bottom'
    | 'center'
    | 'top'
    | 'y-end'
    | 'y-start'
    | (string & {})

  export type BackgroundRepeat = Globals | DataType.RepeatStyle | (string & {})

  export type BackgroundSize<TLength = (string & {}) | 0> =
    | Globals
    | DataType.BgSize<TLength>
    | (string & {})

  export type BlockOverflow = Globals | 'clip' | 'ellipsis' | (string & {})

  export type BlockSize<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | '-moz-max-content'
    | '-moz-min-content'
    | 'auto'
    | 'max-content'
    | 'min-content'
    | (string & {})

  export type Border<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>
    | DataType.LineStyle
    | DataType.Color
    | (string & {})

  export type BorderBlock<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>
    | DataType.LineStyle
    | DataType.Color
    | (string & {})

  export type BorderBlockColor = Globals | DataType.Color | (string & {})

  export type BorderBlockEnd<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>
    | DataType.LineStyle
    | DataType.Color
    | (string & {})

  export type BorderBlockEndColor = Globals | DataType.Color

  export type BorderBlockEndStyle = Globals | DataType.LineStyle

  export type BorderBlockEndWidth<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>

  export type BorderBlockStart<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>
    | DataType.LineStyle
    | DataType.Color
    | (string & {})

  export type BorderBlockStartColor = Globals | DataType.Color

  export type BorderBlockStartStyle = Globals | DataType.LineStyle

  export type BorderBlockStartWidth<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>

  export type BorderBlockStyle = Globals | DataType.LineStyle

  export type BorderBlockWidth<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>

  export type BorderBottom<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>
    | DataType.LineStyle
    | DataType.Color
    | (string & {})

  export type BorderBottomColor = Globals | DataType.Color

  export type BorderBottomLeftRadius<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type BorderBottomRightRadius<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type BorderBottomStyle = Globals | DataType.LineStyle

  export type BorderBottomWidth<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>

  export type BorderCollapse = Globals | 'collapse' | 'separate'

  export type BorderColor = Globals | DataType.Color | (string & {})

  export type BorderEndEndRadius<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type BorderEndStartRadius<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type BorderImage =
    | Globals
    | 'none'
    | 'repeat'
    | 'round'
    | 'space'
    | 'stretch'
    | (string & {})
    | (number & {})

  export type BorderImageOutset<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})
    | (number & {})

  export type BorderImageRepeat =
    | Globals
    | 'repeat'
    | 'round'
    | 'space'
    | 'stretch'
    | (string & {})

  export type BorderImageSlice = Globals | (string & {}) | (number & {})

  export type BorderImageSource = Globals | 'none' | (string & {})

  export type BorderImageWidth<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})
    | (number & {})

  export type BorderInline<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>
    | DataType.LineStyle
    | DataType.Color
    | (string & {})

  export type BorderInlineColor = Globals | DataType.Color | (string & {})

  export type BorderInlineEnd<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>
    | DataType.LineStyle
    | DataType.Color
    | (string & {})

  export type BorderInlineEndColor = Globals | DataType.Color

  export type BorderInlineEndStyle = Globals | DataType.LineStyle

  export type BorderInlineEndWidth<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>

  export type BorderInlineStart<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>
    | DataType.LineStyle
    | DataType.Color
    | (string & {})

  export type BorderInlineStartColor = Globals | DataType.Color

  export type BorderInlineStartStyle = Globals | DataType.LineStyle

  export type BorderInlineStartWidth<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>

  export type BorderInlineStyle = Globals | DataType.LineStyle

  export type BorderInlineWidth<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>

  export type BorderLeft<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>
    | DataType.LineStyle
    | DataType.Color
    | (string & {})

  export type BorderLeftColor = Globals | DataType.Color

  export type BorderLeftStyle = Globals | DataType.LineStyle

  export type BorderLeftWidth<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>

  export type BorderRadius<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type BorderRight<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>
    | DataType.LineStyle
    | DataType.Color
    | (string & {})

  export type BorderRightColor = Globals | DataType.Color

  export type BorderRightStyle = Globals | DataType.LineStyle

  export type BorderRightWidth<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>

  export type BorderSpacing<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type BorderStartEndRadius<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type BorderStartStartRadius<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type BorderStyle = Globals | DataType.LineStyle | (string & {})

  export type BorderTop<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>
    | DataType.LineStyle
    | DataType.Color
    | (string & {})

  export type BorderTopColor = Globals | DataType.Color

  export type BorderTopLeftRadius<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type BorderTopRightRadius<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type BorderTopStyle = Globals | DataType.LineStyle

  export type BorderTopWidth<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>

  export type BorderWidth<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>
    | (string & {})

  export type Bottom<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type BoxAlign =
    | Globals
    | 'baseline'
    | 'center'
    | 'end'
    | 'start'
    | 'stretch'

  export type BoxDecorationBreak = Globals | 'clone' | 'slice'

  export type BoxDirection = Globals | 'inherit' | 'normal' | 'reverse'

  export type BoxFlex = Globals | (number & {})

  export type BoxFlexGroup = Globals | (number & {})

  export type BoxLines = Globals | 'multiple' | 'single'

  export type BoxOrdinalGroup = Globals | (number & {})

  export type BoxOrient =
    | Globals
    | 'block-axis'
    | 'horizontal'
    | 'inherit'
    | 'inline-axis'
    | 'vertical'

  export type BoxPack = Globals | 'center' | 'end' | 'justify' | 'start'

  export type BoxShadow = Globals | 'none' | (string & {})

  export type BoxSizing = Globals | 'border-box' | 'content-box'

  export type BreakAfter =
    | Globals
    | 'all'
    | 'always'
    | 'auto'
    | 'avoid'
    | 'avoid-column'
    | 'avoid-page'
    | 'avoid-region'
    | 'column'
    | 'left'
    | 'page'
    | 'recto'
    | 'region'
    | 'right'
    | 'verso'

  export type BreakBefore =
    | Globals
    | 'all'
    | 'always'
    | 'auto'
    | 'avoid'
    | 'avoid-column'
    | 'avoid-page'
    | 'avoid-region'
    | 'column'
    | 'left'
    | 'page'
    | 'recto'
    | 'region'
    | 'right'
    | 'verso'

  export type BreakInside =
    | Globals
    | 'auto'
    | 'avoid'
    | 'avoid-column'
    | 'avoid-page'
    | 'avoid-region'

  export type CaptionSide =
    | Globals
    | 'block-end'
    | 'block-start'
    | 'bottom'
    | 'inline-end'
    | 'inline-start'
    | 'top'

  export type CaretColor = Globals | DataType.Color | 'auto'

  export type Clear =
    | Globals
    | 'both'
    | 'inline-end'
    | 'inline-start'
    | 'left'
    | 'none'
    | 'right'

  export type Clip = Globals | 'auto' | (string & {})

  export type ClipPath = Globals | DataType.GeometryBox | 'none' | (string & {})

  export type Color = Globals | DataType.Color

  export type ColorAdjust = Globals | 'economy' | 'exact'

  export type ColumnCount = Globals | 'auto' | (number & {})

  export type ColumnFill = Globals | 'auto' | 'balance'

  export type ColumnGap<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'normal'
    | (string & {})

  export type ColumnRule<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>
    | DataType.LineStyle
    | DataType.Color
    | (string & {})

  export type ColumnRuleColor = Globals | DataType.Color

  export type ColumnRuleStyle = Globals | DataType.LineStyle | (string & {})

  export type ColumnRuleWidth<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>
    | (string & {})

  export type ColumnSpan = Globals | 'all' | 'none'

  export type ColumnWidth<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'

  export type Columns<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})
    | (number & {})

  export type Contain =
    | Globals
    | 'content'
    | 'layout'
    | 'none'
    | 'paint'
    | 'size'
    | 'strict'
    | 'style'
    | (string & {})

  export type Content =
    | Globals
    | DataType.ContentList
    | 'none'
    | 'normal'
    | (string & {})

  export type CounterIncrement = Globals | 'none' | (string & {})

  export type CounterReset = Globals | 'none' | (string & {})

  export type CounterSet = Globals | 'none' | (string & {})

  export type Cursor =
    | Globals
    | '-moz-grab'
    | '-webkit-grab'
    | 'alias'
    | 'all-scroll'
    | 'auto'
    | 'cell'
    | 'col-resize'
    | 'context-menu'
    | 'copy'
    | 'crosshair'
    | 'default'
    | 'e-resize'
    | 'ew-resize'
    | 'grab'
    | 'grabbing'
    | 'help'
    | 'move'
    | 'n-resize'
    | 'ne-resize'
    | 'nesw-resize'
    | 'no-drop'
    | 'none'
    | 'not-allowed'
    | 'ns-resize'
    | 'nw-resize'
    | 'nwse-resize'
    | 'pointer'
    | 'progress'
    | 'row-resize'
    | 's-resize'
    | 'se-resize'
    | 'sw-resize'
    | 'text'
    | 'vertical-text'
    | 'w-resize'
    | 'wait'
    | 'zoom-in'
    | 'zoom-out'
    | (string & {})

  export type Direction = Globals | 'ltr' | 'rtl'

  export type Display =
    | Globals
    | DataType.DisplayOutside
    | DataType.DisplayInside
    | DataType.DisplayInternal
    | DataType.DisplayLegacy
    | 'contents'
    | 'list-item'
    | 'none'
    | (string & {})

  export type EmptyCells = Globals | 'hide' | 'show'

  export type Filter = Globals | 'none' | (string & {})

  export type Flex<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | 'content'
    | 'max-content'
    | 'min-content'
    | 'none'
    | (string & {})
    | (number & {})

  export type FlexBasis<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | '-moz-max-content'
    | '-moz-min-content'
    | '-webkit-auto'
    | 'auto'
    | 'content'
    | 'max-content'
    | 'min-content'
    | (string & {})

  export type FlexDirection =
    | Globals
    | 'column'
    | 'column-reverse'
    | 'row'
    | 'row-reverse'

  export type FlexFlow =
    | Globals
    | 'column'
    | 'column-reverse'
    | 'nowrap'
    | 'row'
    | 'row-reverse'
    | 'wrap'
    | 'wrap-reverse'
    | (string & {})

  export type FlexGrow = Globals | (number & {})

  export type FlexShrink = Globals | (number & {})

  export type FlexWrap = Globals | 'nowrap' | 'wrap' | 'wrap-reverse'

  export type Float =
    | Globals
    | 'inline-end'
    | 'inline-start'
    | 'left'
    | 'none'
    | 'right'

  export type Font =
    | Globals
    | 'caption'
    | 'icon'
    | 'menu'
    | 'message-box'
    | 'small-caption'
    | 'status-bar'
    | (string & {})

  export type FontFamily = Globals | DataType.GenericFamily | (string & {})

  export type FontFeatureSettings = Globals | 'normal' | (string & {})

  export type FontKerning = Globals | 'auto' | 'none' | 'normal'

  export type FontLanguageOverride = Globals | 'normal' | (string & {})

  export type FontOpticalSizing = Globals | 'auto' | 'none'

  export type FontSize<TLength = (string & {}) | 0> =
    | Globals
    | DataType.AbsoluteSize
    | TLength
    | 'larger'
    | 'smaller'
    | (string & {})

  export type FontSizeAdjust = Globals | 'none' | (number & {})

  export type FontSmooth<TLength = (string & {}) | 0> =
    | Globals
    | DataType.AbsoluteSize
    | TLength
    | 'always'
    | 'auto'
    | 'never'

  export type FontStretch = Globals | DataType.FontStretchAbsolute

  export type FontStyle =
    | Globals
    | 'italic'
    | 'normal'
    | 'oblique'
    | (string & {})

  export type FontSynthesis =
    | Globals
    | 'none'
    | 'style'
    | 'weight'
    | (string & {})

  export type FontVariant =
    | Globals
    | DataType.EastAsianVariantValues
    | 'all-petite-caps'
    | 'all-small-caps'
    | 'common-ligatures'
    | 'contextual'
    | 'diagonal-fractions'
    | 'discretionary-ligatures'
    | 'full-width'
    | 'historical-forms'
    | 'historical-ligatures'
    | 'lining-nums'
    | 'no-common-ligatures'
    | 'no-contextual'
    | 'no-discretionary-ligatures'
    | 'no-historical-ligatures'
    | 'none'
    | 'normal'
    | 'oldstyle-nums'
    | 'ordinal'
    | 'petite-caps'
    | 'proportional-nums'
    | 'proportional-width'
    | 'ruby'
    | 'slashed-zero'
    | 'small-caps'
    | 'stacked-fractions'
    | 'tabular-nums'
    | 'titling-caps'
    | 'unicase'
    | (string & {})

  export type FontVariantAlternates =
    | Globals
    | 'historical-forms'
    | 'normal'
    | (string & {})

  export type FontVariantCaps =
    | Globals
    | 'all-petite-caps'
    | 'all-small-caps'
    | 'normal'
    | 'petite-caps'
    | 'small-caps'
    | 'titling-caps'
    | 'unicase'

  export type FontVariantEastAsian =
    | Globals
    | DataType.EastAsianVariantValues
    | 'full-width'
    | 'normal'
    | 'proportional-width'
    | 'ruby'
    | (string & {})

  export type FontVariantLigatures =
    | Globals
    | 'common-ligatures'
    | 'contextual'
    | 'discretionary-ligatures'
    | 'historical-ligatures'
    | 'no-common-ligatures'
    | 'no-contextual'
    | 'no-discretionary-ligatures'
    | 'no-historical-ligatures'
    | 'none'
    | 'normal'
    | (string & {})

  export type FontVariantNumeric =
    | Globals
    | 'diagonal-fractions'
    | 'lining-nums'
    | 'normal'
    | 'oldstyle-nums'
    | 'ordinal'
    | 'proportional-nums'
    | 'slashed-zero'
    | 'stacked-fractions'
    | 'tabular-nums'
    | (string & {})

  export type FontVariantPosition = Globals | 'normal' | 'sub' | 'super'

  export type FontVariationSettings = Globals | 'normal' | (string & {})

  export type FontWeight =
    | Globals
    | DataType.FontWeightAbsolute
    | 'bolder'
    | 'lighter'

  export type Gap<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'normal'
    | (string & {})

  export type Grid = Globals | 'none' | (string & {})

  export type GridArea = Globals | DataType.GridLine | (string & {})

  export type GridAutoColumns<TLength = (string & {}) | 0> =
    | Globals
    | DataType.TrackBreadth<TLength>
    | (string & {})

  export type GridAutoFlow =
    | Globals
    | 'column'
    | 'dense'
    | 'row'
    | (string & {})

  export type GridAutoRows<TLength = (string & {}) | 0> =
    | Globals
    | DataType.TrackBreadth<TLength>
    | (string & {})

  export type GridColumn = Globals | DataType.GridLine | (string & {})

  export type GridColumnEnd = Globals | DataType.GridLine

  export type GridColumnGap<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type GridColumnStart = Globals | DataType.GridLine

  export type GridGap<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type GridRow = Globals | DataType.GridLine | (string & {})

  export type GridRowEnd = Globals | DataType.GridLine

  export type GridRowGap<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type GridRowStart = Globals | DataType.GridLine

  export type GridTemplate = Globals | 'none' | (string & {})

  export type GridTemplateAreas = Globals | 'none' | (string & {})

  export type GridTemplateColumns<TLength = (string & {}) | 0> =
    | Globals
    | DataType.TrackBreadth<TLength>
    | 'none'
    | 'subgrid'
    | (string & {})

  export type GridTemplateRows<TLength = (string & {}) | 0> =
    | Globals
    | DataType.TrackBreadth<TLength>
    | 'none'
    | 'subgrid'
    | (string & {})

  export type HangingPunctuation =
    | Globals
    | 'allow-end'
    | 'first'
    | 'force-end'
    | 'last'
    | 'none'
    | (string & {})

  export type Height<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | '-moz-max-content'
    | '-moz-min-content'
    | 'auto'
    | 'max-content'
    | 'min-content'
    | (string & {})

  export type Hyphens = Globals | 'auto' | 'manual' | 'none'

  export type ImageOrientation = Globals | 'flip' | 'from-image' | (string & {})

  export type ImageRendering =
    | Globals
    | '-moz-crisp-edges'
    | '-webkit-optimize-contrast'
    | 'auto'
    | 'crisp-edges'
    | 'pixelated'

  export type ImageResolution = Globals | 'from-image' | (string & {})

  export type ImeMode =
    | Globals
    | 'active'
    | 'auto'
    | 'disabled'
    | 'inactive'
    | 'normal'

  export type InitialLetter = Globals | 'normal' | (string & {}) | (number & {})

  export type InlineSize<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | '-moz-max-content'
    | '-moz-min-content'
    | 'auto'
    | 'max-content'
    | 'min-content'
    | (string & {})

  export type Inset<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type InsetBlock<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type InsetBlockEnd<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type InsetBlockStart<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type InsetInline<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type InsetInlineEnd<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type InsetInlineStart<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type Isolation = Globals | 'auto' | 'isolate'

  export type JustifyContent =
    | Globals
    | DataType.ContentDistribution
    | DataType.ContentPosition
    | 'left'
    | 'normal'
    | 'right'
    | (string & {})

  export type JustifyItems =
    | Globals
    | DataType.SelfPosition
    | 'baseline'
    | 'left'
    | 'legacy'
    | 'normal'
    | 'right'
    | 'stretch'
    | (string & {})

  export type JustifySelf =
    | Globals
    | DataType.SelfPosition
    | 'auto'
    | 'baseline'
    | 'left'
    | 'normal'
    | 'right'
    | 'stretch'
    | (string & {})

  export type Left<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type LetterSpacing<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'normal'

  export type LineBreak =
    | Globals
    | 'anywhere'
    | 'auto'
    | 'loose'
    | 'normal'
    | 'strict'

  export type LineClamp = Globals | 'none' | (number & {})

  export type LineHeight<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'normal'
    | (string & {})
    | (number & {})

  export type LineHeightStep<TLength = (string & {}) | 0> = Globals | TLength

  export type ListStyle =
    | Globals
    | 'inside'
    | 'none'
    | 'outside'
    | (string & {})

  export type ListStyleImage = Globals | 'none' | (string & {})

  export type ListStylePosition = Globals | 'inside' | 'outside'

  export type ListStyleType = Globals | 'none' | (string & {})

  export type Margin<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type MarginBlock<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type MarginBlockEnd<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type MarginBlockStart<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type MarginBottom<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type MarginInline<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type MarginInlineEnd<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type MarginInlineStart<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type MarginLeft<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type MarginRight<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type MarginTop<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type Mask<TLength = (string & {}) | 0> =
    | Globals
    | DataType.MaskLayer<TLength>
    | (string & {})

  export type MaskBorder =
    | Globals
    | 'alpha'
    | 'luminance'
    | 'none'
    | 'repeat'
    | 'round'
    | 'space'
    | 'stretch'
    | (string & {})
    | (number & {})

  export type MaskBorderMode = Globals | 'alpha' | 'luminance'

  export type MaskBorderOutset<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})
    | (number & {})

  export type MaskBorderRepeat =
    | Globals
    | 'repeat'
    | 'round'
    | 'space'
    | 'stretch'
    | (string & {})

  export type MaskBorderSlice = Globals | (string & {}) | (number & {})

  export type MaskBorderSource = Globals | 'none' | (string & {})

  export type MaskBorderWidth<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})
    | (number & {})

  export type MaskClip =
    | Globals
    | DataType.GeometryBox
    | 'no-clip'
    | (string & {})

  export type MaskComposite =
    | Globals
    | DataType.CompositingOperator
    | (string & {})

  export type MaskImage = Globals | 'none' | (string & {})

  export type MaskMode = Globals | DataType.MaskingMode | (string & {})

  export type MaskOrigin = Globals | DataType.Box | 'margin-box' | (string & {})

  export type MaskPosition<TLength = (string & {}) | 0> =
    | Globals
    | DataType.Position<TLength>
    | (string & {})

  export type MaskRepeat = Globals | DataType.RepeatStyle | (string & {})

  export type MaskSize<TLength = (string & {}) | 0> =
    | Globals
    | DataType.BgSize<TLength>
    | (string & {})

  export type MaskType = Globals | 'alpha' | 'luminance'

  export type MaxBlockSize<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | '-moz-max-content'
    | '-moz-min-content'
    | 'auto'
    | 'max-content'
    | 'min-content'
    | (string & {})

  export type MaxHeight<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | '-moz-max-content'
    | '-moz-min-content'
    | '-webkit-max-content'
    | '-webkit-min-content'
    | 'auto'
    | 'max-content'
    | 'min-content'
    | (string & {})

  export type MaxInlineSize<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | '-moz-max-content'
    | '-moz-min-content'
    | 'auto'
    | 'max-content'
    | 'min-content'
    | (string & {})

  export type MaxLines = Globals | 'none' | (number & {})

  export type MaxWidth<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | '-moz-max-content'
    | '-moz-min-content'
    | '-webkit-max-content'
    | '-webkit-min-content'
    | 'auto'
    | 'intrinsic'
    | 'max-content'
    | 'min-content'
    | (string & {})

  export type MinBlockSize<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | '-moz-max-content'
    | '-moz-min-content'
    | 'auto'
    | 'max-content'
    | 'min-content'
    | (string & {})

  export type MinHeight<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | '-moz-max-content'
    | '-moz-min-content'
    | '-webkit-max-content'
    | '-webkit-min-content'
    | 'auto'
    | 'max-content'
    | 'min-content'
    | (string & {})

  export type MinInlineSize<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | '-moz-max-content'
    | '-moz-min-content'
    | 'auto'
    | 'max-content'
    | 'min-content'
    | (string & {})

  export type MinWidth<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | '-moz-max-content'
    | '-moz-min-content'
    | '-webkit-max-content'
    | '-webkit-min-content'
    | 'auto'
    | 'intrinsic'
    | 'max-content'
    | 'min-content'
    | 'min-intrinsic'
    | (string & {})

  export type MixBlendMode = Globals | DataType.BlendMode

  export type Offset<TLength = (string & {}) | 0> =
    | Globals
    | DataType.Position<TLength>
    | DataType.GeometryBox
    | 'auto'
    | 'none'
    | (string & {})

  export type OffsetDistance<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type OffsetPath =
    | Globals
    | DataType.GeometryBox
    | 'none'
    | (string & {})

  export type OffsetRotate = Globals | 'auto' | 'reverse' | (string & {})

  export type ObjectFit =
    | Globals
    | 'contain'
    | 'cover'
    | 'fill'
    | 'none'
    | 'scale-down'

  export type ObjectPosition<TLength = (string & {}) | 0> =
    | Globals
    | DataType.Position<TLength>

  export type OffsetAnchor<TLength = (string & {}) | 0> =
    | Globals
    | DataType.Position<TLength>
    | 'auto'

  export type Opacity = Globals | (string & {}) | (number & {})

  export type Order = Globals | (number & {})

  export type Orphans = Globals | (number & {})

  export type Outline<TLength = (string & {}) | 0> =
    | Globals
    | DataType.Color
    | DataType.LineStyle
    | DataType.LineWidth<TLength>
    | 'auto'
    | 'invert'
    | (string & {})

  export type OutlineColor = Globals | DataType.Color | 'invert'

  export type OutlineOffset<TLength = (string & {}) | 0> = Globals | TLength

  export type OutlineStyle =
    | Globals
    | DataType.LineStyle
    | 'auto'
    | (string & {})

  export type OutlineWidth<TLength = (string & {}) | 0> =
    | Globals
    | DataType.LineWidth<TLength>

  export type Overflow =
    | Globals
    | 'auto'
    | 'hidden'
    | 'scroll'
    | 'visible'
    | (string & {})

  export type OverflowAnchor = Globals | 'auto' | 'none'

  export type OverflowBlock =
    | Globals
    | 'auto'
    | 'clip'
    | 'hidden'
    | 'scroll'
    | 'visible'

  export type OverflowClipBox = Globals | 'content-box' | 'padding-box'

  export type OverflowInline =
    | Globals
    | 'auto'
    | 'clip'
    | 'hidden'
    | 'scroll'
    | 'visible'

  export type OverflowWrap = Globals | 'anywhere' | 'break-word' | 'normal'

  export type OverflowX = Globals | 'auto' | 'hidden' | 'scroll' | 'visible'

  export type OverflowY = Globals | 'auto' | 'hidden' | 'scroll' | 'visible'

  export type OverscrollBehavior =
    | Globals
    | 'auto'
    | 'contain'
    | 'none'
    | (string & {})

  export type OverscrollBehaviorBlock = Globals | 'auto' | 'contain' | 'none'

  export type OverscrollBehaviorInline = Globals | 'auto' | 'contain' | 'none'

  export type OverscrollBehaviorX = Globals | 'auto' | 'contain' | 'none'

  export type OverscrollBehaviorY = Globals | 'auto' | 'contain' | 'none'

  export type Padding<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type PaddingBlock<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type PaddingBlockEnd<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type PaddingBlockStart<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type PaddingBottom<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type PaddingInline<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type PaddingInlineEnd<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type PaddingInlineStart<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type PaddingLeft<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type PaddingRight<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type PaddingTop<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type PageBreakAfter =
    | Globals
    | 'always'
    | 'auto'
    | 'avoid'
    | 'left'
    | 'recto'
    | 'right'
    | 'verso'

  export type PageBreakBefore =
    | Globals
    | 'always'
    | 'auto'
    | 'avoid'
    | 'left'
    | 'recto'
    | 'right'
    | 'verso'

  export type PageBreakInside = Globals | 'auto' | 'avoid'

  export type PaintOrder =
    | Globals
    | 'fill'
    | 'markers'
    | 'normal'
    | 'stroke'
    | (string & {})

  export type Perspective<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'none'

  export type PerspectiveOrigin<TLength = (string & {}) | 0> =
    | Globals
    | DataType.Position<TLength>

  export type PlaceContent =
    | Globals
    | DataType.ContentDistribution
    | DataType.ContentPosition
    | 'baseline'
    | 'normal'
    | (string & {})

  export type PlaceItems =
    | Globals
    | DataType.SelfPosition
    | 'baseline'
    | 'normal'
    | 'stretch'
    | (string & {})

  export type PlaceSelf =
    | Globals
    | DataType.SelfPosition
    | 'auto'
    | 'baseline'
    | 'normal'
    | 'stretch'
    | (string & {})

  export type PointerEvents =
    | Globals
    | 'all'
    | 'auto'
    | 'fill'
    | 'inherit'
    | 'none'
    | 'painted'
    | 'stroke'
    | 'visible'
    | 'visibleFill'
    | 'visiblePainted'
    | 'visibleStroke'

  export type Position =
    | Globals
    | '-webkit-sticky'
    | 'absolute'
    | 'fixed'
    | 'relative'
    | 'static'
    | 'sticky'

  export type Quotes = Globals | 'auto' | 'none' | (string & {})

  export type Resize =
    | Globals
    | 'block'
    | 'both'
    | 'horizontal'
    | 'inline'
    | 'none'
    | 'vertical'

  export type Right<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type Rotate = Globals | 'none' | (string & {})

  export type RowGap<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'normal'
    | (string & {})

  export type RubyAlign =
    | Globals
    | 'center'
    | 'space-around'
    | 'space-between'
    | 'start'

  export type RubyMerge = Globals | 'auto' | 'collapse' | 'separate'

  export type RubyPosition = Globals | 'over' | 'under'

  export type Scale = Globals | 'none' | (string & {}) | (number & {})

  export type ScrollBehavior = Globals | 'auto' | 'smooth'

  export type ScrollMargin<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type ScrollMarginBlock<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type ScrollMarginBlockEnd<TLength = (string & {}) | 0> =
    | Globals
    | TLength

  export type ScrollMarginBlockStart<TLength = (string & {}) | 0> =
    | Globals
    | TLength

  export type ScrollMarginBottom<TLength = (string & {}) | 0> =
    | Globals
    | TLength

  export type ScrollMarginInline<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | (string & {})

  export type ScrollMarginInlineEnd<TLength = (string & {}) | 0> =
    | Globals
    | TLength

  export type ScrollMarginInlineStart<TLength = (string & {}) | 0> =
    | Globals
    | TLength

  export type ScrollMarginLeft<TLength = (string & {}) | 0> = Globals | TLength

  export type ScrollMarginRight<TLength = (string & {}) | 0> = Globals | TLength

  export type ScrollMarginTop<TLength = (string & {}) | 0> = Globals | TLength

  export type ScrollPadding<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type ScrollPaddingBlock<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type ScrollPaddingBlockEnd<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type ScrollPaddingBlockStart<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type ScrollPaddingBottom<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type ScrollPaddingInline<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type ScrollPaddingInlineEnd<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type ScrollPaddingInlineStart<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type ScrollPaddingLeft<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type ScrollPaddingRight<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type ScrollPaddingTop<TLength = (string & {}) | 0> =
    | Globals
    | TLength
    | 'auto'
    | (string & {})

  export type ScrollSnapAlign =
    | Globals
    | 'center'
    | 'end'
    | 'none'
    | 'start'
    | (string & {})

  export type ScrollSnapCoordinate<TLength = (string & {}) | 0> =
    | Globals
    | DataType.Position<TLength>
    | 'none'
    | (string & {})

  export type ScrollSnapDestination<TLength = (string & {}) | 0> =
    | Globals
    | DataType.Position<TLength>

  export type ScrollSnapPointsX = Globals | 'none' | (string & {})

  export type ScrollSnapPointsY = Globals | 'none' | (string & {})

  export type ScrollSnapStop = Globals | 'always' | 'normal'

  export type ScrollSnapType =
    | Globals
    | 'block'
    | 'both'
    | 'inline'
    | 'none'
    | 'x'
    | 'y'
    | (string & {})

  export type ScrollSnapTypeX = Globals | 'mandatory' | 'none' | 'proximity'

  export type ScrollSnapTypeY = Globals | 'mandatory' | 'none' | 'proximity'

  export type ScrollbarColor =
    | Globals
    | DataType.Color
    | 'auto'
    | 'dark'
    | 'light'

  export type MsScrollbarTrackColor = Globals | DataType.Color

  export type ScrollbarWidth = Globals | 'aut