@yahoo/uds 0.5.7 → 0.5.9

package/dist/tokens/index.d.ts

@@ -1,5 +1,5 @@
-import { y as ButtonConfig, U as UniversalTokensConfig, f as FontFamilyGlobalConfig, a3 as FontWeightDescriptive, e as FontWeightNumeric, G as ColorModeForApp, as as ScaleModeForApp, C as ColorMode, S as ScaleMode, a6 as HighContrastMode, ap as RegionMode } from '../types-BB7LBOmj.js';
-export { A as AlwaysPalette, j as AlwaysPaletteAlias, k as Animation, l as AriaAttribute, m as AvatarShape, n as AvatarSize, o as AvatarSizeConfig, p as BackgroundColor, q as BackgroundPalette, B as BackgroundPaletteAlias, r as BackgroundStyleProps, s as BorderRadius, t as BorderRadiusConfig, u as BorderStyleProps, v as BorderWidth, w as BorderWidthConfig, x as BoxShadowConfig, z as ButtonSize, D as ButtonVariant, E as ColorModeConfig, a as ColorsConfig, I as ConfigurableTextProperty, J as CorePalette, c as CorePaletteAlias, K as CustomSizingStyleProps, M as DataAttribute, N as Display, O as Flex, P as FlexAlignContent, Q as FlexAlignItems, R as FlexAlignSelf, T as FlexBasis, V as FlexDirection, W as FlexGrow, X as FlexJustifyContent, Y as FlexShrink, Z as FlexStyleProps, _ as FlexWrap, $ as FontFamilyConfig, a0 as FontFamilyGlobalAlias, a1 as FontSize, a2 as FontSizeConfig, d as FontWeightConfig, a4 as ForegroundColor, a5 as ForegroundPalette, F as ForegroundPaletteAlias, H as Hue, b as HueStep, a7 as IconSize, a8 as IconSizeConfig, a9 as ImageStyleProps, aa as LayoutStyleProps, ab as LetterSpacing, ac as LineClampAlias, ad as LineColor, ae as LineHeight, af as LineHeightConfig, ag as LinePalette, L as LinePaletteAlias, ah as Modes, ai as Overflow, aj as Palette, ak as PaletteConfig, al as PaletteType, am as PaletteValue, an as PlatformMode, ao as Position, aq as ScaleConfig, ar as ScaleModeConfig, at as SpacingAlias, au as SpacingConfig, av as SpacingStyleProps, aw as SpectrumColor, ax as SpectrumConfig, ay as StateStyleProps, az as StyleProps, aH as TShirtSize, aI as TShirtSizeCommon, aA as TextStyleProps, aB as TextTransform, aC as TextTransformConfig, aD as TextVariant, aE as TransitionDelay, aF as TransitionDuration, aG as TransitionTiming, aJ as UniversalAvatarProps, aK as UniversalBoxProps, aL as UniversalButtonProps, aM as UniversalIconButtonProps, aN as UniversalIconProps, h as UniversalImageProps, aO as UniversalPressableProps, g as UniversalStackProps, aP as UniversalTextInputProps, aQ as UniversalTextProps, i as alwaysPalette } from '../types-BB7LBOmj.js';
+import { z as ButtonConfig, an as PaletteConfig, aA as SpectrumConfig, a2 as FontFamilyConfig, d as FontWeightConfig, aF as TextTransformConfig, o as AvatarSizeConfig, ab as IconSizeConfig, t as BorderRadiusConfig, w as BorderWidthConfig, f as FontFamilyGlobalConfig, a6 as FontWeightDescriptive, e as FontWeightNumeric, K as ColorModeForApp, av as ScaleModeForApp, C as ColorMode, S as ScaleMode, a9 as HighContrastMode, as as RegionMode } from '../types-D0b0TPQ4.js';
+export { A as AlwaysPalette, j as AlwaysPaletteAlias, k as Animation, l as AriaAttribute, m as AvatarShape, n as AvatarSize, p as BackgroundColor, q as BackgroundPalette, B as BackgroundPaletteAlias, r as BackgroundStyleProps, s as BorderRadius, u as BorderStyleProps, v as BorderWidth, x as BoxShadowConfig, y as ButtonCategory, D as ButtonSize, E as ButtonState, G as ButtonVariant, I as ButtonVariant2, J as ColorModeConfig, a as ColorsConfig, M as ConfigurableTextProperty, N as CorePalette, c as CorePaletteAlias, O as CustomSizingStyleProps, P as DataAttribute, Q as Display, R as Flex, T as FlexAlignContent, V as FlexAlignItems, W as FlexAlignSelf, X as FlexBasis, Y as FlexDirection, Z as FlexGrow, _ as FlexJustifyContent, $ as FlexShrink, a0 as FlexStyleProps, a1 as FlexWrap, a3 as FontFamilyGlobalAlias, a4 as FontSize, a5 as FontSizeConfig, a7 as ForegroundColor, a8 as ForegroundPalette, F as ForegroundPaletteAlias, H as Hue, b as HueStep, aa as IconSize, ac as ImageStyleProps, ad as LayoutStyleProps, ae as LetterSpacing, af as LineClampAlias, ag as LineColor, ah as LineHeight, ai as LineHeightConfig, aj as LinePalette, L as LinePaletteAlias, ak as Modes, al as Overflow, am as Palette, ao as PaletteType, ap as PaletteValue, aq as PlatformMode, ar as Position, at as ScaleConfig, au as ScaleModeConfig, aw as SpacingAlias, ax as SpacingConfig, ay as SpacingStyleProps, az as SpectrumColor, aB as StateStyleProps, aC as StyleProps, aK as TShirtSize, aL as TShirtSizeCommon, aD as TextStyleProps, aE as TextTransform, aG as TextVariant, aH as TransitionDelay, aI as TransitionDuration, aJ as TransitionTiming, aM as UniversalAvatarProps, aN as UniversalBoxProps, aO as UniversalButtonProps, aP as UniversalIconButtonProps, aQ as UniversalIconProps, h as UniversalImageProps, aR as UniversalPressableProps, g as UniversalStackProps, aS as UniversalTextInputProps, aT as UniversalTextProps, U as UniversalTokensConfig, i as alwaysPalette } from '../types-D0b0TPQ4.js';
 import 'react';
 
 declare const variants: {
@@ -17,6 +17,7 @@ declare const variants: {
         primary: string;
         secondary: string;
         tertiary: string;
+        current: string;
     };
     placeholderColor: {
         accent: string;
@@ -32,6 +33,7 @@ declare const variants: {
         primary: string;
         secondary: string;
         tertiary: string;
+        current: string;
     };
     fontFamily: {
         icons: string;
@@ -741,6 +743,7 @@ declare const variants: {
         primary: string;
         secondary: string;
         transparent: string;
+        current: string;
     };
     borderColor: {
         accent: string;
@@ -755,6 +758,7 @@ declare const variants: {
         primary: string;
         secondary: string;
         tertiary: string;
+        current: string;
     };
     borderStartColor: {
         accent: string;
@@ -769,6 +773,7 @@ declare const variants: {
         primary: string;
         secondary: string;
         tertiary: string;
+        current: string;
     };
     borderEndColor: {
         accent: string;
@@ -783,6 +788,7 @@ declare const variants: {
         primary: string;
         secondary: string;
         tertiary: string;
+        current: string;
     };
     borderBottomColor: {
         accent: string;
@@ -797,6 +803,7 @@ declare const variants: {
         primary: string;
         secondary: string;
         tertiary: string;
+        current: string;
     };
     borderTopColor: {
         accent: string;
@@ -811,6 +818,7 @@ declare const variants: {
         primary: string;
         secondary: string;
         tertiary: string;
+        current: string;
     };
     borderRadius: {
         none: string;
@@ -1038,11 +1046,330 @@ declare const variants: {
         xxxLarge: string;
         xxLarge: string;
     };
+    buttonCategory: {
+        accent: string;
+        brand: string;
+        alert: string;
+        positive: string;
+        warning: string;
+    };
+    buttonVariant: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    buttonSize: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
 };
 
-declare const buttons: ButtonConfig;
+declare const button: ButtonConfig;
 
-declare const defaultTokensConfig: UniversalTokensConfig;
+declare const defaultTokensConfig: {
+    colorMode: {
+        light: {
+            palette: PaletteConfig;
+            spectrum: SpectrumConfig;
+        };
+        dark: {
+            palette: PaletteConfig;
+            spectrum: SpectrumConfig;
+        };
+    };
+    scaleMode: {
+        xSmall: {
+            fontSize: {
+                display1: number;
+                display2: number;
+                display3: number;
+                title1: number;
+                title2: number;
+                title3: number;
+                title4: number;
+                headline1: number;
+                body1: number;
+                label1: number;
+                label2: number;
+                caption1: number;
+                caption2: number;
+                legal1: number;
+            };
+            lineHeight: {
+                display1: number;
+                display2: number;
+                display3: number;
+                title1: number;
+                title2: number;
+                title3: number;
+                title4: number;
+                headline1: number;
+                body1: number;
+                label1: number;
+                label2: number;
+                caption1: number;
+                caption2: number;
+                legal1: number;
+            };
+            fontFamily: FontFamilyConfig;
+            fontWeight: FontWeightConfig;
+            textTransform: TextTransformConfig;
+            avatarSizes: AvatarSizeConfig;
+            iconSizes: IconSizeConfig;
+            borderRadius: BorderRadiusConfig;
+            borderWidth: BorderWidthConfig;
+        };
+        small: {
+            fontSize: {
+                display1: number;
+                display2: number;
+                display3: number;
+                title1: number;
+                title2: number;
+                title3: number;
+                title4: number;
+                headline1: number;
+                body1: number;
+                label1: number;
+                label2: number;
+                caption1: number;
+                caption2: number;
+                legal1: number;
+            };
+            lineHeight: {
+                title1: number;
+                headline1: number;
+                body1: number;
+                legal1: number;
+                display1: number;
+                display2: number;
+                display3: number;
+                title2: number;
+                title3: number;
+                title4: number;
+                label1: number;
+                label2: number;
+                caption1: number;
+                caption2: number;
+            };
+            fontFamily: FontFamilyConfig;
+            fontWeight: FontWeightConfig;
+            textTransform: TextTransformConfig;
+            avatarSizes: AvatarSizeConfig;
+            iconSizes: IconSizeConfig;
+            borderRadius: BorderRadiusConfig;
+            borderWidth: BorderWidthConfig;
+        };
+        medium: {
+            fontSize: {
+                display1: number;
+                display2: number;
+                display3: number;
+                title1: number;
+                title2: number;
+                title3: number;
+                title4: number;
+                headline1: number;
+                body1: number;
+                label1: number;
+                label2: number;
+                caption1: number;
+                caption2: number;
+                legal1: number;
+            };
+            lineHeight: {
+                title2: number;
+                title3: number;
+                title1: number;
+                headline1: number;
+                body1: number;
+                legal1: number;
+                display1: number;
+                display2: number;
+                display3: number;
+                title4: number;
+                label1: number;
+                label2: number;
+                caption1: number;
+                caption2: number;
+            };
+            fontFamily: FontFamilyConfig;
+            fontWeight: FontWeightConfig;
+            textTransform: TextTransformConfig;
+            avatarSizes: AvatarSizeConfig;
+            iconSizes: IconSizeConfig;
+            borderRadius: BorderRadiusConfig;
+            borderWidth: BorderWidthConfig;
+        };
+        large: {
+            fontSize: {
+                display1: number;
+                display2: number;
+                display3: number;
+                title1: number;
+                title2: number;
+                title3: number;
+                title4: number;
+                headline1: number;
+                body1: number;
+                label1: number;
+                label2: number;
+                caption1: number;
+                caption2: number;
+                legal1: number;
+            };
+            lineHeight: {
+                title2: number;
+                title3: number;
+                headline1: number;
+                body1: number;
+                label1: number;
+                label2: number;
+                title1: number;
+                legal1: number;
+                display1: number;
+                display2: number;
+                display3: number;
+                title4: number;
+                caption1: number;
+                caption2: number;
+            };
+            fontFamily: FontFamilyConfig;
+            fontWeight: FontWeightConfig;
+            textTransform: TextTransformConfig;
+            avatarSizes: AvatarSizeConfig;
+            iconSizes: IconSizeConfig;
+            borderRadius: BorderRadiusConfig;
+            borderWidth: BorderWidthConfig;
+        };
+        xLarge: {
+            fontSize: {
+                display1: number;
+                display2: number;
+                display3: number;
+                title1: number;
+                title2: number;
+                title3: number;
+                title4: number;
+                headline1: number;
+                body1: number;
+                label1: number;
+                label2: number;
+                caption1: number;
+                caption2: number;
+                legal1: number;
+            };
+            lineHeight: {
+                title1: number;
+                headline1: number;
+                body1: number;
+                caption1: number;
+                caption2: number;
+                title2: number;
+                title3: number;
+                label1: number;
+                label2: number;
+                legal1: number;
+                display1: number;
+                display2: number;
+                display3: number;
+                title4: number;
+            };
+            fontFamily: FontFamilyConfig;
+            fontWeight: FontWeightConfig;
+            textTransform: TextTransformConfig;
+            avatarSizes: AvatarSizeConfig;
+            iconSizes: IconSizeConfig;
+            borderRadius: BorderRadiusConfig;
+            borderWidth: BorderWidthConfig;
+        };
+        xxLarge: {
+            fontSize: {
+                display1: number;
+                display2: number;
+                display3: number;
+                title1: number;
+                title2: number;
+                title3: number;
+                title4: number;
+                headline1: number;
+                body1: number;
+                label1: number;
+                label2: number;
+                caption1: number;
+                caption2: number;
+                legal1: number;
+            };
+            lineHeight: {
+                title2: number;
+                title3: number;
+                headline1: number;
+                body1: number;
+                label1: number;
+                label2: number;
+                legal1: number;
+                title1: number;
+                caption1: number;
+                caption2: number;
+                display1: number;
+                display2: number;
+                display3: number;
+                title4: number;
+            };
+            fontFamily: FontFamilyConfig;
+            fontWeight: FontWeightConfig;
+            textTransform: TextTransformConfig;
+            avatarSizes: AvatarSizeConfig;
+            iconSizes: IconSizeConfig;
+            borderRadius: BorderRadiusConfig;
+            borderWidth: BorderWidthConfig;
+        };
+        xxxLarge: {
+            fontSize: {
+                display1: number;
+                display2: number;
+                display3: number;
+                title1: number;
+                title2: number;
+                title3: number;
+                title4: number;
+                headline1: number;
+                body1: number;
+                label1: number;
+                label2: number;
+                caption1: number;
+                caption2: number;
+                legal1: number;
+            };
+            lineHeight: {
+                title1: number;
+                title2: number;
+                title4: number;
+                label1: number;
+                label2: number;
+                caption1: number;
+                caption2: number;
+                title3: number;
+                headline1: number;
+                body1: number;
+                legal1: number;
+                display1: number;
+                display2: number;
+                display3: number;
+            };
+            fontFamily: FontFamilyConfig;
+            fontWeight: FontWeightConfig;
+            textTransform: TextTransformConfig;
+            avatarSizes: AvatarSizeConfig;
+            iconSizes: IconSizeConfig;
+            borderRadius: BorderRadiusConfig;
+            borderWidth: BorderWidthConfig;
+        };
+    };
+    fontFamily: FontFamilyGlobalConfig;
+    button: ButtonConfig;
+};
 
 declare const fontFamilyGlobal: FontFamilyGlobalConfig;
 declare const fontWeightMap: Record<FontWeightDescriptive, FontWeightNumeric>;
@@ -1075,6 +1402,25 @@ declare const FONT_SANS_BETA_CSS_VAR = "--uds-font-sans-beta";
 declare const FONT_SANS_CONDENSED_CSS_VAR = "--uds-font-sans-condensed";
 declare const FONT_SERIF_DISPLAY_CSS_VAR = "--uds-font-serif-display";
 declare const FONT_SERIF_TEXT_CSS_VAR = "--uds-font-serif-text";
+declare const BUTTON_CSS_VAR_MAP: {
+    readonly borderRadius: "--uds-button-border-radius";
+    readonly borderWidth: "--uds-buton-border-width";
+    readonly color: "--uds-button-color";
+    readonly backgroundColor: "--uds-button-background-color";
+    readonly borderColor: "--uds-button-border-color";
+    readonly padding: "--uds-button-padding";
+    readonly columnGap: "--uds-button-gap";
+    readonly fontFamily: "--uds-button-font";
+    readonly fontWeight: "--uds-button-font-weight";
+    readonly fontSize: "--uds-button-font-size";
+    readonly lineHeight: "--uds-button-line-height";
+    readonly textTransform: "--uds-button-text-transform";
+};
+declare const PSUEDO_STYLE_SELECTOR_MAP: {
+    readonly hover: "&:hover:not([disabled])";
+    readonly pressed: "&:active:not([disabled])";
+    readonly disabled: "&:disabled";
+};
 
 declare const DEFAULT_COLOR_MODE_FOR_APP: ColorModeForApp;
 declare const DEFAULT_SCALE_MODE_FOR_APP: ScaleModeForApp;
@@ -1087,7 +1433,14 @@ declare function entries<T>(item: T): [Extract<keyof T, string>, T[keyof T]][];
 
 declare function fromEntries<T extends string, K>(item: [T, K][]): Record<T, K>;
 
+interface CombinationsConfig extends Exclude<ButtonConfig, 'defaults'> {
+}
+type Combination<T extends CombinationsConfig> = {
+    [K in keyof T]: keyof T[K];
+};
+declare function generateConfigCombinations(config: CombinationsConfig): Combination<CombinationsConfig>[];
+
 type AnyObject = Record<string, unknown>;
 declare function mapValues<T extends AnyObject, K extends (value: T[keyof T], key: keyof T, i: number) => unknown>(obj: T, callbackFn: K): { [key in keyof T]: ReturnType<K>; };
 
-export { AVATAR_SIZE_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, ButtonConfig, ColorMode, ColorModeForApp, 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, FONT_FAMILY_PREFIX, FONT_ICONS_CSS_VAR, FONT_SANS_BETA_CSS_VAR, FONT_SANS_CONDENSED_CSS_VAR, FONT_SANS_CSS_VAR, FONT_SERIF_DISPLAY_CSS_VAR, FONT_SERIF_TEXT_CSS_VAR, FONT_SIZE_PREFIX, FONT_WEIGHT_PREFIX, FontFamilyGlobalConfig, FontWeightDescriptive, FontWeightNumeric, HighContrastMode, ICON_SIZE_PREFIX, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, RegionMode, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, ScaleMode, ScaleModeForApp, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, UniversalTokensConfig, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, buttons, defaultTokensConfig, entries, fontFamilyGlobal, fontWeightMap, fromEntries, mapValues, variants };
+export { AVATAR_SIZE_PREFIX, AvatarSizeConfig, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CSS_VAR_MAP, BorderRadiusConfig, BorderWidthConfig, ButtonConfig, ColorMode, ColorModeForApp, type Combination, type CombinationsConfig, 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, FONT_FAMILY_PREFIX, FONT_ICONS_CSS_VAR, FONT_SANS_BETA_CSS_VAR, FONT_SANS_CONDENSED_CSS_VAR, FONT_SANS_CSS_VAR, FONT_SERIF_DISPLAY_CSS_VAR, FONT_SERIF_TEXT_CSS_VAR, FONT_SIZE_PREFIX, FONT_WEIGHT_PREFIX, FontFamilyConfig, FontFamilyGlobalConfig, FontWeightConfig, FontWeightDescriptive, FontWeightNumeric, HighContrastMode, ICON_SIZE_PREFIX, IconSizeConfig, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, PSUEDO_STYLE_SELECTOR_MAP, PaletteConfig, RegionMode, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, ScaleMode, ScaleModeForApp, SpectrumConfig, TEXT_TRANSFORM_PREFIX, TextTransformConfig, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, button, defaultTokensConfig, entries, fontFamilyGlobal, fontWeightMap, fromEntries, generateConfigCombinations, mapValues, variants };