@yahoo/uds 0.5.5 → 0.5.7

package/dist/{types-b1Ey4J4B.d.ts → types-DDJJDimt.d.ts}

@@ -54,14 +54,16 @@ type FontFamilyConfig = Record<TextVariant, FontFamilyGlobalAlias>;
 type FontWeightConfig = Record<TextVariant, FontWeightDescriptive>;
 type LineHeightConfig = Record<TextVariant, LineHeight>;
 type ConfigurableTextProperty = 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight' | 'textTransform';
-type AvatarSize = 's' | 'm' | 'l';
+type TShirtSize = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type TShirtSizeCommon = Extract<TShirtSize, 'sm' | 'md' | 'lg'>;
+type AvatarSize = TShirtSizeCommon;
 type AvatarSizeConfig = Record<AvatarSize, number>;
 type AvatarShape = BorderRadius;
-type IconSize = 'sm' | 'md' | 'lg';
+type IconSize = TShirtSizeCommon;
 type IconSizeConfig = Record<IconSize, number>;
 type SpacingAlias = '0' | 'px' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '3.5' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '14' | '16' | '20' | '24' | '28' | '32' | '36' | '40' | '44' | '48' | '52' | '56' | '60' | '64' | '72' | '80' | '96';
 type SpacingConfig = Record<SpacingAlias, number>;
-type BorderRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type BorderRadius = TShirtSize;
 type BorderRadiusConfig = Record<BorderRadius, number>;
 type BorderWidth = 'none' | 'thin' | 'medium' | 'thick';
 type BorderWidthConfig = Record<BorderWidth, number>;
@@ -97,10 +99,61 @@ type ScaleConfig = {
     textTransform: TextTransformConfig;
 };
 type ScaleModeConfig = Record<ScaleMode, ScaleConfig>;
+type ButtonSpectrumColor = {
+    type: 'spectrum';
+    value: SpectrumColor;
+};
+type ButtonComputedColor = {
+    type: 'computed';
+    value: `${string} ${string} ${string}`;
+    meta: {
+        effect: 'lighten' | 'darken';
+        hue: Hue;
+        hueStep: HueStep;
+    };
+};
+type ButtonBackgroundPaletteColor = {
+    type: 'palette';
+    value: BackgroundColor;
+};
+type ButtonForegroundPaletteColor = {
+    type: 'palette';
+    value: ForegroundColor;
+};
+type ButtonBorderPaletteColor = {
+    type: 'palette';
+    value: LineColor;
+};
+interface ButtonStateConfig {
+    backgroundColor?: ButtonSpectrumColor | ButtonBackgroundPaletteColor | ButtonComputedColor;
+    foregroundColor: ButtonSpectrumColor | ButtonForegroundPaletteColor | ButtonComputedColor;
+    borderColor?: ButtonSpectrumColor | ButtonBorderPaletteColor | ButtonComputedColor;
+}
+interface ButtonVariantConfig {
+    kind: 'fill' | 'outline' | 'ghost';
+    borderWidth: BorderWidth;
+    rest: ButtonStateConfig;
+    hover: ButtonStateConfig;
+    pressed: ButtonStateConfig;
+    disabled: ButtonStateConfig;
+}
+interface ButtonSizeConfig {
+    spacingHorizontal: SpacingAlias;
+    spacingVertical: SpacingAlias;
+    gap: SpacingAlias;
+    iconSize: IconSize;
+    textStyle: TextVariant;
+    shape: BorderRadius;
+}
+interface ButtonConfig {
+    sizes: Record<TShirtSizeCommon, ButtonSizeConfig>;
+    variants: Record<'primary' | 'secondary' | 'tertiary', ButtonVariantConfig>;
+}
 type UniversalTokensConfig = {
     colorMode: ColorModeConfig;
     scaleMode: ScaleModeConfig;
     fontFamily: FontFamilyGlobalConfig;
+    buttons?: ButtonConfig;
 };
 type PlatformMode = 'web' | 'ios' | 'android';
 type ColorMode = 'light' | 'dark';
@@ -151,14 +204,6 @@ interface BorderStyleProps {
     borderBottomEndRadius?: BorderRadius;
     /** Adds a custom border color from the palette */
     borderColor?: LineColor;
-    /** Border color on active. */
-    borderColorOnActive?: LineColor;
-    /** Border color on focus. */
-    borderColorOnFocus?: LineColor;
-    /** Border color on checked. */
-    borderColorOnChecked?: LineColor;
-    /** Border color on hover. */
-    borderColorOnHover?: LineColor;
     /** Start border color */
     borderStartColor?: LineColor;
     /** End border color */
@@ -311,12 +356,12 @@ interface UniversalPressableProps extends UniversalBoxProps {
     onPress?: () => void;
 }
 type ButtonVariant = CorePaletteAlias | `${CorePaletteAlias}-outline` | `${CorePaletteAlias}-ghost` | 'primary-ghost' | 'primary-outline' | 'secondary';
-type ButtonSize = 's' | 'm' | 'l';
+type ButtonSize = TShirtSizeCommon;
 interface UniversalIconButtonProps {
     /** The variant of the button. */
     variant?: ButtonVariant;
     /** The size of the button. */
-    size?: ButtonSize;
+    size?: UniversalIconProps['size'];
     /** Icon to render from the icons package. */
     name: SvgIcon;
     /** Color for the icon. */
@@ -330,7 +375,7 @@ interface UniversalButtonProps {
     variant?: ButtonVariant;
     /**
      * The size of the button
-     * @default 'm'
+     * @default 'md'
      */
     size?: ButtonSize;
     /** The name of the icon to be displayed at the start of the button. */
@@ -370,4 +415,4 @@ interface UniversalTextInputProps {
     spacingHorizontal?: SpacingAlias;
 }
 
-export { type FlexAlignItems as $, type AvatarSizeConfig as A, type BorderRadiusConfig as B, type ColorModeForApp as C, type BackgroundStyleProps as D, type BorderRadius as E, type FontFamilyConfig as F, type BorderStyleProps as G, type BorderWidth as H, type IconSizeConfig as I, type BoxShadowConfig as J, type ButtonSize as K, type LineHeightConfig as L, type Modes as M, type ButtonVariant as N, type ColorModeConfig as O, type ColorsConfig as P, type ConfigurableTextProperty as Q, type CorePalette as R, type ScaleModeForApp as S, type TextTransformConfig as T, type UniversalAvatarProps as U, type CorePaletteAlias as V, type CustomSizingStyleProps as W, type DataAttribute as X, type Display as Y, type Flex as Z, type FlexAlignContent as _, type UniversalButtonProps as a, type FlexAlignSelf as a0, type FlexBasis as a1, type FlexDirection as a2, type FlexGrow as a3, type FlexJustifyContent as a4, type FlexShrink as a5, type FlexStyleProps as a6, type FlexWrap as a7, type FontFamilyGlobalAlias as a8, type FontSize as a9, type ScaleModeConfig as aA, type SpacingAlias as aB, type SpacingConfig as aC, type SpacingStyleProps as aD, type SpectrumColor as aE, type SpectrumConfig as aF, type StateStyleProps as aG, type TextStyleProps as aH, type TextTransform as aI, type TextVariant as aJ, type TransitionDelay as aK, type TransitionDuration as aL, type TransitionTiming as aM, type UniversalTextInputProps as aN, type FontWeightDescriptive as aa, type FontWeightNumeric as ab, type ForegroundColor as ac, type ForegroundPalette as ad, type ForegroundPaletteAlias as ae, type HighContrastMode as af, type Hue as ag, type HueStep as ah, type IconSize as ai, type ImageStyleProps as aj, type LayoutStyleProps as ak, type LetterSpacing as al, type LineClampAlias as am, type LineColor as an, type LineHeight as ao, type LinePalette as ap, type LinePaletteAlias as aq, type Overflow as ar, type Palette as as, type PaletteConfig as at, type PaletteType as au, type PaletteValue as av, type PlatformMode as aw, type Position as ax, type RegionMode as ay, type ScaleConfig as az, type UniversalPressableProps as b, type UniversalIconButtonProps as c, type UniversalImageProps as d, type UniversalBoxProps as e, type UniversalStackProps as f, type UniversalTextProps as g, type UniversalIconProps as h, type ColorMode as i, type ScaleMode as j, type UniversalTokensConfig as k, type StyleProps as l, type BorderWidthConfig as m, type FontSizeConfig as n, type FontWeightConfig as o, type FontFamilyGlobalConfig as p, alwaysPalette as q, type AlwaysPalette as r, type AlwaysPaletteAlias as s, type Animation as t, type AriaAttribute as u, type AvatarShape as v, type AvatarSize as w, type BackgroundColor as x, type BackgroundPalette as y, type BackgroundPaletteAlias as z };
+export { type FlexAlignContent as $, type AvatarSizeConfig as A, type ButtonConfig as B, type ColorModeForApp as C, type BackgroundPaletteAlias as D, type BackgroundStyleProps as E, type FontFamilyConfig as F, type BorderRadius as G, type BorderStyleProps as H, type IconSizeConfig as I, type BorderWidth as J, type BoxShadowConfig as K, type LineHeightConfig as L, type Modes as M, type ButtonSize as N, type ButtonVariant as O, type ColorModeConfig as P, type ColorsConfig as Q, type ConfigurableTextProperty as R, type ScaleModeForApp as S, type TextTransformConfig as T, type UniversalAvatarProps as U, type CorePalette as V, type CorePaletteAlias as W, type CustomSizingStyleProps as X, type DataAttribute as Y, type Display as Z, type Flex as _, type UniversalButtonProps as a, type FlexAlignItems as a0, type FlexAlignSelf as a1, type FlexBasis as a2, type FlexDirection as a3, type FlexGrow as a4, type FlexJustifyContent as a5, type FlexShrink as a6, type FlexStyleProps as a7, type FlexWrap as a8, type FontFamilyGlobalAlias as a9, type ScaleConfig as aA, type ScaleModeConfig as aB, type SpacingAlias as aC, type SpacingConfig as aD, type SpacingStyleProps as aE, type SpectrumColor as aF, type SpectrumConfig as aG, type StateStyleProps as aH, type TextStyleProps as aI, type TextTransform as aJ, type TextVariant as aK, type TransitionDelay as aL, type TransitionDuration as aM, type TransitionTiming as aN, type TShirtSize as aO, type TShirtSizeCommon as aP, type UniversalTextInputProps as aQ, type FontSize as aa, type FontWeightDescriptive as ab, type FontWeightNumeric as ac, type ForegroundColor as ad, type ForegroundPalette as ae, type ForegroundPaletteAlias as af, type HighContrastMode as ag, type Hue as ah, type HueStep as ai, type IconSize as aj, type ImageStyleProps as ak, type LayoutStyleProps as al, type LetterSpacing as am, type LineClampAlias as an, type LineColor as ao, type LineHeight as ap, type LinePalette as aq, type LinePaletteAlias as ar, type Overflow as as, type Palette as at, type PaletteConfig as au, type PaletteType as av, type PaletteValue as aw, type PlatformMode as ax, type Position as ay, type RegionMode as az, type UniversalPressableProps as b, type UniversalIconButtonProps as c, type UniversalImageProps as d, type UniversalBoxProps as e, type UniversalStackProps as f, type UniversalTextProps as g, type UniversalIconProps as h, type ColorMode as i, type ScaleMode as j, type UniversalTokensConfig as k, type StyleProps as l, type BorderRadiusConfig as m, type BorderWidthConfig as n, type FontSizeConfig as o, type FontWeightConfig as p, type FontFamilyGlobalConfig as q, alwaysPalette as r, type AlwaysPalette as s, type AlwaysPaletteAlias as t, type Animation as u, type AriaAttribute as v, type AvatarShape as w, type AvatarSize as x, type BackgroundColor as y, type BackgroundPalette as z };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yahoo/uds",
   "description": "Yahoo Universal System",
-  "version": "0.5.5",
+  "version": "0.5.7",
   "type": "module",
   "bin": {
     "uds": "./cli/uds-cli"