@yahoo/uds 0.5.6 → 0.5.8

package/dist/tokens/index.d.ts

@@ -1,5 +1,5 @@
-import { U as UniversalTokensConfig, f as FontFamilyGlobalConfig, a2 as FontWeightDescriptive, e as FontWeightNumeric, E as ColorModeForApp, ar as ScaleModeForApp, C as ColorMode, S as ScaleMode, a5 as HighContrastMode, ao as RegionMode } from '../types-Dg9w4-q2.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, y as ButtonSize, z as ButtonVariant, D as ColorModeConfig, a as ColorsConfig, G as ConfigurableTextProperty, I as CorePalette, c as CorePaletteAlias, J as CustomSizingStyleProps, K as DataAttribute, M as Display, N as Flex, O as FlexAlignContent, P as FlexAlignItems, Q as FlexAlignSelf, R as FlexBasis, T as FlexDirection, V as FlexGrow, W as FlexJustifyContent, X as FlexShrink, Y as FlexStyleProps, Z as FlexWrap, _ as FontFamilyConfig, $ as FontFamilyGlobalAlias, a0 as FontSize, a1 as FontSizeConfig, d as FontWeightConfig, a3 as ForegroundColor, a4 as ForegroundPalette, F as ForegroundPaletteAlias, H as Hue, b as HueStep, a6 as IconSize, a7 as IconSizeConfig, a8 as ImageStyleProps, a9 as LayoutStyleProps, aa as LetterSpacing, ab as LineClampAlias, ac as LineColor, ad as LineHeight, ae as LineHeightConfig, af as LinePalette, L as LinePaletteAlias, ag as Modes, ah as Overflow, ai as Palette, aj as PaletteConfig, ak as PaletteType, al as PaletteValue, am as PlatformMode, an as Position, ap as ScaleConfig, aq as ScaleModeConfig, as as SpacingAlias, at as SpacingConfig, au as SpacingStyleProps, av as SpectrumColor, aw as SpectrumConfig, ax as StateStyleProps, ay as StyleProps, az as TextStyleProps, aA as TextTransform, aB as TextTransformConfig, aC as TextVariant, aD as TransitionDelay, aE as TransitionDuration, aF as TransitionTiming, aG as UniversalAvatarProps, aH as UniversalBoxProps, aI as UniversalButtonProps, aJ as UniversalIconButtonProps, aK as UniversalIconProps, h as UniversalImageProps, aL as UniversalPressableProps, g as UniversalStackProps, aM as UniversalTextInputProps, aN as UniversalTextProps, i as alwaysPalette } from '../types-Dg9w4-q2.js';
+import { z as ButtonConfig, am as PaletteConfig, az as SpectrumConfig, a1 as FontFamilyConfig, d as FontWeightConfig, aE as TextTransformConfig, o as AvatarSizeConfig, aa as IconSizeConfig, t as BorderRadiusConfig, w as BorderWidthConfig, f as FontFamilyGlobalConfig, a5 as FontWeightDescriptive, e as FontWeightNumeric, J as ColorModeForApp, au as ScaleModeForApp, C as ColorMode, S as ScaleMode, a8 as HighContrastMode, ar as RegionMode } from '../types-FhFpiSwO.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 ButtonVariant, G as ButtonVariant2, I as ColorModeConfig, a as ColorsConfig, K as ConfigurableTextProperty, M as CorePalette, c as CorePaletteAlias, N as CustomSizingStyleProps, O as DataAttribute, P as Display, Q as Flex, R as FlexAlignContent, T as FlexAlignItems, V as FlexAlignSelf, W as FlexBasis, X as FlexDirection, Y as FlexGrow, Z as FlexJustifyContent, _ as FlexShrink, $ as FlexStyleProps, a0 as FlexWrap, a2 as FontFamilyGlobalAlias, a3 as FontSize, a4 as FontSizeConfig, a6 as ForegroundColor, a7 as ForegroundPalette, F as ForegroundPaletteAlias, H as Hue, b as HueStep, a9 as IconSize, ab as ImageStyleProps, ac as LayoutStyleProps, ad as LetterSpacing, ae as LineClampAlias, af as LineColor, ag as LineHeight, ah as LineHeightConfig, ai as LinePalette, L as LinePaletteAlias, aj as Modes, ak as Overflow, al as Palette, an as PaletteType, ao as PaletteValue, ap as PlatformMode, aq as Position, as as ScaleConfig, at as ScaleModeConfig, av as SpacingAlias, aw as SpacingConfig, ax as SpacingStyleProps, ay as SpectrumColor, aA as StateStyleProps, aB as StyleProps, aJ as TShirtSize, aK as TShirtSizeCommon, aC as TextStyleProps, aD as TextTransform, aF as TextVariant, aG as TransitionDelay, aH as TransitionDuration, aI as TransitionTiming, aL as UniversalAvatarProps, aM as UniversalBoxProps, aN as UniversalButtonProps, aO as UniversalIconButtonProps, aP as UniversalIconProps, h as UniversalImageProps, aQ as UniversalPressableProps, g as UniversalStackProps, aR as UniversalTextInputProps, aS as UniversalTextProps, U as UniversalTokensConfig, i as alwaysPalette } from '../types-FhFpiSwO.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;
@@ -900,9 +908,9 @@ declare const variants: {
         thick: string;
     };
     avatarSize: {
-        s: string;
-        m: string;
-        l: string;
+        sm: string;
+        md: string;
+        lg: string;
     };
     iconSize: {
         sm: string;
@@ -1038,9 +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 defaultTokensConfig: UniversalTokensConfig;
+declare const button: ButtonConfig;
+
+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>;
@@ -1088,4 +1417,4 @@ declare function fromEntries<T extends string, K>(item: [T, K][]): Record<T, K>;
 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, 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, defaultTokensConfig, entries, fontFamilyGlobal, fontWeightMap, fromEntries, mapValues, variants };
+export { AVATAR_SIZE_PREFIX, AvatarSizeConfig, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BorderRadiusConfig, BorderWidthConfig, 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, 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, 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, mapValues, variants };