Spinner
Loading spinner
name | type | default | description |
|---|---|---|---|
| accessibilityLabel | string | - | Hidden text used for accessibilty. |
| alignItems | "inherit" | "normal" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | { readonly base?: "inherit" | "normal" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined; readonly xs?: "inherit" | "normal" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined; readonly sm?: "inherit" | ... 6 more ... | undefined; readonly md?: "inherit" | ... 6 mor... | - | - |
| alignSelf | "inherit" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | { readonly base?: "inherit" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined; readonly xs?: "inherit" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined; readonly sm?: "inherit" | ... 5 more ... | undefined; readonly md?: "inherit" | ... 5 more ... | undefined; rea... | - | - |
| as | "symbol" | "object" | "base" | "clipPath" | "filter" | "mask" | "marker" | "center" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "body" | "input" | "p" | "cite" | "data" | "form" | "label" | "pattern" | "span" | "summary" | "slot" | "title" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "bdi" | "bdo" | "big" | "blockquote" | "br" | "canvas" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "search" | "script" | "section" | "select" | "source" | "strong" | "sup" | "template" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | ComponentClass<any, any> | FunctionComponent<any> | FunctionComponent<{}> | ComponentClass<{}, any> | - | - |
| background | "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | "white" | "yellow" | "text" | "currentColor" | "accent" | "blueLight" | "blueActive" | "blueDim" | "bluePrimary" | "blueBright" | "blueSurface" | "greenLight" | "greenActive" | "greenDim" | "greenPrimary" | "greenBright" | "greenSurface" | "greyLight" | "greyActive" | "greyDim" | "greyPrimary" | "greyBright" | "greySurface" | "indigoLight" | "indigoActive" | "indigoDim" | "indigoPrimary" | "indigoBright" | "indigoSurface" | "orangeLight" | "orangeActive" | "orangeDim" | "orangePrimary" | "orangeBright" | "orangeSurface" | "pinkLight" | "pinkActive" | "pinkDim" | "pinkPrimary" | "pinkBright" | "pinkSurface" | "purpleLight" | "purpleActive" | "purpleDim" | "purplePrimary" | "purpleBright" | "purpleSurface" | "redLight" | "redActive" | "redDim" | "redPrimary" | "redBright" | "redSurface" | "yellowLight" | "yellowActive" | "yellowDim" | "yellowPrimary" | "yellowBright" | "yellowSurface" | "accentLight" | "accentActive" | "accentDim" | "accentPrimary" | "accentBright" | "accentSurface" | "textPrimary" | "textSecondary" | "textAccent" | "textDisabled" | "backgroundPrimary" | "backgroundSecondary" | "blueGradient" | "greenGradient" | "redGradient" | "purpleGradient" | "greyGradient" | "backgroundBackground" | "backgroundText" | "backgroundBorder" | "backgroundHover" | "transparentBackground" | "transparentText" | "transparentBorder" | "transparentHover" | "disabledBackground" | "disabledText" | "disabledBorder" | "disabledHover" | "bluePrimaryBackground" | "bluePrimaryText" | "bluePrimaryBorder" | "bluePrimaryHover" | "greenPrimaryBackground" | "greenPrimaryText" | "greenPrimaryBorder" | "greenPrimaryHover" | "greyPrimaryBackground" | "greyPrimaryText" | "greyPrimaryBorder" | "greyPrimaryHover" | "indigoPrimaryBackground" | "indigoPrimaryText" | "indigoPrimaryBorder" | "indigoPrimaryHover" | "orangePrimaryBackground" | "orangePrimaryText" | "orangePrimaryBorder" | "orangePrimaryHover" | "pinkPrimaryBackground" | "pinkPrimaryText" | "pinkPrimaryBorder" | "pinkPrimaryHover" | "purplePrimaryBackground" | "purplePrimaryText" | "purplePrimaryBorder" | "purplePrimaryHover" | "redPrimaryBackground" | "redPrimaryText" | "redPrimaryBorder" | "redPrimaryHover" | "yellowPrimaryBackground" | "yellowPrimaryText" | "yellowPrimaryBorder" | "yellowPrimaryHover" | "accentPrimaryBackground" | "accentPrimaryText" | "accentPrimaryBorder" | "accentPrimaryHover" | "blueSecondaryBackground" | "blueSecondaryText" | "blueSecondaryBorder" | "blueSecondaryHover" | "greenSecondaryBackground" | "greenSecondaryText" | "greenSecondaryBorder" | "greenSecondaryHover" | "greySecondaryBackground" | "greySecondaryText" | "greySecondaryBorder" | "greySecondaryHover" | "indigoSecondaryBackground" | "indigoSecondaryText" | "indigoSecondaryBorder" | "indigoSecondaryHover" | "orangeSecondaryBackground" | "orangeSecondaryText" | "orangeSecondaryBorder" | "orangeSecondaryHover" | "pinkSecondaryBackground" | "pinkSecondaryText" | "pinkSecondaryBorder" | "pinkSecondaryHover" | "purpleSecondaryBackground" | "purpleSecondaryText" | "purpleSecondaryBorder" | "purpleSecondaryHover" | "redSecondaryBackground" | "redSecondaryText" | "redSecondaryBorder" | "redSecondaryHover" | "yellowSecondaryBackground" | "yellowSecondaryText" | "yellowSecondaryBorder" | "yellowSecondaryHover" | "accentSecondaryBackground" | "accentSecondaryText" | "accentSecondaryBorder" | "accentSecondaryHover" | { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | - | - |
| backgroundColor | "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | "white" | "yellow" | "text" | "currentColor" | "accent" | "blueLight" | "blueActive" | "blueDim" | "bluePrimary" | "blueBright" | "blueSurface" | "greenLight" | "greenActive" | "greenDim" | "greenPrimary" | "greenBright" | "greenSurface" | "greyLight" | "greyActive" | "greyDim" | "greyPrimary" | "greyBright" | "greySurface" | "indigoLight" | "indigoActive" | "indigoDim" | "indigoPrimary" | "indigoBright" | "indigoSurface" | "orangeLight" | "orangeActive" | "orangeDim" | "orangePrimary" | "orangeBright" | "orangeSurface" | "pinkLight" | "pinkActive" | "pinkDim" | "pinkPrimary" | "pinkBright" | "pinkSurface" | "purpleLight" | "purpleActive" | "purpleDim" | "purplePrimary" | "purpleBright" | "purpleSurface" | "redLight" | "redActive" | "redDim" | "redPrimary" | "redBright" | "redSurface" | "yellowLight" | "yellowActive" | "yellowDim" | "yellowPrimary" | "yellowBright" | "yellowSurface" | "accentLight" | "accentActive" | "accentDim" | "accentPrimary" | "accentBright" | "accentSurface" | "textPrimary" | "textSecondary" | "textAccent" | "textDisabled" | "backgroundPrimary" | "backgroundSecondary" | "blueGradient" | "greenGradient" | "redGradient" | "purpleGradient" | "greyGradient" | "backgroundBackground" | "backgroundText" | "backgroundBorder" | "backgroundHover" | "transparentBackground" | "transparentText" | "transparentBorder" | "transparentHover" | "disabledBackground" | "disabledText" | "disabledBorder" | "disabledHover" | "bluePrimaryBackground" | "bluePrimaryText" | "bluePrimaryBorder" | "bluePrimaryHover" | "greenPrimaryBackground" | "greenPrimaryText" | "greenPrimaryBorder" | "greenPrimaryHover" | "greyPrimaryBackground" | "greyPrimaryText" | "greyPrimaryBorder" | "greyPrimaryHover" | "indigoPrimaryBackground" | "indigoPrimaryText" | "indigoPrimaryBorder" | "indigoPrimaryHover" | "orangePrimaryBackground" | "orangePrimaryText" | "orangePrimaryBorder" | "orangePrimaryHover" | "pinkPrimaryBackground" | "pinkPrimaryText" | "pinkPrimaryBorder" | "pinkPrimaryHover" | "purplePrimaryBackground" | "purplePrimaryText" | "purplePrimaryBorder" | "purplePrimaryHover" | "redPrimaryBackground" | "redPrimaryText" | "redPrimaryBorder" | "redPrimaryHover" | "yellowPrimaryBackground" | "yellowPrimaryText" | "yellowPrimaryBorder" | "yellowPrimaryHover" | "accentPrimaryBackground" | "accentPrimaryText" | "accentPrimaryBorder" | "accentPrimaryHover" | "blueSecondaryBackground" | "blueSecondaryText" | "blueSecondaryBorder" | "blueSecondaryHover" | "greenSecondaryBackground" | "greenSecondaryText" | "greenSecondaryBorder" | "greenSecondaryHover" | "greySecondaryBackground" | "greySecondaryText" | "greySecondaryBorder" | "greySecondaryHover" | "indigoSecondaryBackground" | "indigoSecondaryText" | "indigoSecondaryBorder" | "indigoSecondaryHover" | "orangeSecondaryBackground" | "orangeSecondaryText" | "orangeSecondaryBorder" | "orangeSecondaryHover" | "pinkSecondaryBackground" | "pinkSecondaryText" | "pinkSecondaryBorder" | "pinkSecondaryHover" | "purpleSecondaryBackground" | "purpleSecondaryText" | "purpleSecondaryBorder" | "purpleSecondaryHover" | "redSecondaryBackground" | "redSecondaryText" | "redSecondaryBorder" | "redSecondaryHover" | "yellowSecondaryBackground" | "yellowSecondaryText" | "yellowSecondaryBorder" | "yellowSecondaryHover" | "accentSecondaryBackground" | "accentSecondaryText" | "accentSecondaryBorder" | "accentSecondaryHover" | { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | - | - |
| bg | "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | "white" | "yellow" | "text" | "currentColor" | "accent" | "blueLight" | "blueActive" | "blueDim" | "bluePrimary" | "blueBright" | "blueSurface" | "greenLight" | "greenActive" | "greenDim" | "greenPrimary" | "greenBright" | "greenSurface" | "greyLight" | "greyActive" | "greyDim" | "greyPrimary" | "greyBright" | "greySurface" | "indigoLight" | "indigoActive" | "indigoDim" | "indigoPrimary" | "indigoBright" | "indigoSurface" | "orangeLight" | "orangeActive" | "orangeDim" | "orangePrimary" | "orangeBright" | "orangeSurface" | "pinkLight" | "pinkActive" | "pinkDim" | "pinkPrimary" | "pinkBright" | "pinkSurface" | "purpleLight" | "purpleActive" | "purpleDim" | "purplePrimary" | "purpleBright" | "purpleSurface" | "redLight" | "redActive" | "redDim" | "redPrimary" | "redBright" | "redSurface" | "yellowLight" | "yellowActive" | "yellowDim" | "yellowPrimary" | "yellowBright" | "yellowSurface" | "accentLight" | "accentActive" | "accentDim" | "accentPrimary" | "accentBright" | "accentSurface" | "textPrimary" | "textSecondary" | "textAccent" | "textDisabled" | "backgroundPrimary" | "backgroundSecondary" | "blueGradient" | "greenGradient" | "redGradient" | "purpleGradient" | "greyGradient" | "backgroundBackground" | "backgroundText" | "backgroundBorder" | "backgroundHover" | "transparentBackground" | "transparentText" | "transparentBorder" | "transparentHover" | "disabledBackground" | "disabledText" | "disabledBorder" | "disabledHover" | "bluePrimaryBackground" | "bluePrimaryText" | "bluePrimaryBorder" | "bluePrimaryHover" | "greenPrimaryBackground" | "greenPrimaryText" | "greenPrimaryBorder" | "greenPrimaryHover" | "greyPrimaryBackground" | "greyPrimaryText" | "greyPrimaryBorder" | "greyPrimaryHover" | "indigoPrimaryBackground" | "indigoPrimaryText" | "indigoPrimaryBorder" | "indigoPrimaryHover" | "orangePrimaryBackground" | "orangePrimaryText" | "orangePrimaryBorder" | "orangePrimaryHover" | "pinkPrimaryBackground" | "pinkPrimaryText" | "pinkPrimaryBorder" | "pinkPrimaryHover" | "purplePrimaryBackground" | "purplePrimaryText" | "purplePrimaryBorder" | "purplePrimaryHover" | "redPrimaryBackground" | "redPrimaryText" | "redPrimaryBorder" | "redPrimaryHover" | "yellowPrimaryBackground" | "yellowPrimaryText" | "yellowPrimaryBorder" | "yellowPrimaryHover" | "accentPrimaryBackground" | "accentPrimaryText" | "accentPrimaryBorder" | "accentPrimaryHover" | "blueSecondaryBackground" | "blueSecondaryText" | "blueSecondaryBorder" | "blueSecondaryHover" | "greenSecondaryBackground" | "greenSecondaryText" | "greenSecondaryBorder" | "greenSecondaryHover" | "greySecondaryBackground" | "greySecondaryText" | "greySecondaryBorder" | "greySecondaryHover" | "indigoSecondaryBackground" | "indigoSecondaryText" | "indigoSecondaryBorder" | "indigoSecondaryHover" | "orangeSecondaryBackground" | "orangeSecondaryText" | "orangeSecondaryBorder" | "orangeSecondaryHover" | "pinkSecondaryBackground" | "pinkSecondaryText" | "pinkSecondaryBorder" | "pinkSecondaryHover" | "purpleSecondaryBackground" | "purpleSecondaryText" | "purpleSecondaryBorder" | "purpleSecondaryHover" | "redSecondaryBackground" | "redSecondaryText" | "redSecondaryBorder" | "redSecondaryHover" | "yellowSecondaryBackground" | "yellowSecondaryText" | "yellowSecondaryBorder" | "yellowSecondaryHover" | "accentSecondaryBackground" | "accentSecondaryText" | "accentSecondaryBorder" | "accentSecondaryHover" | { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | - | - |
| borderBottomColor | "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | "white" | "yellow" | "text" | "currentColor" | "accent" | "blueLight" | "blueActive" | "blueDim" | "bluePrimary" | "blueBright" | "blueSurface" | "greenLight" | "greenActive" | "greenDim" | "greenPrimary" | "greenBright" | "greenSurface" | "greyLight" | "greyActive" | "greyDim" | "greyPrimary" | "greyBright" | "greySurface" | "indigoLight" | "indigoActive" | "indigoDim" | "indigoPrimary" | "indigoBright" | "indigoSurface" | "orangeLight" | "orangeActive" | "orangeDim" | "orangePrimary" | "orangeBright" | "orangeSurface" | "pinkLight" | "pinkActive" | "pinkDim" | "pinkPrimary" | "pinkBright" | "pinkSurface" | "purpleLight" | "purpleActive" | "purpleDim" | "purplePrimary" | "purpleBright" | "purpleSurface" | "redLight" | "redActive" | "redDim" | "redPrimary" | "redBright" | "redSurface" | "yellowLight" | "yellowActive" | "yellowDim" | "yellowPrimary" | "yellowBright" | "yellowSurface" | "accentLight" | "accentActive" | "accentDim" | "accentPrimary" | "accentBright" | "accentSurface" | "textPrimary" | "textSecondary" | "textAccent" | "textDisabled" | "backgroundPrimary" | "backgroundSecondary" | "blueGradient" | "greenGradient" | "redGradient" | "purpleGradient" | "greyGradient" | "backgroundBackground" | "backgroundText" | "backgroundBorder" | "backgroundHover" | "transparentBackground" | "transparentText" | "transparentBorder" | "transparentHover" | "disabledBackground" | "disabledText" | "disabledBorder" | "disabledHover" | "bluePrimaryBackground" | "bluePrimaryText" | "bluePrimaryBorder" | "bluePrimaryHover" | "greenPrimaryBackground" | "greenPrimaryText" | "greenPrimaryBorder" | "greenPrimaryHover" | "greyPrimaryBackground" | "greyPrimaryText" | "greyPrimaryBorder" | "greyPrimaryHover" | "indigoPrimaryBackground" | "indigoPrimaryText" | "indigoPrimaryBorder" | "indigoPrimaryHover" | "orangePrimaryBackground" | "orangePrimaryText" | "orangePrimaryBorder" | "orangePrimaryHover" | "pinkPrimaryBackground" | "pinkPrimaryText" | "pinkPrimaryBorder" | "pinkPrimaryHover" | "purplePrimaryBackground" | "purplePrimaryText" | "purplePrimaryBorder" | "purplePrimaryHover" | "redPrimaryBackground" | "redPrimaryText" | "redPrimaryBorder" | "redPrimaryHover" | "yellowPrimaryBackground" | "yellowPrimaryText" | "yellowPrimaryBorder" | "yellowPrimaryHover" | "accentPrimaryBackground" | "accentPrimaryText" | "accentPrimaryBorder" | "accentPrimaryHover" | "blueSecondaryBackground" | "blueSecondaryText" | "blueSecondaryBorder" | "blueSecondaryHover" | "greenSecondaryBackground" | "greenSecondaryText" | "greenSecondaryBorder" | "greenSecondaryHover" | "greySecondaryBackground" | "greySecondaryText" | "greySecondaryBorder" | "greySecondaryHover" | "indigoSecondaryBackground" | "indigoSecondaryText" | "indigoSecondaryBorder" | "indigoSecondaryHover" | "orangeSecondaryBackground" | "orangeSecondaryText" | "orangeSecondaryBorder" | "orangeSecondaryHover" | "pinkSecondaryBackground" | "pinkSecondaryText" | "pinkSecondaryBorder" | "pinkSecondaryHover" | "purpleSecondaryBackground" | "purpleSecondaryText" | "purpleSecondaryBorder" | "purpleSecondaryHover" | "redSecondaryBackground" | "redSecondaryText" | "redSecondaryBorder" | "redSecondaryHover" | "yellowSecondaryBackground" | "yellowSecondaryText" | "yellowSecondaryBorder" | "yellowSecondaryHover" | "accentSecondaryBackground" | "accentSecondaryText" | "accentSecondaryBorder" | "accentSecondaryHover" | { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | - | - |
| borderBottomLeftRadius | "unset" | "none" | "checkbox" | "medium" | "large" | "small" | "0" | "extraLarge" | "extraSmall" | "full" | "almostExtraLarge" | "2xLarge" | "2.5xLarge" | "3xLarge" | "4xLarge" | "input" | "card" | { readonly base?: "unset" | "none" | "checkbox" | "medium" | "large" | "small" | "0" | "extraLarge" | "extraSmall" | "full" | "almostExtraLarge" | "2xLarge" | "2.5xLarge" | "3xLarge" | "4xLarge" | "input" | "card" | undefined; ... 4 more ...; readonly xl?: "unset" | ... 16 more ... | undefined; } | - | - |
| borderBottomRightRadius | "unset" | "none" | "checkbox" | "medium" | "large" | "small" | "0" | "extraLarge" | "extraSmall" | "full" | "almostExtraLarge" | "2xLarge" | "2.5xLarge" | "3xLarge" | "4xLarge" | "input" | "card" | { readonly base?: "unset" | "none" | "checkbox" | "medium" | "large" | "small" | "0" | "extraLarge" | "extraSmall" | "full" | "almostExtraLarge" | "2xLarge" | "2.5xLarge" | "3xLarge" | "4xLarge" | "input" | "card" | undefined; ... 4 more ...; readonly xl?: "unset" | ... 16 more ... | undefined; } | - | - |
| borderBottomStyle | "inherit" | "none" | "solid" | { base?: "inherit" | "none" | "solid" | undefined; disabled?: "inherit" | "none" | "solid" | undefined; readonly?: "inherit" | "none" | "solid" | undefined; } | - | - |
| borderBottomWidth | "0" | "-px" | "px" | "1x" | "2x" | "10x" | { base?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; disabled?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; readonly?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; } | - | - |
| borderColor | "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | "white" | "yellow" | "text" | "currentColor" | "accent" | "blueLight" | "blueActive" | "blueDim" | "bluePrimary" | "blueBright" | "blueSurface" | "greenLight" | "greenActive" | "greenDim" | "greenPrimary" | "greenBright" | "greenSurface" | "greyLight" | "greyActive" | "greyDim" | "greyPrimary" | "greyBright" | "greySurface" | "indigoLight" | "indigoActive" | "indigoDim" | "indigoPrimary" | "indigoBright" | "indigoSurface" | "orangeLight" | "orangeActive" | "orangeDim" | "orangePrimary" | "orangeBright" | "orangeSurface" | "pinkLight" | "pinkActive" | "pinkDim" | "pinkPrimary" | "pinkBright" | "pinkSurface" | "purpleLight" | "purpleActive" | "purpleDim" | "purplePrimary" | "purpleBright" | "purpleSurface" | "redLight" | "redActive" | "redDim" | "redPrimary" | "redBright" | "redSurface" | "yellowLight" | "yellowActive" | "yellowDim" | "yellowPrimary" | "yellowBright" | "yellowSurface" | "accentLight" | "accentActive" | "accentDim" | "accentPrimary" | "accentBright" | "accentSurface" | "textPrimary" | "textSecondary" | "textAccent" | "textDisabled" | "backgroundPrimary" | "backgroundSecondary" | "blueGradient" | "greenGradient" | "redGradient" | "purpleGradient" | "greyGradient" | "backgroundBackground" | "backgroundText" | "backgroundBorder" | "backgroundHover" | "transparentBackground" | "transparentText" | "transparentBorder" | "transparentHover" | "disabledBackground" | "disabledText" | "disabledBorder" | "disabledHover" | "bluePrimaryBackground" | "bluePrimaryText" | "bluePrimaryBorder" | "bluePrimaryHover" | "greenPrimaryBackground" | "greenPrimaryText" | "greenPrimaryBorder" | "greenPrimaryHover" | "greyPrimaryBackground" | "greyPrimaryText" | "greyPrimaryBorder" | "greyPrimaryHover" | "indigoPrimaryBackground" | "indigoPrimaryText" | "indigoPrimaryBorder" | "indigoPrimaryHover" | "orangePrimaryBackground" | "orangePrimaryText" | "orangePrimaryBorder" | "orangePrimaryHover" | "pinkPrimaryBackground" | "pinkPrimaryText" | "pinkPrimaryBorder" | "pinkPrimaryHover" | "purplePrimaryBackground" | "purplePrimaryText" | "purplePrimaryBorder" | "purplePrimaryHover" | "redPrimaryBackground" | "redPrimaryText" | "redPrimaryBorder" | "redPrimaryHover" | "yellowPrimaryBackground" | "yellowPrimaryText" | "yellowPrimaryBorder" | "yellowPrimaryHover" | "accentPrimaryBackground" | "accentPrimaryText" | "accentPrimaryBorder" | "accentPrimaryHover" | "blueSecondaryBackground" | "blueSecondaryText" | "blueSecondaryBorder" | "blueSecondaryHover" | "greenSecondaryBackground" | "greenSecondaryText" | "greenSecondaryBorder" | "greenSecondaryHover" | "greySecondaryBackground" | "greySecondaryText" | "greySecondaryBorder" | "greySecondaryHover" | "indigoSecondaryBackground" | "indigoSecondaryText" | "indigoSecondaryBorder" | "indigoSecondaryHover" | "orangeSecondaryBackground" | "orangeSecondaryText" | "orangeSecondaryBorder" | "orangeSecondaryHover" | "pinkSecondaryBackground" | "pinkSecondaryText" | "pinkSecondaryBorder" | "pinkSecondaryHover" | "purpleSecondaryBackground" | "purpleSecondaryText" | "purpleSecondaryBorder" | "purpleSecondaryHover" | "redSecondaryBackground" | "redSecondaryText" | "redSecondaryBorder" | "redSecondaryHover" | "yellowSecondaryBackground" | "yellowSecondaryText" | "yellowSecondaryBorder" | "yellowSecondaryHover" | "accentSecondaryBackground" | "accentSecondaryText" | "accentSecondaryBorder" | "accentSecondaryHover" | { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | - | - |
| borderLeftColor | "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | "white" | "yellow" | "text" | "currentColor" | "accent" | "blueLight" | "blueActive" | "blueDim" | "bluePrimary" | "blueBright" | "blueSurface" | "greenLight" | "greenActive" | "greenDim" | "greenPrimary" | "greenBright" | "greenSurface" | "greyLight" | "greyActive" | "greyDim" | "greyPrimary" | "greyBright" | "greySurface" | "indigoLight" | "indigoActive" | "indigoDim" | "indigoPrimary" | "indigoBright" | "indigoSurface" | "orangeLight" | "orangeActive" | "orangeDim" | "orangePrimary" | "orangeBright" | "orangeSurface" | "pinkLight" | "pinkActive" | "pinkDim" | "pinkPrimary" | "pinkBright" | "pinkSurface" | "purpleLight" | "purpleActive" | "purpleDim" | "purplePrimary" | "purpleBright" | "purpleSurface" | "redLight" | "redActive" | "redDim" | "redPrimary" | "redBright" | "redSurface" | "yellowLight" | "yellowActive" | "yellowDim" | "yellowPrimary" | "yellowBright" | "yellowSurface" | "accentLight" | "accentActive" | "accentDim" | "accentPrimary" | "accentBright" | "accentSurface" | "textPrimary" | "textSecondary" | "textAccent" | "textDisabled" | "backgroundPrimary" | "backgroundSecondary" | "blueGradient" | "greenGradient" | "redGradient" | "purpleGradient" | "greyGradient" | "backgroundBackground" | "backgroundText" | "backgroundBorder" | "backgroundHover" | "transparentBackground" | "transparentText" | "transparentBorder" | "transparentHover" | "disabledBackground" | "disabledText" | "disabledBorder" | "disabledHover" | "bluePrimaryBackground" | "bluePrimaryText" | "bluePrimaryBorder" | "bluePrimaryHover" | "greenPrimaryBackground" | "greenPrimaryText" | "greenPrimaryBorder" | "greenPrimaryHover" | "greyPrimaryBackground" | "greyPrimaryText" | "greyPrimaryBorder" | "greyPrimaryHover" | "indigoPrimaryBackground" | "indigoPrimaryText" | "indigoPrimaryBorder" | "indigoPrimaryHover" | "orangePrimaryBackground" | "orangePrimaryText" | "orangePrimaryBorder" | "orangePrimaryHover" | "pinkPrimaryBackground" | "pinkPrimaryText" | "pinkPrimaryBorder" | "pinkPrimaryHover" | "purplePrimaryBackground" | "purplePrimaryText" | "purplePrimaryBorder" | "purplePrimaryHover" | "redPrimaryBackground" | "redPrimaryText" | "redPrimaryBorder" | "redPrimaryHover" | "yellowPrimaryBackground" | "yellowPrimaryText" | "yellowPrimaryBorder" | "yellowPrimaryHover" | "accentPrimaryBackground" | "accentPrimaryText" | "accentPrimaryBorder" | "accentPrimaryHover" | "blueSecondaryBackground" | "blueSecondaryText" | "blueSecondaryBorder" | "blueSecondaryHover" | "greenSecondaryBackground" | "greenSecondaryText" | "greenSecondaryBorder" | "greenSecondaryHover" | "greySecondaryBackground" | "greySecondaryText" | "greySecondaryBorder" | "greySecondaryHover" | "indigoSecondaryBackground" | "indigoSecondaryText" | "indigoSecondaryBorder" | "indigoSecondaryHover" | "orangeSecondaryBackground" | "orangeSecondaryText" | "orangeSecondaryBorder" | "orangeSecondaryHover" | "pinkSecondaryBackground" | "pinkSecondaryText" | "pinkSecondaryBorder" | "pinkSecondaryHover" | "purpleSecondaryBackground" | "purpleSecondaryText" | "purpleSecondaryBorder" | "purpleSecondaryHover" | "redSecondaryBackground" | "redSecondaryText" | "redSecondaryBorder" | "redSecondaryHover" | "yellowSecondaryBackground" | "yellowSecondaryText" | "yellowSecondaryBorder" | "yellowSecondaryHover" | "accentSecondaryBackground" | "accentSecondaryText" | "accentSecondaryBorder" | "accentSecondaryHover" | { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | - | - |
| borderLeftStyle | "inherit" | "none" | "solid" | { base?: "inherit" | "none" | "solid" | undefined; disabled?: "inherit" | "none" | "solid" | undefined; readonly?: "inherit" | "none" | "solid" | undefined; } | - | - |
| borderLeftWidth | "0" | "-px" | "px" | "1x" | "2x" | "10x" | { base?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; disabled?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; readonly?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; } | - | - |
| borderRadius | "unset" | "none" | "checkbox" | "medium" | "large" | "small" | "0" | "extraLarge" | "extraSmall" | "full" | "almostExtraLarge" | "2xLarge" | "2.5xLarge" | "3xLarge" | "4xLarge" | "input" | "card" | { readonly base?: "unset" | "none" | "checkbox" | "medium" | "large" | "small" | "0" | "extraLarge" | "extraSmall" | "full" | "almostExtraLarge" | "2xLarge" | "2.5xLarge" | "3xLarge" | "4xLarge" | "input" | "card" | undefined; ... 4 more ...; readonly xl?: "unset" | ... 16 more ... | undefined; } | - | - |
| borderRightColor | "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | "white" | "yellow" | "text" | "currentColor" | "accent" | "blueLight" | "blueActive" | "blueDim" | "bluePrimary" | "blueBright" | "blueSurface" | "greenLight" | "greenActive" | "greenDim" | "greenPrimary" | "greenBright" | "greenSurface" | "greyLight" | "greyActive" | "greyDim" | "greyPrimary" | "greyBright" | "greySurface" | "indigoLight" | "indigoActive" | "indigoDim" | "indigoPrimary" | "indigoBright" | "indigoSurface" | "orangeLight" | "orangeActive" | "orangeDim" | "orangePrimary" | "orangeBright" | "orangeSurface" | "pinkLight" | "pinkActive" | "pinkDim" | "pinkPrimary" | "pinkBright" | "pinkSurface" | "purpleLight" | "purpleActive" | "purpleDim" | "purplePrimary" | "purpleBright" | "purpleSurface" | "redLight" | "redActive" | "redDim" | "redPrimary" | "redBright" | "redSurface" | "yellowLight" | "yellowActive" | "yellowDim" | "yellowPrimary" | "yellowBright" | "yellowSurface" | "accentLight" | "accentActive" | "accentDim" | "accentPrimary" | "accentBright" | "accentSurface" | "textPrimary" | "textSecondary" | "textAccent" | "textDisabled" | "backgroundPrimary" | "backgroundSecondary" | "blueGradient" | "greenGradient" | "redGradient" | "purpleGradient" | "greyGradient" | "backgroundBackground" | "backgroundText" | "backgroundBorder" | "backgroundHover" | "transparentBackground" | "transparentText" | "transparentBorder" | "transparentHover" | "disabledBackground" | "disabledText" | "disabledBorder" | "disabledHover" | "bluePrimaryBackground" | "bluePrimaryText" | "bluePrimaryBorder" | "bluePrimaryHover" | "greenPrimaryBackground" | "greenPrimaryText" | "greenPrimaryBorder" | "greenPrimaryHover" | "greyPrimaryBackground" | "greyPrimaryText" | "greyPrimaryBorder" | "greyPrimaryHover" | "indigoPrimaryBackground" | "indigoPrimaryText" | "indigoPrimaryBorder" | "indigoPrimaryHover" | "orangePrimaryBackground" | "orangePrimaryText" | "orangePrimaryBorder" | "orangePrimaryHover" | "pinkPrimaryBackground" | "pinkPrimaryText" | "pinkPrimaryBorder" | "pinkPrimaryHover" | "purplePrimaryBackground" | "purplePrimaryText" | "purplePrimaryBorder" | "purplePrimaryHover" | "redPrimaryBackground" | "redPrimaryText" | "redPrimaryBorder" | "redPrimaryHover" | "yellowPrimaryBackground" | "yellowPrimaryText" | "yellowPrimaryBorder" | "yellowPrimaryHover" | "accentPrimaryBackground" | "accentPrimaryText" | "accentPrimaryBorder" | "accentPrimaryHover" | "blueSecondaryBackground" | "blueSecondaryText" | "blueSecondaryBorder" | "blueSecondaryHover" | "greenSecondaryBackground" | "greenSecondaryText" | "greenSecondaryBorder" | "greenSecondaryHover" | "greySecondaryBackground" | "greySecondaryText" | "greySecondaryBorder" | "greySecondaryHover" | "indigoSecondaryBackground" | "indigoSecondaryText" | "indigoSecondaryBorder" | "indigoSecondaryHover" | "orangeSecondaryBackground" | "orangeSecondaryText" | "orangeSecondaryBorder" | "orangeSecondaryHover" | "pinkSecondaryBackground" | "pinkSecondaryText" | "pinkSecondaryBorder" | "pinkSecondaryHover" | "purpleSecondaryBackground" | "purpleSecondaryText" | "purpleSecondaryBorder" | "purpleSecondaryHover" | "redSecondaryBackground" | "redSecondaryText" | "redSecondaryBorder" | "redSecondaryHover" | "yellowSecondaryBackground" | "yellowSecondaryText" | "yellowSecondaryBorder" | "yellowSecondaryHover" | "accentSecondaryBackground" | "accentSecondaryText" | "accentSecondaryBorder" | "accentSecondaryHover" | { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | - | - |
| borderRightStyle | "inherit" | "none" | "solid" | { base?: "inherit" | "none" | "solid" | undefined; disabled?: "inherit" | "none" | "solid" | undefined; readonly?: "inherit" | "none" | "solid" | undefined; } | - | - |
| borderRightWidth | "0" | "-px" | "px" | "1x" | "2x" | "10x" | { base?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; disabled?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; readonly?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; } | - | - |
| borderStyle | "inherit" | "none" | "solid" | { base?: "inherit" | "none" | "solid" | undefined; disabled?: "inherit" | "none" | "solid" | undefined; readonly?: "inherit" | "none" | "solid" | undefined; } | - | - |
| borderTopColor | "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | "white" | "yellow" | "text" | "currentColor" | "accent" | "blueLight" | "blueActive" | "blueDim" | "bluePrimary" | "blueBright" | "blueSurface" | "greenLight" | "greenActive" | "greenDim" | "greenPrimary" | "greenBright" | "greenSurface" | "greyLight" | "greyActive" | "greyDim" | "greyPrimary" | "greyBright" | "greySurface" | "indigoLight" | "indigoActive" | "indigoDim" | "indigoPrimary" | "indigoBright" | "indigoSurface" | "orangeLight" | "orangeActive" | "orangeDim" | "orangePrimary" | "orangeBright" | "orangeSurface" | "pinkLight" | "pinkActive" | "pinkDim" | "pinkPrimary" | "pinkBright" | "pinkSurface" | "purpleLight" | "purpleActive" | "purpleDim" | "purplePrimary" | "purpleBright" | "purpleSurface" | "redLight" | "redActive" | "redDim" | "redPrimary" | "redBright" | "redSurface" | "yellowLight" | "yellowActive" | "yellowDim" | "yellowPrimary" | "yellowBright" | "yellowSurface" | "accentLight" | "accentActive" | "accentDim" | "accentPrimary" | "accentBright" | "accentSurface" | "textPrimary" | "textSecondary" | "textAccent" | "textDisabled" | "backgroundPrimary" | "backgroundSecondary" | "blueGradient" | "greenGradient" | "redGradient" | "purpleGradient" | "greyGradient" | "backgroundBackground" | "backgroundText" | "backgroundBorder" | "backgroundHover" | "transparentBackground" | "transparentText" | "transparentBorder" | "transparentHover" | "disabledBackground" | "disabledText" | "disabledBorder" | "disabledHover" | "bluePrimaryBackground" | "bluePrimaryText" | "bluePrimaryBorder" | "bluePrimaryHover" | "greenPrimaryBackground" | "greenPrimaryText" | "greenPrimaryBorder" | "greenPrimaryHover" | "greyPrimaryBackground" | "greyPrimaryText" | "greyPrimaryBorder" | "greyPrimaryHover" | "indigoPrimaryBackground" | "indigoPrimaryText" | "indigoPrimaryBorder" | "indigoPrimaryHover" | "orangePrimaryBackground" | "orangePrimaryText" | "orangePrimaryBorder" | "orangePrimaryHover" | "pinkPrimaryBackground" | "pinkPrimaryText" | "pinkPrimaryBorder" | "pinkPrimaryHover" | "purplePrimaryBackground" | "purplePrimaryText" | "purplePrimaryBorder" | "purplePrimaryHover" | "redPrimaryBackground" | "redPrimaryText" | "redPrimaryBorder" | "redPrimaryHover" | "yellowPrimaryBackground" | "yellowPrimaryText" | "yellowPrimaryBorder" | "yellowPrimaryHover" | "accentPrimaryBackground" | "accentPrimaryText" | "accentPrimaryBorder" | "accentPrimaryHover" | "blueSecondaryBackground" | "blueSecondaryText" | "blueSecondaryBorder" | "blueSecondaryHover" | "greenSecondaryBackground" | "greenSecondaryText" | "greenSecondaryBorder" | "greenSecondaryHover" | "greySecondaryBackground" | "greySecondaryText" | "greySecondaryBorder" | "greySecondaryHover" | "indigoSecondaryBackground" | "indigoSecondaryText" | "indigoSecondaryBorder" | "indigoSecondaryHover" | "orangeSecondaryBackground" | "orangeSecondaryText" | "orangeSecondaryBorder" | "orangeSecondaryHover" | "pinkSecondaryBackground" | "pinkSecondaryText" | "pinkSecondaryBorder" | "pinkSecondaryHover" | "purpleSecondaryBackground" | "purpleSecondaryText" | "purpleSecondaryBorder" | "purpleSecondaryHover" | "redSecondaryBackground" | "redSecondaryText" | "redSecondaryBorder" | "redSecondaryHover" | "yellowSecondaryBackground" | "yellowSecondaryText" | "yellowSecondaryBorder" | "yellowSecondaryHover" | "accentSecondaryBackground" | "accentSecondaryText" | "accentSecondaryBorder" | "accentSecondaryHover" | { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | - | - |
| borderTopLeftRadius | "unset" | "none" | "checkbox" | "medium" | "large" | "small" | "0" | "extraLarge" | "extraSmall" | "full" | "almostExtraLarge" | "2xLarge" | "2.5xLarge" | "3xLarge" | "4xLarge" | "input" | "card" | { readonly base?: "unset" | "none" | "checkbox" | "medium" | "large" | "small" | "0" | "extraLarge" | "extraSmall" | "full" | "almostExtraLarge" | "2xLarge" | "2.5xLarge" | "3xLarge" | "4xLarge" | "input" | "card" | undefined; ... 4 more ...; readonly xl?: "unset" | ... 16 more ... | undefined; } | - | - |
| borderTopRightRadius | "unset" | "none" | "checkbox" | "medium" | "large" | "small" | "0" | "extraLarge" | "extraSmall" | "full" | "almostExtraLarge" | "2xLarge" | "2.5xLarge" | "3xLarge" | "4xLarge" | "input" | "card" | { readonly base?: "unset" | "none" | "checkbox" | "medium" | "large" | "small" | "0" | "extraLarge" | "extraSmall" | "full" | "almostExtraLarge" | "2xLarge" | "2.5xLarge" | "3xLarge" | "4xLarge" | "input" | "card" | undefined; ... 4 more ...; readonly xl?: "unset" | ... 16 more ... | undefined; } | - | - |
| borderTopStyle | "inherit" | "none" | "solid" | { base?: "inherit" | "none" | "solid" | undefined; disabled?: "inherit" | "none" | "solid" | undefined; readonly?: "inherit" | "none" | "solid" | undefined; } | - | - |
| borderTopWidth | "0" | "-px" | "px" | "1x" | "2x" | "10x" | { base?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; disabled?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; readonly?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; } | - | - |
| borderWidth | "0" | "-px" | "px" | "1x" | "2x" | "10x" | { base?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; disabled?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; readonly?: "0" | "-px" | "px" | "1x" | "2x" | "10x" | undefined; } | - | - |
| bottom | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| boxSizing | "inherit" | "border-box" | "content-box" | { base?: "inherit" | "border-box" | "content-box" | undefined; disabled?: "inherit" | "border-box" | "content-box" | undefined; readonly?: "inherit" | "border-box" | "content-box" | undefined; } | - | - |
| color | "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | "white" | "yellow" | "text" | "currentColor" | "accent" | "blueLight" | "blueActive" | "blueDim" | "bluePrimary" | "blueBright" | "blueSurface" | "greenLight" | "greenActive" | "greenDim" | "greenPrimary" | "greenBright" | "greenSurface" | "greyLight" | "greyActive" | "greyDim" | "greyPrimary" | "greyBright" | "greySurface" | "indigoLight" | "indigoActive" | "indigoDim" | "indigoPrimary" | "indigoBright" | "indigoSurface" | "orangeLight" | "orangeActive" | "orangeDim" | "orangePrimary" | "orangeBright" | "orangeSurface" | "pinkLight" | "pinkActive" | "pinkDim" | "pinkPrimary" | "pinkBright" | "pinkSurface" | "purpleLight" | "purpleActive" | "purpleDim" | "purplePrimary" | "purpleBright" | "purpleSurface" | "redLight" | "redActive" | "redDim" | "redPrimary" | "redBright" | "redSurface" | "yellowLight" | "yellowActive" | "yellowDim" | "yellowPrimary" | "yellowBright" | "yellowSurface" | "accentLight" | "accentActive" | "accentDim" | "accentPrimary" | "accentBright" | "accentSurface" | "textPrimary" | "textSecondary" | "textAccent" | "textDisabled" | "backgroundPrimary" | "backgroundSecondary" | "blueGradient" | "greenGradient" | "redGradient" | "purpleGradient" | "greyGradient" | "inherit" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "initial" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "unset" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "none" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "background" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "border" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "black" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "blue" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "green" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "grey" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "indigo" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "orange" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "pink" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "purple" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "red" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "transparent" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "white" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "yellow" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "text" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "currentColor" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "accent" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "blueLight" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "blueActive" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "blueDim" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "bluePrimary" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "blueBright" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "blueSurface" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "greenLight" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "greenActive" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "greenDim" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "greenPrimary" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "greenBright" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "greenSurface" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "greyLight" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "greyActive" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "greyDim" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "greyPrimary" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "greyBright" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "greySurface" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "indigoLight" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "indigoActive" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "indigoDim" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "indigoPrimary" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "indigoBright" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "indigoSurface" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "orangeLight" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "orangeActive" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "orangeDim" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "orangePrimary" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "orangeBright" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "orangeSurface" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "pinkLight" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "pinkActive" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "pinkDim" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "pinkPrimary" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "pinkBright" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "pinkSurface" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "purpleLight" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "purpleActive" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "purpleDim" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "purplePrimary" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "purpleBright" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "purpleSurface" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "redLight" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "redActive" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "redDim" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "redPrimary" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "redBright" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "redSurface" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "yellowLight" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "yellowActive" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "yellowDim" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "yellowPrimary" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "yellowBright" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "yellowSurface" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "accentLight" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "accentActive" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "accentDim" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "accentPrimary" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "accentBright" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "accentSurface" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "textPrimary" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "textSecondary" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "textAccent" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "textDisabled" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "backgroundPrimary" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | ... 170 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "backgroundSecondary" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | ... 170 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "blueGradient" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "greenGradient" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "redGradient" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "purpleGradient" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | "greyGradient" & { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | ... 169 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | - | A tokens 'mode' color value |
| cursor | "inherit" | "initial" | "unset" | "default" | "not-allowed" | "pointer" | "text" | { base?: "inherit" | "initial" | "unset" | "default" | "not-allowed" | "pointer" | "text" | undefined; disabled?: "inherit" | "initial" | "unset" | "default" | "not-allowed" | "pointer" | "text" | undefined; readonly?: "inherit" | ... 6 more ... | undefined; } | - | - |
| display | "inherit" | "initial" | "none" | "flex" | "grid" | "block" | "inline" | "table" | "inline-block" | { readonly base?: "inherit" | "initial" | "none" | "flex" | "grid" | "block" | "inline" | "table" | "inline-block" | undefined; readonly xs?: "inherit" | "initial" | "none" | "flex" | "grid" | ... 4 more ... | undefined; readonly sm?: "inherit" | ... 8 more ... | undefined; readonly md?: "inherit" | ... 8 more ... |... | - | - |
| fill | "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | "white" | "yellow" | "text" | "currentColor" | "accent" | "blueLight" | "blueActive" | "blueDim" | "bluePrimary" | "blueBright" | "blueSurface" | "greenLight" | "greenActive" | "greenDim" | "greenPrimary" | "greenBright" | "greenSurface" | "greyLight" | "greyActive" | "greyDim" | "greyPrimary" | "greyBright" | "greySurface" | "indigoLight" | "indigoActive" | "indigoDim" | "indigoPrimary" | "indigoBright" | "indigoSurface" | "orangeLight" | "orangeActive" | "orangeDim" | "orangePrimary" | "orangeBright" | "orangeSurface" | "pinkLight" | "pinkActive" | "pinkDim" | "pinkPrimary" | "pinkBright" | "pinkSurface" | "purpleLight" | "purpleActive" | "purpleDim" | "purplePrimary" | "purpleBright" | "purpleSurface" | "redLight" | "redActive" | "redDim" | "redPrimary" | "redBright" | "redSurface" | "yellowLight" | "yellowActive" | "yellowDim" | "yellowPrimary" | "yellowBright" | "yellowSurface" | "accentLight" | "accentActive" | "accentDim" | "accentPrimary" | "accentBright" | "accentSurface" | "textPrimary" | "textSecondary" | "textAccent" | "textDisabled" | "backgroundPrimary" | "backgroundSecondary" | "blueGradient" | "greenGradient" | "redGradient" | "purpleGradient" | "greyGradient" | "backgroundBackground" | "backgroundText" | "backgroundBorder" | "backgroundHover" | "transparentBackground" | "transparentText" | "transparentBorder" | "transparentHover" | "disabledBackground" | "disabledText" | "disabledBorder" | "disabledHover" | "bluePrimaryBackground" | "bluePrimaryText" | "bluePrimaryBorder" | "bluePrimaryHover" | "greenPrimaryBackground" | "greenPrimaryText" | "greenPrimaryBorder" | "greenPrimaryHover" | "greyPrimaryBackground" | "greyPrimaryText" | "greyPrimaryBorder" | "greyPrimaryHover" | "indigoPrimaryBackground" | "indigoPrimaryText" | "indigoPrimaryBorder" | "indigoPrimaryHover" | "orangePrimaryBackground" | "orangePrimaryText" | "orangePrimaryBorder" | "orangePrimaryHover" | "pinkPrimaryBackground" | "pinkPrimaryText" | "pinkPrimaryBorder" | "pinkPrimaryHover" | "purplePrimaryBackground" | "purplePrimaryText" | "purplePrimaryBorder" | "purplePrimaryHover" | "redPrimaryBackground" | "redPrimaryText" | "redPrimaryBorder" | "redPrimaryHover" | "yellowPrimaryBackground" | "yellowPrimaryText" | "yellowPrimaryBorder" | "yellowPrimaryHover" | "accentPrimaryBackground" | "accentPrimaryText" | "accentPrimaryBorder" | "accentPrimaryHover" | "blueSecondaryBackground" | "blueSecondaryText" | "blueSecondaryBorder" | "blueSecondaryHover" | "greenSecondaryBackground" | "greenSecondaryText" | "greenSecondaryBorder" | "greenSecondaryHover" | "greySecondaryBackground" | "greySecondaryText" | "greySecondaryBorder" | "greySecondaryHover" | "indigoSecondaryBackground" | "indigoSecondaryText" | "indigoSecondaryBorder" | "indigoSecondaryHover" | "orangeSecondaryBackground" | "orangeSecondaryText" | "orangeSecondaryBorder" | "orangeSecondaryHover" | "pinkSecondaryBackground" | "pinkSecondaryText" | "pinkSecondaryBorder" | "pinkSecondaryHover" | "purpleSecondaryBackground" | "purpleSecondaryText" | "purpleSecondaryBorder" | "purpleSecondaryHover" | "redSecondaryBackground" | "redSecondaryText" | "redSecondaryBorder" | "redSecondaryHover" | "yellowSecondaryBackground" | "yellowSecondaryText" | "yellowSecondaryBorder" | "yellowSecondaryHover" | "accentSecondaryBackground" | "accentSecondaryText" | "accentSecondaryBorder" | "accentSecondaryHover" | { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | - | - |
| flex | number | "inherit" | "initial" | "none" | "auto" | "0 0 1px" | { readonly base?: number | "inherit" | "initial" | "none" | "auto" | "0 0 1px" | undefined; readonly xs?: number | "inherit" | "initial" | "none" | "auto" | "0 0 1px" | undefined; readonly sm?: number | ... 5 more ... | undefined; readonly md?: number | ... 5 more ... | undefined; readonly lg?: number | ... 5 more .... | - | - |
| flexBasis | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| flexDirection | "inherit" | "column" | "column-reverse" | "row" | "row-reverse" | { readonly base?: "inherit" | "column" | "column-reverse" | "row" | "row-reverse" | undefined; readonly xs?: "inherit" | "column" | "column-reverse" | "row" | "row-reverse" | undefined; readonly sm?: "inherit" | ... 4 more ... | undefined; readonly md?: "inherit" | ... 4 more ... | undefined; readonly lg?: "inherit"... | - | - |
| flexGrow | number | "inherit" | "initial" | "unset" | { readonly base?: number | "inherit" | "initial" | "unset" | undefined; readonly xs?: number | "inherit" | "initial" | "unset" | undefined; readonly sm?: number | "inherit" | "initial" | "unset" | undefined; readonly md?: number | ... 3 more ... | undefined; readonly lg?: number | ... 3 more ... | undefined; readonl... | - | - |
| flexShrink | number | "inherit" | { readonly base?: number | "inherit" | undefined; readonly xs?: number | "inherit" | undefined; readonly sm?: number | "inherit" | undefined; readonly md?: number | "inherit" | undefined; readonly lg?: number | ... 1 more ... | undefined; readonly xl?: number | ... 1 more ... | undefined; } | - | - |
| flexWrap | "inherit" | "initial" | "nowrap" | "wrap" | "wrap-reverse" | { readonly base?: "inherit" | "initial" | "nowrap" | "wrap" | "wrap-reverse" | undefined; readonly xs?: "inherit" | "initial" | "nowrap" | "wrap" | "wrap-reverse" | undefined; readonly sm?: "inherit" | ... 4 more ... | undefined; readonly md?: "inherit" | ... 4 more ... | undefined; readonly lg?: "inherit" | ... 4 m... | - | - |
| fontFamily | "inherit" | "mono" | "sans" | { base?: "inherit" | "mono" | "sans" | undefined; disabled?: "inherit" | "mono" | "sans" | undefined; readonly?: "inherit" | "mono" | "sans" | undefined; } | - | - |
| fontSize | "large" | "small" | "headingOne" | "headingTwo" | "headingThree" | "headingFour" | "extraLarge" | "body" | "extraSmall" | { base?: "large" | "small" | "headingOne" | "headingTwo" | "headingThree" | "headingFour" | "extraLarge" | "body" | "extraSmall" | undefined; disabled?: "large" | "small" | "headingOne" | ... 6 more ... | undefined; readonly?: "large" | ... 8 more ... | undefined; } | - | - |
| fontStyle | "inherit" | "normal" | "italic" | { base?: "inherit" | "normal" | "italic" | undefined; disabled?: "inherit" | "normal" | "italic" | undefined; readonly?: "inherit" | "normal" | "italic" | undefined; } | - | - |
| fontWeight | "normal" | "light" | "bold" | "extraBold" | { base?: "normal" | "light" | "bold" | "extraBold" | undefined; disabled?: "normal" | "light" | "bold" | "extraBold" | undefined; readonly?: "normal" | "light" | "bold" | "extraBold" | undefined; } | - | - |
| gap | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| height | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| hw | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| justifyContent | "inherit" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | { readonly base?: "inherit" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined; readonly xs?: "inherit" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined; readonly sm?: "inherit" | ... 6 more ... | undefined; readonly md?: "inheri... | - | - |
| justifySelf | "inherit" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | { readonly base?: "inherit" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined; readonly xs?: "inherit" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined; readonly sm?: "inherit" | ... 5 more ... | undefined; readonly md?: "inherit" | ... 5 more ... | undefined; rea... | - | - |
| left | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| lineHeight | "large" | "small" | "headingOne" | "headingTwo" | "headingThree" | "headingFour" | "extraLarge" | "body" | "extraSmall" | { base?: "large" | "small" | "headingOne" | "headingTwo" | "headingThree" | "headingFour" | "extraLarge" | "body" | "extraSmall" | undefined; disabled?: "large" | "small" | "headingOne" | ... 6 more ... | undefined; readonly?: "large" | ... 8 more ... | undefined; } | - | - |
| m | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| margin | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| marginBottom | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| marginLeft | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| marginRight | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| marginTop | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| marginX | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| marginY | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| maxHeight | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| maxWidth | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| mb | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| minHeight | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| minWidth | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| ml | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| mr | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| mt | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| mx | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| my | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| opacity | "inherit" | "initial" | "0" | "1" | "0.5" | "0.7" | "0.9" | "0.95" | { base?: "inherit" | "initial" | "0" | "1" | "0.5" | "0.7" | "0.9" | "0.95" | undefined; sm?: "inherit" | "initial" | "0" | "1" | "0.5" | "0.7" | "0.9" | "0.95" | undefined; hover?: "inherit" | ... 7 more ... | undefined; active?: "inherit" | ... 7 more ... | undefined; readonly?: "inherit" | ... 7 more ... | undefi... | - | - |
| outline | "inherit" | "initial" | "none" | { base?: "inherit" | "initial" | "none" | undefined; disabled?: "inherit" | "initial" | "none" | undefined; readonly?: "inherit" | "initial" | "none" | undefined; } | - | - |
| overflow | "inherit" | "initial" | "auto" | "hidden" | "visible" | "scroll" | { base?: "inherit" | "initial" | "auto" | "hidden" | "visible" | "scroll" | undefined; disabled?: "inherit" | "initial" | "auto" | "hidden" | "visible" | "scroll" | undefined; readonly?: "inherit" | ... 5 more ... | undefined; } | - | - |
| overflowX | "inherit" | "initial" | "auto" | "hidden" | "visible" | "scroll" | { base?: "inherit" | "initial" | "auto" | "hidden" | "visible" | "scroll" | undefined; disabled?: "inherit" | "initial" | "auto" | "hidden" | "visible" | "scroll" | undefined; readonly?: "inherit" | ... 5 more ... | undefined; } | - | - |
| overflowY | "inherit" | "initial" | "auto" | "hidden" | "visible" | "scroll" | { base?: "inherit" | "initial" | "auto" | "hidden" | "visible" | "scroll" | undefined; disabled?: "inherit" | "initial" | "auto" | "hidden" | "visible" | "scroll" | undefined; readonly?: "inherit" | ... 5 more ... | undefined; } | - | - |
| p | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| padding | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| paddingBottom | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| paddingLeft | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| paddingRight | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| paddingTop | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| paddingX | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| paddingY | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| pb | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| pl | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| placeContent | "inherit" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | { readonly base?: "inherit" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined; readonly xs?: "inherit" | "space-around" | ... 6 more ... | undefined; readonly sm?: "inherit" | ... 7 more ... | undefined; readonly md?: "inherit" | ... 7 more ... | undef... | - | - |
| placeItems | "inherit" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | { readonly base?: "inherit" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined; readonly xs?: "inherit" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined; readonly sm?: "inherit" | ... 5 more ... | undefined; readonly md?: "inherit" | ... 5 more ... | undefined; rea... | - | - |
| pointerEvents | "inherit" | "initial" | "none" | "all" | "auto" | { base?: "inherit" | "initial" | "none" | "all" | "auto" | undefined; disabled?: "inherit" | "initial" | "none" | "all" | "auto" | undefined; readonly?: "inherit" | "initial" | "none" | "all" | "auto" | undefined; } | - | - |
| position | "inherit" | "initial" | "fixed" | "absolute" | "relative" | "static" | "sticky" | { base?: "inherit" | "initial" | "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined; disabled?: "inherit" | "initial" | "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined; readonly?: "inherit" | ... 6 more ... | undefined; } | - | - |
| pr | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| pt | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| px | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| py | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| ref | null | string | (instance: HTMLElement | null) => void | RefObject<HTMLElement> | - | Allows getting a ref to the component instance.
Once the component unmounts, React will set `ref.current` to `null`
(or call the ref with `null` if you passed a callback ref).
@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} |
| resize | "inherit" | "initial" | "none" | { base?: "inherit" | "initial" | "none" | undefined; disabled?: "inherit" | "initial" | "none" | undefined; readonly?: "inherit" | "initial" | "none" | undefined; } | - | - |
| right | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| size | "medium" | "large" | "small" | small | - |
| stroke | "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | "white" | "yellow" | "text" | "currentColor" | "accent" | "blueLight" | "blueActive" | "blueDim" | "bluePrimary" | "blueBright" | "blueSurface" | "greenLight" | "greenActive" | "greenDim" | "greenPrimary" | "greenBright" | "greenSurface" | "greyLight" | "greyActive" | "greyDim" | "greyPrimary" | "greyBright" | "greySurface" | "indigoLight" | "indigoActive" | "indigoDim" | "indigoPrimary" | "indigoBright" | "indigoSurface" | "orangeLight" | "orangeActive" | "orangeDim" | "orangePrimary" | "orangeBright" | "orangeSurface" | "pinkLight" | "pinkActive" | "pinkDim" | "pinkPrimary" | "pinkBright" | "pinkSurface" | "purpleLight" | "purpleActive" | "purpleDim" | "purplePrimary" | "purpleBright" | "purpleSurface" | "redLight" | "redActive" | "redDim" | "redPrimary" | "redBright" | "redSurface" | "yellowLight" | "yellowActive" | "yellowDim" | "yellowPrimary" | "yellowBright" | "yellowSurface" | "accentLight" | "accentActive" | "accentDim" | "accentPrimary" | "accentBright" | "accentSurface" | "textPrimary" | "textSecondary" | "textAccent" | "textDisabled" | "backgroundPrimary" | "backgroundSecondary" | "blueGradient" | "greenGradient" | "redGradient" | "purpleGradient" | "greyGradient" | "backgroundBackground" | "backgroundText" | "backgroundBorder" | "backgroundHover" | "transparentBackground" | "transparentText" | "transparentBorder" | "transparentHover" | "disabledBackground" | "disabledText" | "disabledBorder" | "disabledHover" | "bluePrimaryBackground" | "bluePrimaryText" | "bluePrimaryBorder" | "bluePrimaryHover" | "greenPrimaryBackground" | "greenPrimaryText" | "greenPrimaryBorder" | "greenPrimaryHover" | "greyPrimaryBackground" | "greyPrimaryText" | "greyPrimaryBorder" | "greyPrimaryHover" | "indigoPrimaryBackground" | "indigoPrimaryText" | "indigoPrimaryBorder" | "indigoPrimaryHover" | "orangePrimaryBackground" | "orangePrimaryText" | "orangePrimaryBorder" | "orangePrimaryHover" | "pinkPrimaryBackground" | "pinkPrimaryText" | "pinkPrimaryBorder" | "pinkPrimaryHover" | "purplePrimaryBackground" | "purplePrimaryText" | "purplePrimaryBorder" | "purplePrimaryHover" | "redPrimaryBackground" | "redPrimaryText" | "redPrimaryBorder" | "redPrimaryHover" | "yellowPrimaryBackground" | "yellowPrimaryText" | "yellowPrimaryBorder" | "yellowPrimaryHover" | "accentPrimaryBackground" | "accentPrimaryText" | "accentPrimaryBorder" | "accentPrimaryHover" | "blueSecondaryBackground" | "blueSecondaryText" | "blueSecondaryBorder" | "blueSecondaryHover" | "greenSecondaryBackground" | "greenSecondaryText" | "greenSecondaryBorder" | "greenSecondaryHover" | "greySecondaryBackground" | "greySecondaryText" | "greySecondaryBorder" | "greySecondaryHover" | "indigoSecondaryBackground" | "indigoSecondaryText" | "indigoSecondaryBorder" | "indigoSecondaryHover" | "orangeSecondaryBackground" | "orangeSecondaryText" | "orangeSecondaryBorder" | "orangeSecondaryHover" | "pinkSecondaryBackground" | "pinkSecondaryText" | "pinkSecondaryBorder" | "pinkSecondaryHover" | "purpleSecondaryBackground" | "purpleSecondaryText" | "purpleSecondaryBorder" | "purpleSecondaryHover" | "redSecondaryBackground" | "redSecondaryText" | "redSecondaryBorder" | "redSecondaryHover" | "yellowSecondaryBackground" | "yellowSecondaryText" | "yellowSecondaryBorder" | "yellowSecondaryHover" | "accentSecondaryBackground" | "accentSecondaryText" | "accentSecondaryBorder" | "accentSecondaryHover" | { base?: "inherit" | "initial" | "unset" | "none" | "background" | "border" | "black" | "blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "purple" | "red" | "transparent" | ... 168 more ... | undefined; ... 5 more ...; disabled?: "inherit" | ... 183 more ... | undefined; } | - | - |
| strokeWidth | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; disabled?: "initial" | ... 87 more ... | undefined; readonly?: "initial" | ... 87 more ... | undef... | - | - |
| textAlign | "inherit" | "initial" | "left" | "right" | "center" | "justify" | { base?: "inherit" | "initial" | "left" | "right" | "center" | "justify" | undefined; disabled?: "inherit" | "initial" | "left" | "right" | "center" | "justify" | undefined; readonly?: "inherit" | ... 5 more ... | undefined; } | - | - |
| textOverflow | "inherit" | "initial" | "clip" | "ellipsis" | { base?: "inherit" | "initial" | "clip" | "ellipsis" | undefined; disabled?: "inherit" | "initial" | "clip" | "ellipsis" | undefined; readonly?: "inherit" | "initial" | "clip" | "ellipsis" | undefined; } | - | - |
| textTransform | "inherit" | "initial" | "none" | "capitalize" | "lowercase" | "uppercase" | { base?: "inherit" | "initial" | "none" | "capitalize" | "lowercase" | "uppercase" | undefined; disabled?: "inherit" | "initial" | "none" | "capitalize" | "lowercase" | "uppercase" | undefined; readonly?: "inherit" | ... 5 more ... | undefined; } | - | - |
| top | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| touchAction | "inherit" | "unset" | "none" | "auto" | { base?: "inherit" | "unset" | "none" | "auto" | undefined; disabled?: "inherit" | "unset" | "none" | "auto" | undefined; readonly?: "inherit" | "unset" | "none" | "auto" | undefined; } | - | - |
| transitionDuration | 75 | 100 | 150 | 200 | 300 | 500 | 700 | 1000 | { base?: 75 | 100 | 150 | 200 | 300 | 500 | 700 | 1000 | undefined; disabled?: 75 | 100 | 150 | 200 | 300 | 500 | 700 | 1000 | undefined; readonly?: 75 | 100 | 150 | 200 | 300 | 500 | 700 | 1000 | undefined; } | - | - |
| transitionProperty | "inherit" | "initial" | "none" | "color" | "transform" | "all" | "stroke" | "box-shadow" | "background-color" | { base?: "inherit" | "initial" | "none" | "color" | "transform" | "all" | "stroke" | "box-shadow" | "background-color" | undefined; disabled?: "inherit" | "initial" | "none" | "color" | ... 5 more ... | undefined; readonly?: "inherit" | ... 8 more ... | undefined; } | - | - |
| transitionTimingFunction | "ease-in-out" | "linear" | "in" | "out" | "inOut" | "popIn" | { base?: "ease-in-out" | "linear" | "in" | "out" | "inOut" | "popIn" | undefined; disabled?: "ease-in-out" | "linear" | "in" | "out" | "inOut" | "popIn" | undefined; readonly?: "ease-in-out" | ... 5 more ... | undefined; } | - | - |
| typeSize | "large" | "small" | "headingOne" | "headingTwo" | "headingThree" | "headingFour" | "extraLarge" | "body" | "extraSmall" | { base?: "large" | "small" | "headingOne" | "headingTwo" | "headingThree" | "headingFour" | "extraLarge" | "body" | "extraSmall" | undefined; disabled?: "large" | "small" | "headingOne" | ... 6 more ... | undefined; readonly?: "large" | ... 8 more ... | undefined; } | - | - |
| visibility | "inherit" | "initial" | "hidden" | "visible" | { base?: "inherit" | "initial" | "hidden" | "visible" | undefined; disabled?: "inherit" | "initial" | "hidden" | "visible" | undefined; readonly?: "inherit" | "initial" | "hidden" | "visible" | undefined; } | - | - |
| wh | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| whiteSpace | "inherit" | "initial" | "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap" | { base?: "inherit" | "initial" | "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap" | undefined; disabled?: "inherit" | "initial" | "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap" | undefined; readonly?: "inherit" | ... 6 more ... | undefined; } | - | - |
| width | "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "25" | "26" | "28" | "30" | "32" | "36" | "40" | "44" | "45" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "112" | "128" | "144" | "168" | "192" | "224" | "256" | "288" | "320" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4" | "full" | "fit" | "max" | "min" | "viewHeight" | "viewWidth" | "dialogMobileWidth" | "dialogDesktopWidth" | "-0.5" | "-1.5" | "-4" | "-4.5" | "-6" | "-full" | { readonly base?: "initial" | "unset" | "none" | "auto" | "center" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "0.5" | "60vh" | "80vw" | "-px" | "0.25" | "px" | "0.75" | "1.25" | "1.5" | ... 65 more ... | undefined; ... 4 more ...; readonly xl?: "initial" | ... 87 more ... | undefined; } | - | - |
| wordBreak | "inherit" | "normal" | "break-all" | { base?: "inherit" | "normal" | "break-all" | undefined; disabled?: "inherit" | "normal" | "break-all" | undefined; readonly?: "inherit" | "normal" | "break-all" | undefined; } | - | - |
| zIndex | number | { base?: number | undefined; disabled?: number | undefined; readonly?: number | undefined; } | - | - |
