@yahoo/uds 3.67.0-beta.5 → 3.68.0

package/dist/index.d.ts

@@ -16,10 +16,10 @@ import { AllPossibleProperties, AllVariantKeys, AutoComponentName, AutoComponent
 import { AllSelectors, BaseSelector, CssStyleObject, ParentVariantSelector } from "./tokens/automation/types/ComponentStyles.js";
 import { cartesianProduct } from "./tokens/automation/utils/cartesianProduct.js";
 import { coalesceConfigVariant } from "./tokens/automation/utils/coalesceConfigVariant.js";
-import { alwaysPalette } from "./tokens/configs/palette.js";
+import { ALWAYS_PREFIX, alwaysPalette, deprecatedAlwaysPalette, newAlwaysPalette } from "./tokens/configs/palette/alwaysPalette.js";
 import { AVATAR_SIZE_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME } from "./tokens/consts/cssTokens.js";
 import { FONT_DECLARATIONS_MAP, FontAxisConfig, FontDeclarationConfig, FontDeclarationItemConfig, FontDeclarationMap, FontWeightForFont } from "./tokens/consts/fontDeclarationsMap.js";
-import { AlwaysPalette, AlwaysPaletteAlias, AlwaysPaletteColor, Animation, AriaAttribute, AvatarAbbreviationStrategy, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarVariant, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BadgeSize, BadgeVariant, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, Breakpoint, BreakpointWithBase, BreakpointsConfig, ButtonPalette, ButtonPaletteColor, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, CheckboxSize, CheckboxValue, CheckboxVariant, ChipSize, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, CustomSizingStyleProps, DataAttribute, Display, DividerVariant, ElevationAlias, ElevationConfig, ElevationLevel, ElevationPreset, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FontAlias, FontConfig, FontCssVar, FontFamilyCDNUrl, FontFamilyConfig, FontID, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontWeightConfig, FontWeightDescriptive, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, GlobalDefaultsConfig, HighContrastMode, Hue, HueStep, IconButtonSize, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, ImagePropsWithImgProps, ImageStyleProps, InputSize, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, OpacityStep, Overflow, Palette, PaletteConfig, PaletteType, PaletteValue, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPreset, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, StateStyleProps, StyleProps, SwitchSize, TShirtSize, TShirtSizeCommon, TextDecorationLine, TextProperty, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UdsCssVar, UnitlessUnit, UniversalAvatarIconProps, UniversalAvatarImageProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconButtonProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTextProps, UniversalTokensConfig } from "./tokens/types.js";
+import { AlwaysPaletteAlias, AlwaysPaletteAliasWithPrefix, AlwaysPaletteColor, Animation, AriaAttribute, AvatarAbbreviationStrategy, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarVariant, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BadgeSize, BadgeVariant, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, Breakpoint, BreakpointWithBase, BreakpointsConfig, ButtonPalette, ButtonPaletteColor, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, CheckboxSize, CheckboxValue, CheckboxVariant, ChipSize, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, ConfigurableComponentName, CustomSizingStyleProps, DataAttribute, Display, DividerVariant, ElevationAlias, ElevationConfig, ElevationLevel, ElevationPreset, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FontAlias, FontConfig, FontCssVar, FontFamilyCDNUrl, FontFamilyConfig, FontID, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontWeightConfig, FontWeightDescriptive, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, GlobalDefaultsConfig, HighContrastMode, Hue, HueStep, IconButtonSize, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, ImagePropsWithImgProps, ImageStyleProps, InputSize, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, OpacityStep, Overflow, Palette, PaletteConfig, PaletteType, PaletteValue, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPreset, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, StateStyleProps, StyleProps, SwitchSize, TShirtSize, TShirtSizeCommon, TextDecorationLine, TextProperty, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UdsCssVar, UnitlessUnit, UniversalAvatarIconProps, UniversalAvatarImageProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconButtonProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTextProps, UniversalTokensConfig } from "./tokens/types.js";
 import { UniversalTokensConfigAuto } from "./generated/universalTokensConfigAuto.js";
 import { getConfigDefaultValue, isConfigDefaultValue } from "./tokens/automation/utils/defaults.js";
 import { generateKeyFromFlatConfigPath } from "./tokens/automation/utils/generateKeyFromFlatConfigPath.js";
@@ -79,4 +79,4 @@ import { RadioGroupProvider, RadioGroupProviderProps } from "./components/client
 import { Switch, SwitchProps } from "./components/client/Switch.js";
 import "./components/index.js";
 import { SetState } from "./types.js";
-export { AVATAR_SIZE_PREFIX, AllPossibleProperties, AllSelectors, AllVariantKeys, AlwaysPalette, AlwaysPaletteAlias, AlwaysPaletteColor, Animation, AriaAttribute, AutoComponentName, AutoComponents, Avatar, AvatarAbbreviationStrategy, AvatarConfig, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarText, AvatarTextProps, AvatarVariant, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, Badge, BadgeConfig, BadgeProps, BadgeSize, BadgeVariant, BaseSelector, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, Box, BoxProps, Breakpoint, BreakpointWithBase, BreakpointsConfig, Button, ButtonConfig, ButtonPalette, ButtonPaletteColor, ButtonProps, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, Checkbox, CheckboxConfig, CheckboxProps, CheckboxSize, CheckboxValue, CheckboxVariant, Chip, ChipButton, ChipButtonProps, ChipConfig, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipSize, ChipToggle, ChipToggleProps, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, ComponentConfig, ComponentStateConfig, ConfigurablePropertiesName, CssStyleObject, CustomSizingStyleProps, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, DROP_SHADOW_PREFIX, DataAttribute, Display, Divider, DividerConfig, DividerProps, DividerVariant, ElevationAlias, ElevationConfig, ElevationLevel, ElevationPreset, ExtendablePropertiesName, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FontAlias, FontAxisConfig, FontConfig, FontCssVar, FontDeclarationConfig, FontDeclarationItemConfig, FontDeclarationMap, FontFamilyCDNUrl, FontFamilyConfig, FontID, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontWeightConfig, FontWeightDescriptive, FontWeightForFont, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, FormLabel, FormLabelProps, GlobalDefaultsConfig, HStack, HStackProps, HighContrastMode, Hue, HueStep, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, IconButtonProps, IconButtonSize, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps, ImageStyleProps, Input, InputConfig, InputHelpText, InputHelpTextProps, InputProps, InputSize, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, LayerConfig, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Link, LinkConfig, LinkProps, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, Menu_index_d_exports as Menu, MenuConfig, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, OpacityStep, Overflow, PSEUDO_STYLE_SELECTOR_MAP, Palette, PaletteConfig, PaletteType, PaletteValue, ParentVariantSelector, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PossibleStates, PossibleStatesWithRest, Pressable, PressableProps, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, Radio, RadioConfig, RadioGroupProvider, RadioGroupProviderProps, RadioProps, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, SchemaStateValue, SelectedConfigurableProperty, SetState, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPreset, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpringMotionConfig, SpringMotionConfigProps, StateStyleProps, StyleProps, SubComponentConfig, Switch, SwitchConfig, SwitchProps, SwitchSize, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, TShirtSize, TShirtSizeCommon, Text, TextDecorationLine, TextProperty, TextProps, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UDS_PREFIX, UdsCssVar, UnitlessUnit, UniversalAvatarIconProps, UniversalAvatarImageProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconButtonProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTextProps, UniversalTokensConfig, UniversalTokensConfigAuto, VStack, VStackProps, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, cartesianProduct, coalesceConfigVariant, configurableProperties, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, entries, findFixtureType, fontWeightMap, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseOpacityStep, setConfigPseudoStateVariable, shadow, statePseudoMapDocsMode, toMinimalDbConfigObject, variants };
+export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, AllPossibleProperties, AllSelectors, AllVariantKeys, AlwaysPaletteAlias, AlwaysPaletteAliasWithPrefix, AlwaysPaletteColor, Animation, AriaAttribute, AutoComponentName, AutoComponents, Avatar, AvatarAbbreviationStrategy, AvatarConfig, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarText, AvatarTextProps, AvatarVariant, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, Badge, BadgeConfig, BadgeProps, BadgeSize, BadgeVariant, BaseSelector, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, Box, BoxProps, Breakpoint, BreakpointWithBase, BreakpointsConfig, Button, ButtonConfig, ButtonPalette, ButtonPaletteColor, ButtonProps, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, Checkbox, CheckboxConfig, CheckboxProps, CheckboxSize, CheckboxValue, CheckboxVariant, Chip, ChipButton, ChipButtonProps, ChipConfig, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipSize, ChipToggle, ChipToggleProps, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, ComponentConfig, ComponentStateConfig, ConfigurableComponentName, ConfigurablePropertiesName, CssStyleObject, CustomSizingStyleProps, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, DROP_SHADOW_PREFIX, DataAttribute, Display, Divider, DividerConfig, DividerProps, DividerVariant, ElevationAlias, ElevationConfig, ElevationLevel, ElevationPreset, ExtendablePropertiesName, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FontAlias, FontAxisConfig, FontConfig, FontCssVar, FontDeclarationConfig, FontDeclarationItemConfig, FontDeclarationMap, FontFamilyCDNUrl, FontFamilyConfig, FontID, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontWeightConfig, FontWeightDescriptive, FontWeightForFont, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, FormLabel, FormLabelProps, GlobalDefaultsConfig, HStack, HStackProps, HighContrastMode, Hue, HueStep, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, IconButtonProps, IconButtonSize, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps, ImageStyleProps, Input, InputConfig, InputHelpText, InputHelpTextProps, InputProps, InputSize, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, LayerConfig, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Link, LinkConfig, LinkProps, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, Menu_index_d_exports as Menu, MenuConfig, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, OpacityStep, Overflow, PSEUDO_STYLE_SELECTOR_MAP, Palette, PaletteConfig, PaletteType, PaletteValue, ParentVariantSelector, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PossibleStates, PossibleStatesWithRest, Pressable, PressableProps, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, Radio, RadioConfig, RadioGroupProvider, RadioGroupProviderProps, RadioProps, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, SchemaStateValue, SelectedConfigurableProperty, SetState, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPreset, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpringMotionConfig, SpringMotionConfigProps, StateStyleProps, StyleProps, SubComponentConfig, Switch, SwitchConfig, SwitchProps, SwitchSize, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, TShirtSize, TShirtSizeCommon, Text, TextDecorationLine, TextProperty, TextProps, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UDS_PREFIX, UdsCssVar, UnitlessUnit, UniversalAvatarIconProps, UniversalAvatarImageProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconButtonProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTextProps, UniversalTokensConfig, UniversalTokensConfigAuto, VStack, VStackProps, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, cartesianProduct, coalesceConfigVariant, configurableProperties, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, deprecatedAlwaysPalette, entries, findFixtureType, fontWeightMap, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, parseOpacityStep, setConfigPseudoStateVariable, shadow, statePseudoMapDocsMode, toMinimalDbConfigObject, variants };

package/dist/index.js

@@ -16,7 +16,7 @@ import { AvatarText } from "./components/client/Avatar/AvatarText.js";
 import { AvatarImage } from "./components/client/Avatar/AvatarImage.js";
 import { Avatar } from "./components/client/Avatar/Avatar.js";
 import { Badge } from "./components/client/Badge.js";
-import { alwaysPalette } from "./tokens/configs/palette.js";
+import { ALWAYS_PREFIX, alwaysPalette, deprecatedAlwaysPalette, newAlwaysPalette } from "./tokens/configs/palette/alwaysPalette.js";
 import { shadow } from "./tokens/configs/shadow.js";
 import { fontWeightMap } from "./tokens/configs/typography.js";
 import { DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP } from "./tokens/consts/defaultModes.js";
@@ -56,4 +56,4 @@ import { Radio } from "./components/client/Radio/Radio.js";
 import { RadioGroupProvider } from "./components/client/Radio/RadioGroupProvider.js";
 import { Switch } from "./components/client/Switch.js";
 
-export { AVATAR_SIZE_PREFIX, Avatar, AvatarIcon, AvatarImage, AvatarText, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, Badge, Box, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, DROP_SHADOW_PREFIX, Divider, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, FormLabel, HStack, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, Image, Input, InputHelpText, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, Link, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, Menu_index_exports as Menu, PSEUDO_STYLE_SELECTOR_MAP, Pressable, Radio, RadioGroupProvider, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, SpringMotionConfig, Switch, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, Text, UDS_PREFIX, VStack, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, cartesianProduct, coalesceConfigVariant, configurableProperties, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, entries, findFixtureType, fontWeightMap, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseOpacityStep, setConfigPseudoStateVariable, shadow, statePseudoMapDocsMode, toMinimalDbConfigObject, variants };
+export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, Avatar, AvatarIcon, AvatarImage, AvatarText, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, Badge, Box, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, DROP_SHADOW_PREFIX, Divider, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, FormLabel, HStack, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, Image, Input, InputHelpText, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, Link, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, Menu_index_exports as Menu, PSEUDO_STYLE_SELECTOR_MAP, Pressable, Radio, RadioGroupProvider, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, SpringMotionConfig, Switch, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, Text, UDS_PREFIX, VStack, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, cartesianProduct, coalesceConfigVariant, configurableProperties, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, deprecatedAlwaysPalette, entries, findFixtureType, fontWeightMap, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, parseOpacityStep, setConfigPseudoStateVariable, shadow, statePseudoMapDocsMode, toMinimalDbConfigObject, variants };

package/dist/providers/ColorModeProvider.d.cts

@@ -1,18 +1,18 @@
 import { ColorMode } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
-import * as react25 from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react30 from "react";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/providers/ColorModeProvider.d.ts
 interface ColorModeProviderProps extends React.PropsWithChildren {
   value?: ColorMode;
 }
-declare const ColorModeContext: react25.Context<ColorMode>;
+declare const ColorModeContext: react30.Context<ColorMode>;
 declare function useColorMode(): ColorMode;
 declare function ColorModeProvider({
   value,
   children
-}: ColorModeProviderProps): react_jsx_runtime2.JSX.Element;
+}: ColorModeProviderProps): react_jsx_runtime3.JSX.Element;
 declare namespace ColorModeProvider {
   var displayName: string;
 }

package/dist/providers/ColorModeProvider.d.ts

@@ -1,18 +1,18 @@
 import { ColorMode } from "../tokens/types.js";
 import "../tokens/index.js";
-import * as react25 from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react26 from "react";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/providers/ColorModeProvider.d.ts
 interface ColorModeProviderProps extends React.PropsWithChildren {
   value?: ColorMode;
 }
-declare const ColorModeContext: react25.Context<ColorMode>;
+declare const ColorModeContext: react26.Context<ColorMode>;
 declare function useColorMode(): ColorMode;
 declare function ColorModeProvider({
   value,
   children
-}: ColorModeProviderProps): react_jsx_runtime1.JSX.Element;
+}: ColorModeProviderProps): react_jsx_runtime2.JSX.Element;
 declare namespace ColorModeProvider {
   var displayName: string;
 }

package/dist/providers/ScaleModeProvider.d.cts

@@ -1,18 +1,18 @@
 import { ScaleMode } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
-import * as react26 from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react31 from "react";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/providers/ScaleModeProvider.d.ts
 interface ScaleModeProviderProps extends React.PropsWithChildren {
   value?: ScaleMode;
 }
-declare const ScaleModeContext: react26.Context<ScaleMode>;
+declare const ScaleModeContext: react31.Context<ScaleMode>;
 declare function useScaleMode(): ScaleMode;
 declare function ScaleModeProvider({
   value,
   children
-}: ScaleModeProviderProps): react_jsx_runtime3.JSX.Element;
+}: ScaleModeProviderProps): react_jsx_runtime4.JSX.Element;
 declare namespace ScaleModeProvider {
   var displayName: string;
 }

package/dist/providers/ScaleModeProvider.d.ts

@@ -1,18 +1,18 @@
 import { ScaleMode } from "../tokens/types.js";
 import "../tokens/index.js";
-import * as react26 from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react27 from "react";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/providers/ScaleModeProvider.d.ts
 interface ScaleModeProviderProps extends React.PropsWithChildren {
   value?: ScaleMode;
 }
-declare const ScaleModeContext: react26.Context<ScaleMode>;
+declare const ScaleModeContext: react27.Context<ScaleMode>;
 declare function useScaleMode(): ScaleMode;
 declare function ScaleModeProvider({
   value,
   children
-}: ScaleModeProviderProps): react_jsx_runtime2.JSX.Element;
+}: ScaleModeProviderProps): react_jsx_runtime4.JSX.Element;
 declare namespace ScaleModeProvider {
   var displayName: string;
 }

package/dist/providers/ThemeProvider.d.cts

@@ -1,6 +1,6 @@
 import { ColorMode, ScaleMode } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/providers/ThemeProvider.d.ts
 interface ThemeProviderProps extends React.PropsWithChildren {
@@ -11,7 +11,7 @@ declare function ThemeProvider({
   children,
   colorMode,
   scaleMode
-}: ThemeProviderProps): react_jsx_runtime4.JSX.Element;
+}: ThemeProviderProps): react_jsx_runtime5.JSX.Element;
 declare namespace ThemeProvider {
   var displayName: string;
 }

package/dist/styles/styler.d.cts

@@ -12,11 +12,11 @@ declare const cva: CVA<string>;
 declare const getStylesInternal: (props?: ({
   checkboxSizeRoot?: "sm" | "md" | undefined;
   checkboxSizeCheckbox?: "sm" | "md" | undefined;
-  checkboxVariantValueRoot?: "checked" | "unchecked" | "indeterminate" | undefined;
+  checkboxVariantValueRoot?: "checked" | "indeterminate" | "unchecked" | undefined;
   checkboxVariantRoot?: "primary" | "secondary" | "alert-secondary" | "alert" | undefined;
-  checkboxVariantValueCheckbox?: "checked" | "unchecked" | "indeterminate" | undefined;
+  checkboxVariantValueCheckbox?: "checked" | "indeterminate" | "unchecked" | undefined;
   checkboxVariantCheckbox?: "primary" | "secondary" | "alert-secondary" | "alert" | undefined;
-  checkboxVariantValueCheckboxIcon?: "checked" | "unchecked" | "indeterminate" | undefined;
+  checkboxVariantValueCheckboxIcon?: "checked" | "indeterminate" | "unchecked" | undefined;
   checkboxVariantCheckboxIcon?: "primary" | "secondary" | "alert-secondary" | "alert" | undefined;
   dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
   dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
@@ -35,8 +35,8 @@ declare const getStylesInternal: (props?: ({
   switchSizeHandleIcon?: "sm" | "md" | undefined;
   buttonSizeRoot?: "sm" | "md" | "lg" | undefined;
   buttonSizeIcon?: "sm" | "md" | "lg" | undefined;
-  buttonVariantRoot?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
-  buttonVariantIcon?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
+  buttonVariantRoot?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "brand-tertiary" | "alert-tertiary" | "warning-tertiary" | "positive-tertiary" | "info-tertiary" | undefined;
+  buttonVariantIcon?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "brand-tertiary" | "alert-tertiary" | "warning-tertiary" | "positive-tertiary" | "info-tertiary" | undefined;
   chipSizeRoot?: "sm" | "md" | undefined;
   chipSizeIcon?: "sm" | "md" | undefined;
   chipToggleVariantActiveRoot?: "off" | "on" | undefined;
@@ -119,14 +119,14 @@ declare const getStylesInternal: (props?: ({
   menuDividerVariantRoot?: "default" | undefined;
   menuDividerVariantText?: "default" | undefined;
   menuDividerVariantLine?: "default" | undefined;
-  color?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | undefined;
-  placeholderColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | undefined;
+  color?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | undefined;
+  placeholderColor?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | undefined;
   fontFamily?: "sans" | "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "sans-alt" | "serif" | "serif-alt" | "mono" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   fontSize?: "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   fontWeight?: "thin" | "ui1" | "medium" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "light" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "black" | "bold" | "extralight" | "regular" | "semibold" | "extrabold" | undefined;
   lineHeight?: "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   letterSpacing?: "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  textAlign?: "start" | "end" | "center" | "justify" | undefined;
+  textAlign?: "center" | "justify" | "start" | "end" | undefined;
   textTransform?: "none" | "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
   spacing?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   spacingHorizontal?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
@@ -144,12 +144,12 @@ declare const getStylesInternal: (props?: ({
   offsetTop?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   columnGap?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   rowGap?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  backgroundColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderStartColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderEndColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderBottomColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderTopColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  backgroundColor?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "secondary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderColor?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderStartColor?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderEndColor?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderBottomColor?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderTopColor?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
   borderRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
   borderTopStartRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
   borderTopEndRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;

package/dist/styles/styler.d.ts

@@ -12,11 +12,11 @@ declare const cva: CVA<string>;
 declare const getStylesInternal: (props?: ({
   checkboxSizeRoot?: "sm" | "md" | undefined;
   checkboxSizeCheckbox?: "sm" | "md" | undefined;
-  checkboxVariantValueRoot?: "checked" | "unchecked" | "indeterminate" | undefined;
+  checkboxVariantValueRoot?: "checked" | "indeterminate" | "unchecked" | undefined;
   checkboxVariantRoot?: "primary" | "secondary" | "alert-secondary" | "alert" | undefined;
-  checkboxVariantValueCheckbox?: "checked" | "unchecked" | "indeterminate" | undefined;
+  checkboxVariantValueCheckbox?: "checked" | "indeterminate" | "unchecked" | undefined;
   checkboxVariantCheckbox?: "primary" | "secondary" | "alert-secondary" | "alert" | undefined;
-  checkboxVariantValueCheckboxIcon?: "checked" | "unchecked" | "indeterminate" | undefined;
+  checkboxVariantValueCheckboxIcon?: "checked" | "indeterminate" | "unchecked" | undefined;
   checkboxVariantCheckboxIcon?: "primary" | "secondary" | "alert-secondary" | "alert" | undefined;
   dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
   dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
@@ -35,8 +35,8 @@ declare const getStylesInternal: (props?: ({
   switchSizeHandleIcon?: "sm" | "md" | undefined;
   buttonSizeRoot?: "sm" | "md" | "lg" | undefined;
   buttonSizeIcon?: "sm" | "md" | "lg" | undefined;
-  buttonVariantRoot?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
-  buttonVariantIcon?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
+  buttonVariantRoot?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "brand-tertiary" | "alert-tertiary" | "warning-tertiary" | "positive-tertiary" | "info-tertiary" | undefined;
+  buttonVariantIcon?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "brand-tertiary" | "alert-tertiary" | "warning-tertiary" | "positive-tertiary" | "info-tertiary" | undefined;
   chipSizeRoot?: "sm" | "md" | undefined;
   chipSizeIcon?: "sm" | "md" | undefined;
   chipToggleVariantActiveRoot?: "off" | "on" | undefined;
@@ -119,14 +119,14 @@ declare const getStylesInternal: (props?: ({
   menuDividerVariantRoot?: "default" | undefined;
   menuDividerVariantText?: "default" | undefined;
   menuDividerVariantLine?: "default" | undefined;
-  color?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | undefined;
-  placeholderColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | undefined;
+  color?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | undefined;
+  placeholderColor?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | undefined;
   fontFamily?: "sans" | "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "sans-alt" | "serif" | "serif-alt" | "mono" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   fontSize?: "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   fontWeight?: "thin" | "ui1" | "medium" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "light" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "black" | "bold" | "extralight" | "regular" | "semibold" | "extrabold" | undefined;
   lineHeight?: "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   letterSpacing?: "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  textAlign?: "start" | "end" | "center" | "justify" | undefined;
+  textAlign?: "center" | "justify" | "start" | "end" | undefined;
   textTransform?: "none" | "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
   spacing?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   spacingHorizontal?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
@@ -144,12 +144,12 @@ declare const getStylesInternal: (props?: ({
   offsetTop?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   columnGap?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   rowGap?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  backgroundColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderStartColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderEndColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderBottomColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderTopColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  backgroundColor?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "secondary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderColor?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderStartColor?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderEndColor?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderBottomColor?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderTopColor?: "always/white" | "accent" | "primary" | "brand-secondary" | "brand" | "always/transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
   borderRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
   borderTopStartRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
   borderTopEndRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;