Skip to content

ScrollBox

Element with scrollable content
name
type
default
description
alignItems
null | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | OnlyString | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", AlignItems | null | undefined>>
-
-
alignSelf
null | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "auto" | "baseline" | "normal" | "stretch" | OnlyString | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", AlignSelf | null | undefined>>
-
-
alwaysShowDividers
false | true | { top?: boolean | undefined; bottom?: boolean | undefined; }
false
If true, the dividers will always be shown
animation
null | "normal" | OnlyString | "none" | "linear" | "both" | OnlyNumber | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Animation | null | undefined>>
-
-
animationDelay
null | OnlyString | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyString | null | undefined>>
-
-
animationDirection
null | "normal" | OnlyString | "alternate" | "alternate-reverse" | "reverse" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", AnimationDirection | null | undefined>>
-
-
animationDuration
null | OnlyString | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyString | null | undefined>>
-
-
animationIterationCount
null | string & OnlyObject | number & OnlyObject | "infinite" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", AnimationIterationCount | null | undefined>>
-
-
animationName
null | OnlyString | "none" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", AnimationName | null | undefined>>
-
-
animationTimingFunction
null | OnlyString | "linear" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", AnimationTimingFunction | null | undefined>>
-
-
appearance
null | "auto" | "none" | "checkbox" | "button" | "listbox" | "menulist" | "meter" | "progress-bar" | "push-button" | "radio" | "searchfield" | "slider-horizontal" | "square-button" | "textarea" | "menulist-button" | "textfield" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Appearance | null | undefined>>
-
-
as
ElementType<any, keyof IntrinsicElements> | ReactElement<any, string | JSXElementConstructor<any>>
-
-
backdropFilter
null | OnlyString | "none" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", BackdropFilter | null | undefined>>
-
-
bg
null | OnlyString | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | "$orange" | "$indigo" | "$pink" | "$purple" | "$grey" | "$accentActive" | "$accentLight" | "$accentDim" | "$accentPrimary" | "$accentBright" | "$accentSurface" | "$blueActive" | "$blueLight" | "$blueDim" | "$bluePrimary" | "$blueBright" | "$blueSurface" | "$greenActive" | "$greenLight" | "$greenDim" | "$greenPrimary" | "$greenBright" | "$greenSurface" | "$yellowActive" | "$yellowLight" | "$yellowDim" | "$yellowPrimary" | "$yellowBright" | "$yellowSurface" | "$redActive" | "$redLight" | "$redDim" | "$redPrimary" | "$redBright" | "$redSurface" | "$orangeActive" | "$orangeLight" | "$orangeDim" | "$orangePrimary" | "$orangeBright" | "$orangeSurface" | "$indigoActive" | "$indigoLight" | "$indigoDim" | "$indigoPrimary" | "$indigoBright" | "$indigoSurface" | "$pinkActive" | "$pinkLight" | "$pinkDim" | "$pinkPrimary" | "$pinkBright" | "$pinkSurface" | "$purpleActive" | "$purpleLight" | "$purpleDim" | "$purplePrimary" | "$purpleBright" | "$purpleSurface" | "$greyActive" | "$greyLight" | "$greyDim" | "$greyPrimary" | "$greyBright" | "$greySurface" | "$background" | "$border" | "$black" | "$white" | "$text" | "$textPrimary" | "$textSecondary" | "$textAccent" | "$textDisabled" | "$backgroundPrimary" | "$backgroundSecondary" | "$blueGradient" | "$greenGradient" | "$redGradient" | "$purpleGradient" | "$greyGradient" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Color | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | ... 82 more ... | undefined>>
-
-
border
null | number | "inset" | OnlyString | "none" | "solid" | "medium" | "hidden" | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "thick" | "thin" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Border | null | undefined>>
-
-
borderBottom
null | number | "inset" | OnlyString | "none" | "solid" | "medium" | "hidden" | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "thick" | "thin" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", BorderBottom | null | undefined>>
-
-
borderBottomColor
null | OnlyString | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | "$orange" | "$indigo" | "$pink" | "$purple" | "$grey" | "$accentActive" | "$accentLight" | "$accentDim" | "$accentPrimary" | "$accentBright" | "$accentSurface" | "$blueActive" | "$blueLight" | "$blueDim" | "$bluePrimary" | "$blueBright" | "$blueSurface" | "$greenActive" | "$greenLight" | "$greenDim" | "$greenPrimary" | "$greenBright" | "$greenSurface" | "$yellowActive" | "$yellowLight" | "$yellowDim" | "$yellowPrimary" | "$yellowBright" | "$yellowSurface" | "$redActive" | "$redLight" | "$redDim" | "$redPrimary" | "$redBright" | "$redSurface" | "$orangeActive" | "$orangeLight" | "$orangeDim" | "$orangePrimary" | "$orangeBright" | "$orangeSurface" | "$indigoActive" | "$indigoLight" | "$indigoDim" | "$indigoPrimary" | "$indigoBright" | "$indigoSurface" | "$pinkActive" | "$pinkLight" | "$pinkDim" | "$pinkPrimary" | "$pinkBright" | "$pinkSurface" | "$purpleActive" | "$purpleLight" | "$purpleDim" | "$purplePrimary" | "$purpleBright" | "$purpleSurface" | "$greyActive" | "$greyLight" | "$greyDim" | "$greyPrimary" | "$greyBright" | "$greySurface" | "$background" | "$border" | "$black" | "$white" | "$text" | "$textPrimary" | "$textSecondary" | "$textAccent" | "$textDisabled" | "$backgroundPrimary" | "$backgroundSecondary" | "$blueGradient" | "$greenGradient" | "$redGradient" | "$purpleGradient" | "$greyGradient" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Color | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | ... 82 more ... | undefined>>
-
-
borderBottomLeftRadius
null | string & OnlyObject | number & OnlyObject | "$none" | "$full" | "$extraLarge" | "$large" | "$small" | "$extraSmall" | "$medium" | "$almostExtraLarge" | "$2xLarge" | "$2.5xLarge" | "$3xLarge" | "$4xLarge" | "$input" | "$card" | "$checkbox" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$none" | "$full" | "$extraLarge" | ... 13 more ... | undefined>>
-
-
borderBottomRightRadius
null | string & OnlyObject | number & OnlyObject | "$none" | "$full" | "$extraLarge" | "$large" | "$small" | "$extraSmall" | "$medium" | "$almostExtraLarge" | "$2xLarge" | "$2.5xLarge" | "$3xLarge" | "$4xLarge" | "$input" | "$card" | "$checkbox" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$none" | "$full" | "$extraLarge" | ... 13 more ... | undefined>>
-
-
borderColor
null | OnlyString | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | "$orange" | "$indigo" | "$pink" | "$purple" | "$grey" | "$accentActive" | "$accentLight" | "$accentDim" | "$accentPrimary" | "$accentBright" | "$accentSurface" | "$blueActive" | "$blueLight" | "$blueDim" | "$bluePrimary" | "$blueBright" | "$blueSurface" | "$greenActive" | "$greenLight" | "$greenDim" | "$greenPrimary" | "$greenBright" | "$greenSurface" | "$yellowActive" | "$yellowLight" | "$yellowDim" | "$yellowPrimary" | "$yellowBright" | "$yellowSurface" | "$redActive" | "$redLight" | "$redDim" | "$redPrimary" | "$redBright" | "$redSurface" | "$orangeActive" | "$orangeLight" | "$orangeDim" | "$orangePrimary" | "$orangeBright" | "$orangeSurface" | "$indigoActive" | "$indigoLight" | "$indigoDim" | "$indigoPrimary" | "$indigoBright" | "$indigoSurface" | "$pinkActive" | "$pinkLight" | "$pinkDim" | "$pinkPrimary" | "$pinkBright" | "$pinkSurface" | "$purpleActive" | "$purpleLight" | "$purpleDim" | "$purplePrimary" | "$purpleBright" | "$purpleSurface" | "$greyActive" | "$greyLight" | "$greyDim" | "$greyPrimary" | "$greyBright" | "$greySurface" | "$background" | "$border" | "$black" | "$white" | "$text" | "$textPrimary" | "$textSecondary" | "$textAccent" | "$textDisabled" | "$backgroundPrimary" | "$backgroundSecondary" | "$blueGradient" | "$greenGradient" | "$redGradient" | "$purpleGradient" | "$greyGradient" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", BorderColor | "$accent" | "$blue" | "$green" | "$yellow" | ... 83 more ... | undefined>>
-
-
borderLeft
null | number | "inset" | OnlyString | "none" | "solid" | "medium" | "hidden" | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "thick" | "thin" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", BorderLeft | null | undefined>>
-
-
borderLeftColor
null | OnlyString | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | "$orange" | "$indigo" | "$pink" | "$purple" | "$grey" | "$accentActive" | "$accentLight" | "$accentDim" | "$accentPrimary" | "$accentBright" | "$accentSurface" | "$blueActive" | "$blueLight" | "$blueDim" | "$bluePrimary" | "$blueBright" | "$blueSurface" | "$greenActive" | "$greenLight" | "$greenDim" | "$greenPrimary" | "$greenBright" | "$greenSurface" | "$yellowActive" | "$yellowLight" | "$yellowDim" | "$yellowPrimary" | "$yellowBright" | "$yellowSurface" | "$redActive" | "$redLight" | "$redDim" | "$redPrimary" | "$redBright" | "$redSurface" | "$orangeActive" | "$orangeLight" | "$orangeDim" | "$orangePrimary" | "$orangeBright" | "$orangeSurface" | "$indigoActive" | "$indigoLight" | "$indigoDim" | "$indigoPrimary" | "$indigoBright" | "$indigoSurface" | "$pinkActive" | "$pinkLight" | "$pinkDim" | "$pinkPrimary" | "$pinkBright" | "$pinkSurface" | "$purpleActive" | "$purpleLight" | "$purpleDim" | "$purplePrimary" | "$purpleBright" | "$purpleSurface" | "$greyActive" | "$greyLight" | "$greyDim" | "$greyPrimary" | "$greyBright" | "$greySurface" | "$background" | "$border" | "$black" | "$white" | "$text" | "$textPrimary" | "$textSecondary" | "$textAccent" | "$textDisabled" | "$backgroundPrimary" | "$backgroundSecondary" | "$blueGradient" | "$greenGradient" | "$redGradient" | "$purpleGradient" | "$greyGradient" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Color | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | ... 82 more ... | undefined>>
-
-
borderRadius
null | string & OnlyObject | number & OnlyObject | "$none" | "$full" | "$extraLarge" | "$large" | "$small" | "$extraSmall" | "$medium" | "$almostExtraLarge" | "$2xLarge" | "$2.5xLarge" | "$3xLarge" | "$4xLarge" | "$input" | "$card" | "$checkbox" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$none" | "$full" | "$extraLarge" | ... 13 more ... | undefined>>
-
-
borderRight
null | number | "inset" | OnlyString | "none" | "solid" | "medium" | "hidden" | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "thick" | "thin" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", BorderRight | null | undefined>>
-
-
borderRightColor
null | OnlyString | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | "$orange" | "$indigo" | "$pink" | "$purple" | "$grey" | "$accentActive" | "$accentLight" | "$accentDim" | "$accentPrimary" | "$accentBright" | "$accentSurface" | "$blueActive" | "$blueLight" | "$blueDim" | "$bluePrimary" | "$blueBright" | "$blueSurface" | "$greenActive" | "$greenLight" | "$greenDim" | "$greenPrimary" | "$greenBright" | "$greenSurface" | "$yellowActive" | "$yellowLight" | "$yellowDim" | "$yellowPrimary" | "$yellowBright" | "$yellowSurface" | "$redActive" | "$redLight" | "$redDim" | "$redPrimary" | "$redBright" | "$redSurface" | "$orangeActive" | "$orangeLight" | "$orangeDim" | "$orangePrimary" | "$orangeBright" | "$orangeSurface" | "$indigoActive" | "$indigoLight" | "$indigoDim" | "$indigoPrimary" | "$indigoBright" | "$indigoSurface" | "$pinkActive" | "$pinkLight" | "$pinkDim" | "$pinkPrimary" | "$pinkBright" | "$pinkSurface" | "$purpleActive" | "$purpleLight" | "$purpleDim" | "$purplePrimary" | "$purpleBright" | "$purpleSurface" | "$greyActive" | "$greyLight" | "$greyDim" | "$greyPrimary" | "$greyBright" | "$greySurface" | "$background" | "$border" | "$black" | "$white" | "$text" | "$textPrimary" | "$textSecondary" | "$textAccent" | "$textDisabled" | "$backgroundPrimary" | "$backgroundSecondary" | "$blueGradient" | "$greenGradient" | "$redGradient" | "$purpleGradient" | "$greyGradient" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Color | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | ... 82 more ... | undefined>>
-
-
borderSpacing
null | string & OnlyObject | number & OnlyObject | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | null | undefined>>
-
-
borderStyle
null | "inset" | OnlyString | "none" | "solid" | "hidden" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", BorderStyle | null | undefined>>
-
-
borderTop
null | number | "inset" | OnlyString | "none" | "solid" | "medium" | "hidden" | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "thick" | "thin" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", BorderTop | null | undefined>>
-
-
borderTopColor
null | OnlyString | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | "$orange" | "$indigo" | "$pink" | "$purple" | "$grey" | "$accentActive" | "$accentLight" | "$accentDim" | "$accentPrimary" | "$accentBright" | "$accentSurface" | "$blueActive" | "$blueLight" | "$blueDim" | "$bluePrimary" | "$blueBright" | "$blueSurface" | "$greenActive" | "$greenLight" | "$greenDim" | "$greenPrimary" | "$greenBright" | "$greenSurface" | "$yellowActive" | "$yellowLight" | "$yellowDim" | "$yellowPrimary" | "$yellowBright" | "$yellowSurface" | "$redActive" | "$redLight" | "$redDim" | "$redPrimary" | "$redBright" | "$redSurface" | "$orangeActive" | "$orangeLight" | "$orangeDim" | "$orangePrimary" | "$orangeBright" | "$orangeSurface" | "$indigoActive" | "$indigoLight" | "$indigoDim" | "$indigoPrimary" | "$indigoBright" | "$indigoSurface" | "$pinkActive" | "$pinkLight" | "$pinkDim" | "$pinkPrimary" | "$pinkBright" | "$pinkSurface" | "$purpleActive" | "$purpleLight" | "$purpleDim" | "$purplePrimary" | "$purpleBright" | "$purpleSurface" | "$greyActive" | "$greyLight" | "$greyDim" | "$greyPrimary" | "$greyBright" | "$greySurface" | "$background" | "$border" | "$black" | "$white" | "$text" | "$textPrimary" | "$textSecondary" | "$textAccent" | "$textDisabled" | "$backgroundPrimary" | "$backgroundSecondary" | "$blueGradient" | "$greenGradient" | "$redGradient" | "$purpleGradient" | "$greyGradient" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Color | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | ... 82 more ... | undefined>>
-
-
borderTopLeftRadius
null | string & OnlyObject | number & OnlyObject | "$none" | "$full" | "$extraLarge" | "$large" | "$small" | "$extraSmall" | "$medium" | "$almostExtraLarge" | "$2xLarge" | "$2.5xLarge" | "$3xLarge" | "$4xLarge" | "$input" | "$card" | "$checkbox" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$none" | "$full" | "$extraLarge" | ... 13 more ... | undefined>>
-
-
borderTopRightRadius
null | string & OnlyObject | number & OnlyObject | "$none" | "$full" | "$extraLarge" | "$large" | "$small" | "$extraSmall" | "$medium" | "$almostExtraLarge" | "$2xLarge" | "$2.5xLarge" | "$3xLarge" | "$4xLarge" | "$input" | "$card" | "$checkbox" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$none" | "$full" | "$extraLarge" | ... 13 more ... | undefined>>
-
-
borderWidth
null | number | OnlyString | "medium" | "thick" | "thin" | "$0" | "$1x" | "$2x" | "$10x" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", BorderWidth | "$0" | "$1x" | "$2x" | "$10x" | null | undefined>>
-
-
bottomTriggerPx
number
16
The number of pixels above the bottom of the content where events such as showing/hiding dividers and onReachedTop will be executed
boxShadow
null | OnlyString | "none" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", BoxShadow | null | undefined>>
-
-
boxSizing
null | "border-box" | "content-box" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", BoxSizing | null | undefined>>
-
-
cursor
null | "auto" | OnlyString | "none" | "text" | "alias" | "all-scroll" | "cell" | "col-resize" | "context-menu" | "copy" | "crosshair" | "default" | "e-resize" | "ew-resize" | "grab" | "grabbing" | "help" | "move" | "n-resize" | "ne-resize" | "nesw-resize" | "no-drop" | "not-allowed" | "ns-resize" | "nw-resize" | "nwse-resize" | "pointer" | "progress" | "row-resize" | "s-resize" | "se-resize" | "sw-resize" | "vertical-text" | "w-resize" | "wait" | "zoom-in" | "zoom-out" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Cursor | null | undefined>>
-
-
display
null | "flex" | "grid" | OnlyString | "block" | "inline" | "run-in" | "flow" | "flow-root" | "ruby" | "table" | "ruby-base" | "ruby-base-container" | "ruby-text" | "ruby-text-container" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "inline-block" | "inline-flex" | "inline-grid" | "inline-list-item" | "inline-table" | "contents" | "list-item" | "none" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Display | null | undefined>>
-
-
fill
null | OnlyString | "none" | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "child" | "context-fill" | "context-stroke" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Paint | null | undefined>>
-
-
filter
null | OnlyString | "none" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Filter | null | undefined>>
-
-
flex
null | "content" | "auto" | "stretch" | "none" | "fit-content" | "max-content" | "min-content" | string & OnlyObject | number & OnlyObject | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Flex | null | undefined>>
-
-
flexBasis
null | number | "content" | "auto" | "stretch" | OnlyString | "fit-content" | "max-content" | "min-content" | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", FlexBasis | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
flexDirection
null | "column" | "column-reverse" | "row" | "row-reverse" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", FlexDirection | null | undefined>>
-
-
flexGrow
null | string & OnlyObject | number & OnlyObject | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | null | undefined>>
-
-
flexShrink
null | string & OnlyObject | number & OnlyObject | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | null | undefined>>
-
-
flexWrap
null | "nowrap" | "wrap" | "wrap-reverse" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", FlexWrap | null | undefined>>
-
-
fontFamily
null | OnlyString | "cursive" | "emoji" | "fangsong" | "fantasy" | "math" | "monospace" | "sans-serif" | "serif" | "system-ui" | "ui-monospace" | "ui-rounded" | "ui-sans-serif" | "ui-serif" | "$mono" | "$sans" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", FontFamily | "$mono" | "$sans" | null | undefined>>
-
-
fontFeatureSettings
null | "normal" | OnlyString | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", FontFeatureSettings | null | undefined>>
-
-
fontSize
null | string & OnlyObject | number & OnlyObject | "large" | "small" | "medium" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller" | "$headingOne" | "$headingTwo" | "$headingThree" | "$headingFour" | "$extraLarge" | "$large" | "$body" | "$small" | "$extraSmall" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", FontSize | "$headingOne" | "$headingTwo" | "$headingThree" | ... 7 more ... | undefined>>
-
-
fontStyle
null | "normal" | OnlyString | "italic" | "oblique" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", FontStyle | null | undefined>>
-
-
fontWeight
null | "normal" | string & OnlyObject | number & OnlyObject | "bold" | "bolder" | "lighter" | "$normal" | "$light" | "$bold" | "$extraBold" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", FontWeight | "$normal" | "$light" | "$bold" | "$extraBold" | null | undefined>>
-
-
gap
null | "normal" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Gap | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | ... 72 more ... | undefined>>
-
-
gridTemplateColumns
null | "auto" | OnlyString | "none" | "max-content" | "min-content" | string & OnlyObject | number & OnlyObject | "subgrid" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", GridTemplateColumns | null | undefined>>
-
-
height
null | number | "auto" | "stretch" | OnlyString | "fit-content" | "max-content" | "min-content" | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Height | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | ... 73 more ... | undefined>>
-
-
hideDividers
false | true | { top?: boolean | undefined; bottom?: boolean | undefined; }
false
If true, the dividers will be hidden
horizontalPadding
"auto" | "none" | "0" | "0.5" | "0.25" | "1" | "2" | "px" | "0.75" | "1.25" | "1.5" | "1.75" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "6.5" | "7" | "7.5" | "8" | "8.5" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "18" | "20" | "22.5" | "24" | "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" | "-1.5" | "-4" | "-6"
-
The amount of horizontal padding to apply to the scrollbox. This will decrease the content area as well as the width of the overflow indicator dividers
hw
null | number | "auto" | "stretch" | OnlyString | "fit-content" | "max-content" | "min-content" | "intrinsic" | "min-intrinsic" | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Height | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | ... 73 more ... | undefined>> | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Width | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | ... 72 more ... | undefined>>
-
-
justifyContent
null | "left" | "right" | "center" | "end" | "flex-end" | "flex-start" | "start" | "normal" | "stretch" | OnlyString | "space-around" | "space-between" | "space-evenly" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", JustifyContent | null | undefined>>
-
-
lineHeight
null | "normal" | string & OnlyObject | number & OnlyObject | "$headingOne" | "$headingTwo" | "$headingThree" | "$headingFour" | "$extraLarge" | "$large" | "$body" | "$small" | "$extraSmall" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", LineHeight | "$headingOne" | "$headingTwo" | "$headingThree" | ... 7 more ... | undefined>>
-
-
m
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Margin | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | ... 73 more ... | undefined>>
-
-
marginX
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginLeft | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>> | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginRight | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
marginY
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginBottom | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>> | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginTop | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
maskImage
null | OnlyString | "none" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MaskImage | null | undefined>>
-
-
maskPosition
null | "bottom" | "left" | "right" | "top" | "center" | OnlyString | string & OnlyObject | number & OnlyObject | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MaskPosition | null | undefined>>
-
-
maskRepeat
null | OnlyString | "space" | "no-repeat" | "repeat" | "repeat-x" | "repeat-y" | "round" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MaskRepeat | null | undefined>>
-
-
mb
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginBottom | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
ml
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginLeft | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
mr
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginRight | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
mt
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginTop | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
mx
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginLeft | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>> | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginRight | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
my
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginBottom | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>> | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginTop | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
objectFit
null | "contain" | "fill" | "none" | "cover" | "scale-down" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", ObjectFit | null | undefined>>
-
-
opacity
null | string & OnlyObject | number & OnlyObject | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | null | undefined>>
-
-
overflow
null | "clip" | "auto" | "hidden" | "scroll" | "visible" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OverflowX | null | undefined>> | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OverflowY | null | undefined>>
-
-
p
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
paddingBottom
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
paddingLeft
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
paddingRight
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
paddingX
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
paddingY
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
pb
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
pl
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
placeContent
null | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "stretch" | OnlyString | "space-around" | "space-between" | "space-evenly" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", PlaceContent | null | undefined>>
-
-
placeItems
null | "left" | "right" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | OnlyString | "space-around" | "space-between" | "space-evenly" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", AlignItems | null | undefined>> | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", JustifyContent | null | undefined>>
-
-
pointerEvents
null | "all" | "fill" | "stroke" | "auto" | "none" | "visible" | "inherit" | "painted" | "visibleFill" | "visiblePainted" | "visibleStroke" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", PointerEvents | null | undefined>>
-
-
pr
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
pt
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
px
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
py
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
textOverflow
null | "clip" | OnlyString | "ellipsis" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", TextOverflow | null | undefined>>
-
-
topTriggerPx
number
16
The number of pixels below the top of the content where events such as showing/hiding dividers and onReachedTop will be executed
onReachedTop
() => void
-
A callback function that is fired when the content reaches topTriggerPx
onReachedBottom
() => void
-
A callback function that is fired when the content reaches bottomTriggerPx
background
null | "bottom" | "left" | "right" | "top" | "center" | OnlyString | "none" | string & OnlyObject | number & OnlyObject | "space" | "fixed" | "scroll" | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "no-repeat" | "repeat" | "repeat-x" | "repeat-y" | "round" | "local" | "border-box" | "content-box" | "padding-box" | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | "$orange" | "$indigo" | "$pink" | "$purple" | "$grey" | "$accentActive" | "$accentLight" | "$accentDim" | "$accentPrimary" | "$accentBright" | "$accentSurface" | "$blueActive" | "$blueLight" | "$blueDim" | "$bluePrimary" | "$blueBright" | "$blueSurface" | "$greenActive" | "$greenLight" | "$greenDim" | "$greenPrimary" | "$greenBright" | "$greenSurface" | "$yellowActive" | "$yellowLight" | "$yellowDim" | "$yellowPrimary" | "$yellowBright" | "$yellowSurface" | "$redActive" | "$redLight" | "$redDim" | "$redPrimary" | "$redBright" | "$redSurface" | "$orangeActive" | "$orangeLight" | "$orangeDim" | "$orangePrimary" | "$orangeBright" | "$orangeSurface" | "$indigoActive" | "$indigoLight" | "$indigoDim" | "$indigoPrimary" | "$indigoBright" | "$indigoSurface" | "$pinkActive" | "$pinkLight" | "$pinkDim" | "$pinkPrimary" | "$pinkBright" | "$pinkSurface" | "$purpleActive" | "$purpleLight" | "$purpleDim" | "$purplePrimary" | "$purpleBright" | "$purpleSurface" | "$greyActive" | "$greyLight" | "$greyDim" | "$greyPrimary" | "$greyBright" | "$greySurface" | "$background" | "$border" | "$black" | "$white" | "$text" | "$textPrimary" | "$textSecondary" | "$textAccent" | "$textDisabled" | "$backgroundPrimary" | "$backgroundSecondary" | "$blueGradient" | "$greenGradient" | "$redGradient" | "$purpleGradient" | "$greyGradient" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Background | "$accent" | "$blue" | "$green" | "$yellow" | ... 83 more ... | undefined>>
-
-
backgroundColor
null | OnlyString | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | "$orange" | "$indigo" | "$pink" | "$purple" | "$grey" | "$accentActive" | "$accentLight" | "$accentDim" | "$accentPrimary" | "$accentBright" | "$accentSurface" | "$blueActive" | "$blueLight" | "$blueDim" | "$bluePrimary" | "$blueBright" | "$blueSurface" | "$greenActive" | "$greenLight" | "$greenDim" | "$greenPrimary" | "$greenBright" | "$greenSurface" | "$yellowActive" | "$yellowLight" | "$yellowDim" | "$yellowPrimary" | "$yellowBright" | "$yellowSurface" | "$redActive" | "$redLight" | "$redDim" | "$redPrimary" | "$redBright" | "$redSurface" | "$orangeActive" | "$orangeLight" | "$orangeDim" | "$orangePrimary" | "$orangeBright" | "$orangeSurface" | "$indigoActive" | "$indigoLight" | "$indigoDim" | "$indigoPrimary" | "$indigoBright" | "$indigoSurface" | "$pinkActive" | "$pinkLight" | "$pinkDim" | "$pinkPrimary" | "$pinkBright" | "$pinkSurface" | "$purpleActive" | "$purpleLight" | "$purpleDim" | "$purplePrimary" | "$purpleBright" | "$purpleSurface" | "$greyActive" | "$greyLight" | "$greyDim" | "$greyPrimary" | "$greyBright" | "$greySurface" | "$background" | "$border" | "$black" | "$white" | "$text" | "$textPrimary" | "$textSecondary" | "$textAccent" | "$textDisabled" | "$backgroundPrimary" | "$backgroundSecondary" | "$blueGradient" | "$greenGradient" | "$redGradient" | "$purpleGradient" | "$greyGradient" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Color | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | ... 82 more ... | undefined>>
-
-
backgroundImage
null | OnlyString | "none" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", BackgroundImage | null | undefined>>
-
-
bottom
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Bottom | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | ... 73 more ... | undefined>>
-
-
color
null | OnlyString | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | "$orange" | "$indigo" | "$pink" | "$purple" | "$grey" | "$accentActive" | "$accentLight" | "$accentDim" | "$accentPrimary" | "$accentBright" | "$accentSurface" | "$blueActive" | "$blueLight" | "$blueDim" | "$bluePrimary" | "$blueBright" | "$blueSurface" | "$greenActive" | "$greenLight" | "$greenDim" | "$greenPrimary" | "$greenBright" | "$greenSurface" | "$yellowActive" | "$yellowLight" | "$yellowDim" | "$yellowPrimary" | "$yellowBright" | "$yellowSurface" | "$redActive" | "$redLight" | "$redDim" | "$redPrimary" | "$redBright" | "$redSurface" | "$orangeActive" | "$orangeLight" | "$orangeDim" | "$orangePrimary" | "$orangeBright" | "$orangeSurface" | "$indigoActive" | "$indigoLight" | "$indigoDim" | "$indigoPrimary" | "$indigoBright" | "$indigoSurface" | "$pinkActive" | "$pinkLight" | "$pinkDim" | "$pinkPrimary" | "$pinkBright" | "$pinkSurface" | "$purpleActive" | "$purpleLight" | "$purpleDim" | "$purplePrimary" | "$purpleBright" | "$purpleSurface" | "$greyActive" | "$greyLight" | "$greyDim" | "$greyPrimary" | "$greyBright" | "$greySurface" | "$background" | "$border" | "$black" | "$white" | "$text" | "$textPrimary" | "$textSecondary" | "$textAccent" | "$textDisabled" | "$backgroundPrimary" | "$backgroundSecondary" | "$blueGradient" | "$greenGradient" | "$redGradient" | "$purpleGradient" | "$greyGradient" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Color | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | ... 82 more ... | undefined>>
-
-
justifySelf
null | "left" | "right" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "auto" | "baseline" | "normal" | "stretch" | OnlyString | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", JustifySelf | null | undefined>>
-
-
left
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Left | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | ... 72 more ... | undefined>>
-
-
margin
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Margin | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | ... 73 more ... | undefined>>
-
-
marginBottom
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginBottom | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
marginLeft
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginLeft | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
marginRight
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginRight | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
marginTop
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MarginTop | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
maxHeight
null | number | "stretch" | OnlyString | "none" | "fit-content" | "max-content" | "min-content" | "intrinsic" | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MaxHeight | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
maxWidth
null | number | "stretch" | OnlyString | "none" | "fit-content" | "max-content" | "min-content" | "intrinsic" | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MaxWidth | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | ... 73 more ... | undefined>>
-
-
minHeight
null | number | "auto" | "stretch" | OnlyString | "fit-content" | "max-content" | "min-content" | "intrinsic" | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MinHeight | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | ... 74 more ... | undefined>>
-
-
minWidth
null | number | "auto" | "stretch" | OnlyString | "fit-content" | "max-content" | "min-content" | "intrinsic" | "min-intrinsic" | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", MinWidth | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | ... 73 more ... | undefined>>
-
-
order
null | OnlyNumber | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyNumber | null | undefined>>
-
-
outline
null | number | "inset" | "auto" | OnlyString | "none" | "solid" | "medium" | "hidden" | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "thick" | "thin" | "invert" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Outline | null | undefined>>
-
-
overflowWrap
null | "normal" | "anywhere" | "break-word" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OverflowWrap | null | undefined>>
-
-
overflowX
null | "clip" | "auto" | "hidden" | "scroll" | "visible" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OverflowX | null | undefined>>
-
-
overflowY
null | "clip" | "auto" | "hidden" | "scroll" | "visible" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OverflowY | null | undefined>>
-
-
padding
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
paddingTop
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
position
null | "absolute" | "fixed" | "relative" | "static" | "sticky" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Position | null | undefined>>
-
-
resize
null | "block" | "inline" | "none" | "both" | "horizontal" | "vertical" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Resize | null | undefined>>
-
-
right
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Right | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | ... 72 more ... | undefined>>
-
-
stroke
null | OnlyString | "none" | "AliceBlue" | "AntiqueWhite" | "Aqua" | "Aquamarine" | "Azure" | "Beige" | "Bisque" | "Black" | "BlanchedAlmond" | "Blue" | "BlueViolet" | "Brown" | "BurlyWood" | "CadetBlue" | "Chartreuse" | "Chocolate" | "Coral" | "CornflowerBlue" | "Cornsilk" | "Crimson" | "Cyan" | "DarkBlue" | "DarkCyan" | "DarkGoldenRod" | "DarkGray" | "DarkGreen" | "DarkGrey" | "DarkKhaki" | "DarkMagenta" | "DarkOliveGreen" | "DarkOrange" | "DarkOrchid" | "DarkRed" | "DarkSalmon" | "DarkSeaGreen" | "DarkSlateBlue" | "DarkSlateGray" | "DarkSlateGrey" | "DarkTurquoise" | "DarkViolet" | "DeepPink" | "DeepSkyBlue" | "DimGray" | "DimGrey" | "DodgerBlue" | "FireBrick" | "FloralWhite" | "ForestGreen" | "Fuchsia" | "Gainsboro" | "GhostWhite" | "Gold" | "GoldenRod" | "Gray" | "Green" | "GreenYellow" | "Grey" | "HoneyDew" | "HotPink" | "IndianRed" | "Indigo" | "Ivory" | "Khaki" | "Lavender" | "LavenderBlush" | "LawnGreen" | "LemonChiffon" | "LightBlue" | "LightCoral" | "LightCyan" | "LightGoldenRodYellow" | "LightGray" | "LightGreen" | "LightGrey" | "LightPink" | "LightSalmon" | "LightSeaGreen" | "LightSkyBlue" | "LightSlateGray" | "LightSlateGrey" | "LightSteelBlue" | "LightYellow" | "Lime" | "LimeGreen" | "Linen" | "Magenta" | "Maroon" | "MediumAquaMarine" | "MediumBlue" | "MediumOrchid" | "MediumPurple" | "MediumSeaGreen" | "MediumSlateBlue" | "MediumSpringGreen" | "MediumTurquoise" | "MediumVioletRed" | "MidnightBlue" | "MintCream" | "MistyRose" | "Moccasin" | "NavajoWhite" | "Navy" | "OldLace" | "Olive" | "OliveDrab" | "Orange" | "OrangeRed" | "Orchid" | "PaleGoldenRod" | "PaleGreen" | "PaleTurquoise" | "PaleVioletRed" | "PapayaWhip" | "PeachPuff" | "Peru" | "Pink" | "Plum" | "PowderBlue" | "Purple" | "RebeccaPurple" | "Red" | "RosyBrown" | "RoyalBlue" | "SaddleBrown" | "Salmon" | "SandyBrown" | "SeaGreen" | "SeaShell" | "Sienna" | "Silver" | "SkyBlue" | "SlateBlue" | "SlateGray" | "SlateGrey" | "Snow" | "SpringGreen" | "SteelBlue" | "Tan" | "Teal" | "Thistle" | "Tomato" | "transparent" | "Turquoise" | "Violet" | "Wheat" | "White" | "WhiteSmoke" | "Yellow" | "YellowGreen" | "CurrentColor" | "hsl(" | "lab(" | "rgb(" | "child" | "context-fill" | "context-stroke" | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | "$orange" | "$indigo" | "$pink" | "$purple" | "$grey" | "$accentActive" | "$accentLight" | "$accentDim" | "$accentPrimary" | "$accentBright" | "$accentSurface" | "$blueActive" | "$blueLight" | "$blueDim" | "$bluePrimary" | "$blueBright" | "$blueSurface" | "$greenActive" | "$greenLight" | "$greenDim" | "$greenPrimary" | "$greenBright" | "$greenSurface" | "$yellowActive" | "$yellowLight" | "$yellowDim" | "$yellowPrimary" | "$yellowBright" | "$yellowSurface" | "$redActive" | "$redLight" | "$redDim" | "$redPrimary" | "$redBright" | "$redSurface" | "$orangeActive" | "$orangeLight" | "$orangeDim" | "$orangePrimary" | "$orangeBright" | "$orangeSurface" | "$indigoActive" | "$indigoLight" | "$indigoDim" | "$indigoPrimary" | "$indigoBright" | "$indigoSurface" | "$pinkActive" | "$pinkLight" | "$pinkDim" | "$pinkPrimary" | "$pinkBright" | "$pinkSurface" | "$purpleActive" | "$purpleLight" | "$purpleDim" | "$purplePrimary" | "$purpleBright" | "$purpleSurface" | "$greyActive" | "$greyLight" | "$greyDim" | "$greyPrimary" | "$greyBright" | "$greySurface" | "$background" | "$border" | "$black" | "$white" | "$text" | "$textPrimary" | "$textSecondary" | "$textAccent" | "$textDisabled" | "$backgroundPrimary" | "$backgroundSecondary" | "$blueGradient" | "$greenGradient" | "$redGradient" | "$purpleGradient" | "$greyGradient" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Paint | "$accent" | "$blue" | "$green" | "$yellow" | "$red" | ... 82 more ... | undefined>>
-
-
strokeWidth
null | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyStringNumeric | "$auto" | "$none" | "$0" | "$0.5" | ... 75 more ... | undefined>>
-
-
textAlign
null | "left" | "right" | "center" | "end" | "start" | "justify" | "match-parent" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", TextAlign | null | undefined>>
-
-
textTransform
null | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", TextTransform | null | undefined>>
-
-
top
null | "auto" | string & OnlyObject | number & OnlyObject | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Top | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | ... 72 more ... | undefined>>
-
-
touchAction
null | "auto" | OnlyString | "none" | "manipulation" | "pan-down" | "pan-left" | "pan-right" | "pan-up" | "pan-x" | "pan-y" | "pinch-zoom" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", TouchAction | null | undefined>>
-
-
transform
null | OnlyString | "none" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Transform | null | undefined>>
-
-
transition
null | "all" | OnlyString | "none" | "linear" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Transition | null | undefined>>
-
-
transitionDuration
null | OnlyString | "$75" | "$100" | "$150" | "$200" | "$300" | "$500" | "$700" | "$1000" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", OnlyString | "$75" | "$100" | "$150" | "$200" | "$300" | ... 4 more ... | undefined>>
-
-
transitionProperty
null | "all" | OnlyString | "none" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", TransitionProperty | null | undefined>>
-
-
transitionTimingFunction
null | OnlyString | "linear" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "$linear" | "$in" | "$out" | "$inOut" | "$popIn" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", TransitionTimingFunction | "$linear" | ... 5 more ... | undefined>>
-
-
translate
null | "none" | string & OnlyObject | number & OnlyObject | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Translate | null | undefined>>
-
-
typeSize
null | "normal" | string & OnlyObject | number & OnlyObject | "large" | "small" | "medium" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller" | "$headingOne" | "$headingTwo" | "$headingThree" | "$headingFour" | "$extraLarge" | "$large" | "$body" | "$small" | "$extraSmall" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", FontSize | "$headingOne" | "$headingTwo" | "$headingThree" | ... 7 more ... | undefined>> | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", LineHeight | "$headingOne" | "$headingTwo" | "$headingThree" | ... 7 more ... | undefined>>
-
-
verticalAlign
null | number | "bottom" | "top" | "baseline" | OnlyString | "middle" | "sub" | "super" | "text-bottom" | "text-top" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", VerticalAlign | null | undefined>>
-
-
visibility
null | "hidden" | "visible" | "collapse" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Visibility | null | undefined>>
-
-
wh
null | number | "auto" | "stretch" | OnlyString | "fit-content" | "max-content" | "min-content" | "intrinsic" | "min-intrinsic" | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Height | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | ... 73 more ... | undefined>> | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Width | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | ... 72 more ... | undefined>>
-
-
whiteSpace
null | "normal" | "nowrap" | "break-spaces" | "pre" | "pre-line" | "pre-wrap" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", WhiteSpace | null | undefined>>
-
-
width
null | number | "auto" | "stretch" | OnlyString | "fit-content" | "max-content" | "min-content" | "intrinsic" | "min-intrinsic" | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | "$px" | "$0.75" | "$1.25" | "$1.5" | "$1.75" | "$2.5" | "$3" | "$3.5" | "$4" | "$4.5" | "$5" | "$5.5" | "$6" | "$6.5" | "$7" | "$7.5" | "$8" | "$8.5" | "$9" | "$10" | "$11" | "$12" | "$13" | "$14" | "$15" | "$16" | "$18" | "$20" | "$22.5" | "$24" | "$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" | "-$1.5" | "-$4" | "-$6" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", Width | "$auto" | "$none" | "$0" | "$0.5" | "$0.25" | "$1" | "$2" | ... 72 more ... | undefined>>
-
-
wordBreak
null | "normal" | "break-word" | "break-all" | "keep-all" | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", WordBreak | null | undefined>>
-
-
zIndex
null | "auto" | string & OnlyObject | number & OnlyObject | Partial<Record<"base" | "xs" | "sm" | "md" | "lg" | "xl" | "hover" | "active" | "readonly" | "checked" | "disabled", ZIndex | null | undefined>>
-
-
Edit on GitHub
v1.0