readonly ["00", "05", "10", "20", "30", "40", "50", "60", "70", "80", "90", "95", "100"] variable_data.ts
Declarations #
51 declarations
alpha_variants #
alpha_variants
AlphaVariant #
AlphaVariant
"00" | "05" | "10" | "20" | "30" | "40" | "50" | "60" | "70" | "80" | "90" | "95" | "100" border_radius_variants #
border_radius_variants
readonly ["xs3", "xs2", "xs", "sm", "md", "lg", "xl"] border_width_variants #
border_width_variants
readonly [1, 2, 3, 4, 5, 6, 7, 8, 9] BorderRadiusVariant #
BorderRadiusVariant
"xs" | "sm" | "md" | "lg" | "xl" | "xs3" | "xs2" BorderWidthVariant #
BorderWidthVariant
6 | 4 | 1 | 3 | 5 | 7 | 2 | 8 | 9 color_scheme_variants #
color_scheme_variants
readonly ["light", "dark"] color_variants #
color_variants
readonly ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"] ColorSchemeVariant #
ColorSchemeVariant
"dark" | "light" ColorVariant #
ColorVariant
"a" | "b" | "c" | "d" | "e" | "f" | "g" | "h" | "i" | "j" darken_lighten_variants #
darken_lighten_variants
readonly ["00", "05", "10", "20", "30", "40", "50", "60", "70", "80", "90", "95", "100"] DarkenLightenVariant #
DarkenLightenVariant
"00" | "05" | "10" | "20" | "30" | "40" | "50" | "60" | "70" | "80" | "90" | "95" | "100" distance_variants #
distance_variants
readonly ["xs", "sm", "md", "lg", "xl"] DistanceVariant #
DistanceVariant
"xs" | "sm" | "md" | "lg" | "xl" font_family_variants #
font_family_variants
readonly ["font_family_sans", "font_family_serif", "font_family_mono"] font_size_names #
font_size_names
string[] font_size_variants #
font_size_variants
readonly ["xs", "sm", "md", "lg", "xl", "xl2", "xl3", "xl4", "xl5", "xl6", "xl7", "xl8", "xl9"] FontFamilyVariant #
FontFamilyVariant
"font_family_sans" | "font_family_serif" | "font_family_mono" icon_size_variants #
icon_size_variants
readonly ["xs", "sm", "md", "lg", "xl", "xl2", "xl3"] icon_sizes #
icon_sizes
{ icon_size_xs: string; icon_size_sm: string; icon_size_md: string; icon_size_lg: string; icon_size_xl: string; icon_size_xl2: string; icon_size_xl3: string; } IconSizeVariant #
IconSizeVariant
"xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" intensity_variants #
intensity_variants
readonly ["00", "05", "10", "20", "30", "40", "50", "60", "70", "80", "90", "95", "100"] IntensityVariant #
IntensityVariant
"00" | "05" | "10" | "20" | "30" | "40" | "50" | "60" | "70" | "80" | "90" | "95" | "100" line_height_names #
line_height_names
string[] line_height_variants #
line_height_variants
readonly ["xs", "sm", "md", "lg", "xl"] LineHeightVariant #
LineHeightVariant
"xs" | "sm" | "md" | "lg" | "xl" numeric_scale_variants #
numeric_scale_variants
readonly ["00", "05", "10", "20", "30", "40", "50", "60", "70", "80", "90", "95", "100"] numeric_scale_with_extremes #
numeric_scale_with_extremes
readonly ["min", "00", "05", "10", "20", "30", "40", "50", "60", "70", "80", "90", "95", "100", "max"] NumericScaleVariant #
NumericScaleVariant
"00" | "05" | "10" | "20" | "30" | "40" | "50" | "60" | "70" | "80" | "90" | "95" | "100" The standard numeric scale used across multiple variable families. Provides 13 steps from 00 (surface/subtle) to 100 (contrast/bold).
NumericScaleWithExtremesVariant #
NumericScaleWithExtremesVariant
"00" | "05" | "10" | "20" | "30" | "40" | "50" | "60" | "70" | "80" | "90" | "95" | "100" | "min" | "max" Numeric scale with min/max extremes for scales that need untinted endpoints. Used by text and shade scales where min/max represent pure black/white values.
outline_width_variants #
outline_width_variants
readonly ["focus", "active"] OutlineWidthVariant #
OutlineWidthVariant
"focus" | "active" shade_scale_variants #
shade_scale_variants
readonly ["min", "00", "05", "10", "20", "30", "40", "50", "60", "70", "80", "90", "95", "100", "max"] shade_variants #
shade_variants
readonly ["00", "05", "10", "20", "30", "40", "50", "60", "70", "80", "90", "95", "100"] ShadeScaleVariant #
ShadeScaleVariant
"00" | "05" | "10" | "20" | "30" | "40" | "50" | "60" | "70" | "80" | "90" | "95" | "100" | "min" | "max" Full shade scale including min/max extremes for untinted surfaces.
ShadeVariant #
ShadeVariant
"00" | "05" | "10" | "20" | "30" | "40" | "50" | "60" | "70" | "80" | "90" | "95" | "100" shadow_alpha_variants #
shadow_alpha_variants
readonly ["00", "05", "10", "20", "30", "40", "50", "60", "70", "80", "90", "95", "100"] shadow_semantic_values #
shadow_semantic_values
readonly ["umbra", "highlight", "glow", "shroud"] shadow_size_variants #
shadow_size_variants
readonly ["xs", "sm", "md", "lg", "xl"] shadow_variant_prefixes #
shadow_variant_prefixes
readonly ["shadow_", "shadow_top_", "shadow_bottom_", "shadow_inset_", "shadow_inset_top_", "shadow_inset_bottom_"] ShadowAlphaVariant #
ShadowAlphaVariant
"00" | "05" | "10" | "20" | "30" | "40" | "50" | "60" | "70" | "80" | "90" | "95" | "100" ShadowSemanticValue #
ShadowSemanticValue
"umbra" | "highlight" | "glow" | "shroud" ShadowSizeVariant #
ShadowSizeVariant
"xs" | "sm" | "md" | "lg" | "xl" SizeVariant #
SizeVariant
"xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6" | "xl7" | "xl8" | "xl9" space_variants #
space_variants
readonly ["xs5", "xs4", "xs3", "xs2", "xs", "sm", "md", "lg", "xl", "xl2", "xl3", "xl4", "xl5", "xl6", "xl7", "xl8", "xl9", "xl10", "xl11", "xl12", "xl13", "xl14", "xl15"] SpaceVariant #
SpaceVariant
"xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6" | "xl7" | "xl8" | "xl9" | "xs5" | "xs4" | "xs3" | "xs2" | "xl10" | "xl11" | "xl12" | "xl13" | "xl14" | "xl15" text_scale_variants #
text_scale_variants
readonly ["min", "00", "05", "10", "20", "30", "40", "50", "60", "70", "80", "90", "95", "100", "max"] text_variants #
text_variants
readonly ["00", "05", "10", "20", "30", "40", "50", "60", "70", "80", "90", "95", "100"] TextScaleVariant #
TextScaleVariant
"00" | "05" | "10" | "20" | "30" | "40" | "50" | "60" | "70" | "80" | "90" | "95" | "100" | "min" | "max" Full text scale including min/max extremes for knockout text.
TextVariant #
TextVariant
"00" | "05" | "10" | "20" | "30" | "40" | "50" | "60" | "70" | "80" | "90" | "95" | "100" Z_INDEX_MAX #
Z_INDEX_MAX
2147483647 Maximum value for CSS z-index property (32-bit signed integer max).