@yahoo/uds-mobile 1.0.1 → 1.1.0-beta.1

package/dist/uds/dist/tokens/automation/configs/avatar.d.cts

@@ -1,2 +0,0 @@
-
-import "../types/ComponentConfig.cjs";

package/dist/uds/dist/tokens/automation/configs/avatar.d.mts

@@ -1,2 +0,0 @@
-
-import "../types/ComponentConfig.mjs";

package/dist/uds/dist/tokens/automation/properties.d.cts

@@ -1,3 +0,0 @@
-
-import "../types.cjs";
-import "./types/ComponentConfig.cjs";

package/dist/uds/dist/tokens/automation/properties.d.mts

@@ -1,3 +0,0 @@
-
-import "../types.mjs";
-import "./types/ComponentConfig.mjs";

package/dist/uds/dist/tokens/automation/types/ComponentConfig.d.cts

@@ -1,3 +0,0 @@
-
-import "../../types.cjs";
-import "../properties.cjs";

package/dist/uds/dist/tokens/automation/types/ComponentConfig.d.mts

@@ -1,3 +0,0 @@
-
-import "../../types.mjs";
-import "../properties.mjs";

package/dist/uds/dist/tokens/configs/motion.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"motion.d.cts","names":["MotionConfig","SCALE_EFFECTS","animation","transitionDelay","transitionDuration","transitionTiming","motion"],"sources":["../../../../../../uds/dist/tokens/configs/motion.d.ts"],"sourcesContent":["\nimport { MotionConfig } from \"../types.js\";\nimport \"../index.js\";\n\n//#region src/tokens/configs/motion.d.ts\n\n/**\n * Scale effect values for button press/hover animations.\n * Used by both web (CSS transforms) and mobile (Reanimated).\n */\ndeclare const SCALE_EFFECTS: {\n  readonly up: 1.03;\n  readonly down: 0.97;\n  readonly none: 1;\n};\ndeclare const animation: {\n  none: string;\n  spin: string;\n  ping: string;\n  pulse: string;\n  bounce: string;\n};\ndeclare const transitionDelay: {\n  '0': string;\n  '75': string;\n  '100': string;\n  '150': string;\n  '200': string;\n  '300': string;\n  '500': string;\n  '700': string;\n  '1000': string;\n};\ndeclare const transitionDuration: {\n  '0': string;\n  '75': string;\n  '100': string;\n  '150': string;\n  '200': string;\n  '300': string;\n  '500': string;\n  '700': string;\n  '1000': string;\n};\ndeclare const transitionTiming: {\n  linear: string;\n  in: string;\n  out: string;\n  'in-out': string;\n};\ndeclare const motion: MotionConfig;\n//#endregion\nexport { SCALE_EFFECTS, animation, motion, transitionDelay, transitionDuration, transitionTiming };"],"mappings":";;;;;AAiDC;;;;;cAvCaC;;;;;cAwCAK,QAAQN"}

package/dist/uds/dist/tokens/configs/motion.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"motion.d.mts","names":["MotionConfig","SCALE_EFFECTS","animation","transitionDelay","transitionDuration","transitionTiming","motion"],"sources":["../../../../../../uds/dist/tokens/configs/motion.d.ts"],"sourcesContent":["\nimport { MotionConfig } from \"../types.js\";\nimport \"../index.js\";\n\n//#region src/tokens/configs/motion.d.ts\n\n/**\n * Scale effect values for button press/hover animations.\n * Used by both web (CSS transforms) and mobile (Reanimated).\n */\ndeclare const SCALE_EFFECTS: {\n  readonly up: 1.03;\n  readonly down: 0.97;\n  readonly none: 1;\n};\ndeclare const animation: {\n  none: string;\n  spin: string;\n  ping: string;\n  pulse: string;\n  bounce: string;\n};\ndeclare const transitionDelay: {\n  '0': string;\n  '75': string;\n  '100': string;\n  '150': string;\n  '200': string;\n  '300': string;\n  '500': string;\n  '700': string;\n  '1000': string;\n};\ndeclare const transitionDuration: {\n  '0': string;\n  '75': string;\n  '100': string;\n  '150': string;\n  '200': string;\n  '300': string;\n  '500': string;\n  '700': string;\n  '1000': string;\n};\ndeclare const transitionTiming: {\n  linear: string;\n  in: string;\n  out: string;\n  'in-out': string;\n};\ndeclare const motion: MotionConfig;\n//#endregion\nexport { SCALE_EFFECTS, animation, motion, transitionDelay, transitionDuration, transitionTiming };"],"mappings":";;;;;AAiDC;;;;;cAvCaC;;;;;cAwCAK,QAAQN"}

package/dist/uds/dist/tokens/configs/motion.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"motion.mjs","names":[],"sources":["../../../../../../uds/dist/tokens/configs/motion.js"],"sourcesContent":["/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */\n//#region src/tokens/configs/motion.ts\n/**\n* Scale effect values for button press/hover animations.\n* Used by both web (CSS transforms) and mobile (Reanimated).\n*/\nconst SCALE_EFFECTS = {\n\tup: 1.03,\n\tdown: .97,\n\tnone: 1\n};\nconst animation = {\n\tnone: \"none\",\n\tspin: \"spin 1s linear infinite\",\n\tping: \"ping 1s cubic-bezier(0, 0, 0.2, 1) infinite\",\n\tpulse: \"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite\",\n\tbounce: \"bounce 1s infinite\"\n};\nconst transitionDelay = {\n\t\"0\": \"0s\",\n\t\"75\": \"75ms\",\n\t\"100\": \"100ms\",\n\t\"150\": \"150ms\",\n\t\"200\": \"200ms\",\n\t\"300\": \"300ms\",\n\t\"500\": \"500ms\",\n\t\"700\": \"700ms\",\n\t\"1000\": \"1000ms\"\n};\nconst transitionDuration = {\n\t\"0\": \"0s\",\n\t\"75\": \"75ms\",\n\t\"100\": \"100ms\",\n\t\"150\": \"150ms\",\n\t\"200\": \"200ms\",\n\t\"300\": \"300ms\",\n\t\"500\": \"500ms\",\n\t\"700\": \"700ms\",\n\t\"1000\": \"1000ms\"\n};\nconst transitionTiming = {\n\tlinear: \"linear\",\n\tin: \"cubic-bezier(0.4, 0, 1, 1)\",\n\tout: \"cubic-bezier(0, 0, 0.2, 1)\",\n\t\"in-out\": \"cubic-bezier(0.4, 0, 0.2, 1)\"\n};\nconst motion = {\n\tdamped: {\n\t\t\"1\": {\n\t\t\tdamping: 20.585796264350424,\n\t\t\tstiffness: 62.37968115365702\n\t\t},\n\t\t\"2\": {\n\t\t\tdamping: 29.312551281312288,\n\t\t\tstiffness: 126.47801753759964\n\t\t},\n\t\t\"3\": {\n\t\t\tdamping: 48.92799401356162,\n\t\t\tstiffness: 352.3892336537332\n\t\t},\n\t\t\"4\": {\n\t\t\tdamping: 123.42690994256348,\n\t\t\tstiffness: 2242.474548821137\n\t\t}\n\t},\n\tsmooth: {\n\t\t\"1\": {\n\t\t\tdamping: 16.46863701148034,\n\t\t\tstiffness: 67.80400125397502\n\t\t},\n\t\t\"2\": {\n\t\t\tdamping: 23.45004102504983,\n\t\t\tstiffness: 137.47610601913004\n\t\t},\n\t\t\"3\": {\n\t\t\tdamping: 39.1423952108493,\n\t\t\tstiffness: 383.03177571057955\n\t\t},\n\t\t\"4\": {\n\t\t\tdamping: 98.7415279540508,\n\t\t\tstiffness: 2437.4723356751488\n\t\t}\n\t},\n\tsubtle: {\n\t\t\"1\": {\n\t\t\tdamping: 13.04316051309243,\n\t\t\tstiffness: 67.80400125397502\n\t\t},\n\t\t\"2\": {\n\t\t\tdamping: 18.572432491839468,\n\t\t\tstiffness: 137.47610601913004\n\t\t},\n\t\t\"3\": {\n\t\t\tdamping: 31.000777006992646,\n\t\t\tstiffness: 383.03177571057955\n\t\t},\n\t\t\"4\": {\n\t\t\tdamping: 78.20329013960823,\n\t\t\tstiffness: 2437.4723356751488\n\t\t}\n\t},\n\tbouncy: {\n\t\t\"1\": {\n\t\t\tdamping: 9.229712940600143,\n\t\t\tstiffness: 48.880672622541795\n\t\t},\n\t\t\"2\": {\n\t\t\tdamping: 12.634144343496553,\n\t\t\tstiffness: 91.59092691366399\n\t\t},\n\t\t\"3\": {\n\t\t\tdamping: 19.40217701790486,\n\t\t\tstiffness: 216.00395877230474\n\t\t},\n\t\t\"4\": {\n\t\t\tdamping: 37.541723184430275,\n\t\t\tstiffness: 808.7032559422912\n\t\t}\n\t},\n\tveryBouncy: {\n\t\t\"1\": {\n\t\t\tdamping: 6.902290754946187,\n\t\t\tstiffness: 38.92152745126911\n\t\t},\n\t\t\"2\": {\n\t\t\tdamping: 9.155550514215523,\n\t\t\tstiffness: 68.48134828711234\n\t\t},\n\t\t\"3\": {\n\t\t\tdamping: 13.244464908166709,\n\t\t\tstiffness: 143.30858570843873\n\t\t},\n\t\t\"4\": {\n\t\t\tdamping: 22.17862652876726,\n\t\t\tstiffness: 401.85804919502965\n\t\t}\n\t}\n};\n\n//#endregion\nexport { SCALE_EFFECTS, animation, motion, transitionDelay, transitionDuration, transitionTiming };"],"mappings":";;;;;;;AAMA,MAAM,gBAAgB;CACrB,IAAI;CACJ,MAAM;CACN,MAAM;CACN;AAoCD,MAAM,SAAS;CACd,QAAQ;EACP,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD;CACD,QAAQ;EACP,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD;CACD,QAAQ;EACP,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD;CACD,QAAQ;EACP,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD;CACD,YAAY;EACX,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD,KAAK;GACJ,SAAS;GACT,WAAW;GACX;EACD;CACD"}

package/dist/uds/dist/tokens/configs/palette/alwaysPalette.d.cts

@@ -1,32 +0,0 @@
-
-//#region ../uds/dist/tokens/configs/palette/alwaysPalette.d.ts
-
-declare const deprecatedAlwaysPalette: {
-  /**
-   * @deprecated Use 'always/white' instead
-   */
-  readonly white: "#ffffff";
-  /**
-   * @deprecated Use 'always/black' instead
-   */
-  readonly black: "#000000";
-  /**
-   * @deprecated Use 'always/transparent' instead
-   */
-  readonly transparent: "transparent";
-  /**
-   * @deprecated Use 'always/current' instead
-   */
-  readonly current: "currentColor";
-};
-declare const newAlwaysPalette: {
-  readonly 'always/white': "#ffffff";
-  readonly 'always/black': "#000000";
-  readonly 'always/transparent': "transparent";
-  readonly 'always/current': "currentColor";
-  readonly 'always/brand': "#7d2eff";
-  readonly 'always/accent': "#f8fb4c";
-};
-//#endregion
-export { deprecatedAlwaysPalette, newAlwaysPalette };
-//# sourceMappingURL=alwaysPalette.d.cts.map

package/dist/uds/dist/tokens/configs/palette/alwaysPalette.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alwaysPalette.d.cts","names":["ALWAYS_PREFIX","deprecatedAlwaysPalette","newAlwaysPalette","alwaysPalette"],"sources":["../../../../../../../uds/dist/tokens/configs/palette/alwaysPalette.d.ts"],"sourcesContent":["\n//#region src/tokens/configs/palette/alwaysPalette.d.ts\ndeclare const ALWAYS_PREFIX = \"always/\";\ndeclare const deprecatedAlwaysPalette: {\n  /**\n   * @deprecated Use 'always/white' instead\n   */\n  readonly white: \"#ffffff\";\n  /**\n   * @deprecated Use 'always/black' instead\n   */\n  readonly black: \"#000000\";\n  /**\n   * @deprecated Use 'always/transparent' instead\n   */\n  readonly transparent: \"transparent\";\n  /**\n   * @deprecated Use 'always/current' instead\n   */\n  readonly current: \"currentColor\";\n};\ndeclare const newAlwaysPalette: {\n  readonly 'always/white': \"#ffffff\";\n  readonly 'always/black': \"#000000\";\n  readonly 'always/transparent': \"transparent\";\n  readonly 'always/current': \"currentColor\";\n  readonly 'always/brand': \"#7d2eff\";\n  readonly 'always/accent': \"#f8fb4c\";\n};\ndeclare const alwaysPalette: {\n  readonly 'always/white': \"#ffffff\";\n  readonly 'always/black': \"#000000\";\n  readonly 'always/transparent': \"transparent\";\n  readonly 'always/current': \"currentColor\";\n  readonly 'always/brand': \"#7d2eff\";\n  readonly 'always/accent': \"#f8fb4c\";\n  /**\n   * @deprecated Use 'always/white' instead\n   */\n  readonly white: \"#ffffff\";\n  /**\n   * @deprecated Use 'always/black' instead\n   */\n  readonly black: \"#000000\";\n  /**\n   * @deprecated Use 'always/transparent' instead\n   */\n  readonly transparent: \"transparent\";\n  /**\n   * @deprecated Use 'always/current' instead\n   */\n  readonly current: \"currentColor\";\n};\n//#endregion\nexport { ALWAYS_PREFIX, alwaysPalette, deprecatedAlwaysPalette, newAlwaysPalette };"],"mappings":";;;cAGcC;;;;;;;;;;;;;;;;;;cAkBAC"}

package/dist/uds/dist/tokens/configs/palette/alwaysPalette.d.mts

@@ -1,32 +0,0 @@
-
-//#region ../uds/dist/tokens/configs/palette/alwaysPalette.d.ts
-
-declare const deprecatedAlwaysPalette: {
-  /**
-   * @deprecated Use 'always/white' instead
-   */
-  readonly white: "#ffffff";
-  /**
-   * @deprecated Use 'always/black' instead
-   */
-  readonly black: "#000000";
-  /**
-   * @deprecated Use 'always/transparent' instead
-   */
-  readonly transparent: "transparent";
-  /**
-   * @deprecated Use 'always/current' instead
-   */
-  readonly current: "currentColor";
-};
-declare const newAlwaysPalette: {
-  readonly 'always/white': "#ffffff";
-  readonly 'always/black': "#000000";
-  readonly 'always/transparent': "transparent";
-  readonly 'always/current': "currentColor";
-  readonly 'always/brand': "#7d2eff";
-  readonly 'always/accent': "#f8fb4c";
-};
-//#endregion
-export { deprecatedAlwaysPalette, newAlwaysPalette };
-//# sourceMappingURL=alwaysPalette.d.mts.map

package/dist/uds/dist/tokens/configs/palette/alwaysPalette.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alwaysPalette.d.mts","names":["ALWAYS_PREFIX","deprecatedAlwaysPalette","newAlwaysPalette","alwaysPalette"],"sources":["../../../../../../../uds/dist/tokens/configs/palette/alwaysPalette.d.ts"],"sourcesContent":["\n//#region src/tokens/configs/palette/alwaysPalette.d.ts\ndeclare const ALWAYS_PREFIX = \"always/\";\ndeclare const deprecatedAlwaysPalette: {\n  /**\n   * @deprecated Use 'always/white' instead\n   */\n  readonly white: \"#ffffff\";\n  /**\n   * @deprecated Use 'always/black' instead\n   */\n  readonly black: \"#000000\";\n  /**\n   * @deprecated Use 'always/transparent' instead\n   */\n  readonly transparent: \"transparent\";\n  /**\n   * @deprecated Use 'always/current' instead\n   */\n  readonly current: \"currentColor\";\n};\ndeclare const newAlwaysPalette: {\n  readonly 'always/white': \"#ffffff\";\n  readonly 'always/black': \"#000000\";\n  readonly 'always/transparent': \"transparent\";\n  readonly 'always/current': \"currentColor\";\n  readonly 'always/brand': \"#7d2eff\";\n  readonly 'always/accent': \"#f8fb4c\";\n};\ndeclare const alwaysPalette: {\n  readonly 'always/white': \"#ffffff\";\n  readonly 'always/black': \"#000000\";\n  readonly 'always/transparent': \"transparent\";\n  readonly 'always/current': \"currentColor\";\n  readonly 'always/brand': \"#7d2eff\";\n  readonly 'always/accent': \"#f8fb4c\";\n  /**\n   * @deprecated Use 'always/white' instead\n   */\n  readonly white: \"#ffffff\";\n  /**\n   * @deprecated Use 'always/black' instead\n   */\n  readonly black: \"#000000\";\n  /**\n   * @deprecated Use 'always/transparent' instead\n   */\n  readonly transparent: \"transparent\";\n  /**\n   * @deprecated Use 'always/current' instead\n   */\n  readonly current: \"currentColor\";\n};\n//#endregion\nexport { ALWAYS_PREFIX, alwaysPalette, deprecatedAlwaysPalette, newAlwaysPalette };"],"mappings":";;;cAGcC;;;;;;;;;;;;;;;;;;cAkBAC"}

package/dist/uds/dist/tokens/types.d.cts

@@ -1,426 +0,0 @@
-
-import { deprecatedAlwaysPalette, newAlwaysPalette } from "./configs/palette/alwaysPalette.cjs";
-import { IconSize, IconVariant, SvgIcon } from "../../../icons/dist/types.cjs";
-import { ElementType, PropsWithChildren, ReactElement, ReactNode, Ref } from "react";
-import { Spring } from "motion/react";
-
-//#region ../uds/dist/tokens/types.d.ts
-
-type SharedPrimaryPaletteAlias = 'brand' | 'alert' | 'positive' | 'warning' | 'info';
-type SharedSecondaryPaletteAlias = `${SharedPrimaryPaletteAlias}-secondary`;
-type SharedPaletteAlias = SharedPrimaryPaletteAlias | SharedSecondaryPaletteAlias;
-type DeprecatedAccentAlias = 'accent';
-type BackgroundPaletteAlias = 'primary' | 'secondary' | DeprecatedAccentAlias | SharedPaletteAlias;
-type ForegroundPaletteAlias = 'primary' | 'secondary' | 'tertiary' | 'muted' | 'on-color' | DeprecatedAccentAlias | SharedPaletteAlias;
-type LinePaletteAlias = 'primary' | 'secondary' | 'tertiary' | 'muted' | DeprecatedAccentAlias | SharedPaletteAlias;
-type AlwaysPaletteAliasWithPrefix = keyof typeof newAlwaysPalette;
-type AlwaysPaletteAlias = keyof typeof deprecatedAlwaysPalette | AlwaysPaletteAliasWithPrefix;
-type ForegroundColor = ForegroundPaletteAlias | AlwaysPaletteAlias;
-type LineColor = LinePaletteAlias | AlwaysPaletteAlias | ElevationAlias;
-type BackgroundColor = BackgroundPaletteAlias | AlwaysPaletteAlias | ElevationAlias;
-type ShadowVariant = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-type ShadowVariantWithElevation = ShadowVariant | ElevationAlias;
-type ShadowVariantInvert = `${Exclude<ShadowVariant, 'none'>}-invert`;
-type TextVariantTypography = 'display1' | 'display2' | 'display3' | 'title1' | 'title2' | 'title3' | 'title4' | 'headline1' | 'body1' | 'label1' | 'label2' | 'label3' | 'label4' | 'caption1' | 'caption2' | 'legal1';
-type TextVariantUi = 'ui1' | 'ui2' | 'ui3' | 'ui4' | 'ui5' | 'ui6';
-type TextVariantWithoutEmphasized = TextVariantTypography | TextVariantUi;
-type TShirtSize = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-type TShirtSizeCommon = Extract<TShirtSize, 'sm' | 'md' | 'lg'>;
-type SpacingAlias = '0' | 'px' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '3.5' | '4' | '4.5' | '5' | '5.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 ElevationLevel = '0' | '1' | '2' | '3' | '4' | '5';
-type ElevationAlias = `elevation-${ElevationLevel}`;
-type BorderRadius = TShirtSize;
-type BorderWidth = 'none' | 'thin' | 'medium' | 'thick';
-type BorderWidthWithElevation = BorderWidth | ElevationAlias;
-type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
-type ButtonPalette = 'brand' | 'accent' | 'alert' | 'positive' | 'warning' | 'info';
-type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
-type ButtonVariantFlat = ButtonVariant | `${Exclude<ButtonPalette, 'accent'>}` | `${Exclude<ButtonPalette, 'accent'>}-${Exclude<ButtonVariant, 'primary'>}`;
-type IconButtonSize = Extract<TShirtSize, 'xs' | TShirtSizeCommon | 'xl'>;
-type InputSize = Extract<TShirtSizeCommon, 'md' | 'lg'>;
-type MotionVariant = 'damped' | 'smooth' | 'subtle' | 'bouncy' | 'veryBouncy';
-type MotionVariantSpeed = '1' | '2' | '3' | '4';
-type MotionSpringConfigOptions = 'damping' | 'stiffness';
-type MotionSpringConfig = Required<Pick<Spring, MotionSpringConfigOptions>>;
-type MotionVariantValues = { [key in MotionVariantSpeed]: MotionSpringConfig };
-type MotionConfig = Record<MotionVariant, MotionVariantValues>;
-type Flex = '1' | 'auto' | 'initial' | 'none';
-type FlexGrow = '0' | '1' | '2' | '3';
-type FlexShrink = '0' | '1';
-type FlexAlignContent = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
-type FlexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
-type FlexAlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
-type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
-type FlexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
-type FlexBasis = 'min-content';
-type Display = 'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'table' | 'inline-table' | 'table-caption' | 'table-cell' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row-group' | 'table-row' | 'flow-root' | 'grid' | 'contents' | 'none';
-type Overflow = 'auto' | 'hidden' | 'clip' | 'visible' | 'scroll';
-type Position = 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky';
-type ImageStyleProps = {
-  /**
-   * Determines how the image should be resized to fit its container.
-   */
-  contentFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
-};
-interface BorderStyleProps {
-  /** Add a border radius to all corners of the box. */
-  borderRadius?: BorderRadius;
-  /** Add a border radius to top left corner of the box. */
-  borderTopStartRadius?: BorderRadius;
-  /** Add a border radius to top right corner of the box. */
-  borderTopEndRadius?: BorderRadius;
-  /** Add a border radius to bottom left corner of the box. */
-  borderBottomStartRadius?: BorderRadius;
-  /** Add a border radius to bottom right corner of the box. */
-  borderBottomEndRadius?: BorderRadius;
-  /** Adds a custom border color from the palette */
-  borderColor?: LineColor;
-  /** Start border color */
-  borderStartColor?: LineColor;
-  /** End border color */
-  borderEndColor?: LineColor;
-  /** Top border color */
-  borderTopColor?: LineColor;
-  /** Bottom border color */
-  borderBottomColor?: LineColor;
-  /** Shorthand property to the width of an element's border. */
-  borderWidth?: BorderWidthWithElevation;
-  /** Sets the width of the top and bottom border of an element. */
-  borderVerticalWidth?: BorderWidthWithElevation;
-  /** Sets the width of the start (left) and end (right) border of an element. */
-  borderHorizontalWidth?: BorderWidthWithElevation;
-  /** Sets the width of the start (left) border of an element. */
-  borderStartWidth?: BorderWidthWithElevation;
-  /** Sets the width of the end (right) border of an element. */
-  borderEndWidth?: BorderWidthWithElevation;
-  /** Sets the width of the top border of an element. */
-  borderTopWidth?: BorderWidthWithElevation;
-  /** Sets the width of the bottom border of an element. */
-  borderBottomWidth?: BorderWidthWithElevation;
-}
-interface NestedBorderRadiusStyleProps {
-  /**
-   * Apply nested border radius calculation to first/last children.
-   * Uses CSS custom properties to calculate appropriate nested radius based on borderRadius and spacing.
-   * @link https://cloudfour.com/thinks/the-math-behind-nesting-rounded-corners
-   */
-  nestedBorderRadius?: boolean | 'first' | 'last';
-  /**
-   * Sets the --uds-nested-border-radius-size CSS variable used in nested border radius calculations.
-   * @default borderRadius prop, otherwise can be customized
-   */
-  nestedBorderRadiusSize?: BorderRadius;
-  /**
-   * Sets the --uds-nested-border-radius-spacing CSS variable used in nested border radius calculations.
-   * @default spacing prop, otherwise can be customized
-   */
-  nestedBorderRadiusSpacing?: SpacingAlias;
-  /**
-   * Sets the --uds-nested-border-radius-width CSS variable used in nested border radius calculations.
-   * @default borderWidth prop, otherwise can be customized
-   */
-  nestedBorderRadiusWidth?: BorderWidthWithElevation;
-}
-interface ShadowStyleProps {
-  /** Sets the variant of the shadow. */
-  dropShadow?: ShadowVariantWithElevation;
-  /** Sets the variant of the inset shadow. */
-  insetShadow?: Exclude<ShadowVariant, ElevationAlias> | ShadowVariantInvert;
-}
-interface LayoutStyleProps {
-  /** Sets whether an element is treated as a block or inline box and the layout used for its children, such as flow layout, grid or flex. */
-  display?: Display;
-  /** Shorthand property which sets the desired behavior when content does not fit in the parent element box (overflows) in the horizontal and/or vertical direction. */
-  overflow?: Overflow;
-  /** Sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content. This property may also be set by using the overflow shorthand property. */
-  overflowX?: Overflow;
-  /** sets what shows when content overflows a block-level element's top and bottom edges. This may be nothing, a scroll bar, or the overflow content. This property may also be set by using the overflow shorthand property. */
-  overflowY?: Overflow;
-  /** Sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements. */
-  position?: Position;
-}
-interface SpacingStyleProps {
-  /** Apply inner spacing on all sides. */
-  spacing?: SpacingAlias;
-  /** Apply inner spacing on the leading and trailing sides. */
-  spacingHorizontal?: SpacingAlias;
-  /** Apply inner spacing on the top and bottom sides. */
-  spacingVertical?: SpacingAlias;
-  /** Apply inner spacing on the bottom side. */
-  spacingBottom?: SpacingAlias;
-  /** Apply inner spacing on the trailing side. */
-  spacingEnd?: SpacingAlias;
-  /** Apply inner spacing on the leading side. */
-  spacingStart?: SpacingAlias;
-  /** Apply inner spacing on the top side. */
-  spacingTop?: SpacingAlias;
-  /** Apply negative outer spacing on all sides. */
-  offset?: SpacingAlias;
-  /** Apply negative outer spacing on the top and bottom sides. */
-  offsetVertical?: SpacingAlias;
-  /** Apply negative outer spacing on the leading and trailing sides. */
-  offsetHorizontal?: SpacingAlias;
-  /** Apply negative outer spacing on the bottom side. */
-  offsetBottom?: SpacingAlias;
-  /** Apply negative outer spacing on the trailing side. */
-  offsetEnd?: SpacingAlias;
-  /** Apply negative outer spacing on the leading side. */
-  offsetStart?: SpacingAlias;
-  /** Apply negative outer spacing on the top side. */
-  offsetTop?: SpacingAlias;
-  /** Control the horizontal gutters between grid and flexbox items. */
-  columnGap?: SpacingAlias;
-  /** Control the vertical gutters between grid and flexbox items. */
-  rowGap?: SpacingAlias;
-}
-interface FlexStyleProps {
-  /** Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. */
-  alignContent?: FlexAlignContent;
-  /** Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. */
-  alignItems?: FlexAlignItems;
-  /** Overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis. */
-  alignSelf?: FlexAlignSelf;
-  /** Sets how a flex item will grow or shrink to fit the space available in its flex container. */
-  flex?: Flex;
-  /** Sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed). */
-  flexDirection?: FlexDirection;
-  /** Sets the flex grow factor, which specifies how much of the flex container's remaining space should be assigned to the flex item's main size. */
-  flexGrow?: FlexGrow;
-  /** Sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink. */
-  flexShrink?: FlexShrink;
-  /** Sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked. */
-  flexWrap?: FlexWrap;
-  /** Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. */
-  justifyContent?: FlexJustifyContent;
-  /** Sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing. https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis */
-  flexBasis?: FlexBasis;
-}
-interface BackgroundStyleProps {
-  /** Sets the background color. */
-  backgroundColor?: BackgroundColor;
-}
-interface SizeStyleProps {
-  /** Sets the width of an element. */
-  width?: 'full' | 'fit' | 'screen';
-  /** Sets the height of an element. */
-  height?: 'full' | 'fit' | 'screen';
-}
-interface UniversalBoxProps extends PropsWithChildren, BackgroundStyleProps, BorderStyleProps, FlexStyleProps, LayoutStyleProps, SpacingStyleProps, SizeStyleProps, ShadowStyleProps, NestedBorderRadiusStyleProps {
-  /**
-   * When asChild is set to true, the component's child will be cloned and passed
-   * the props and behavior required to make it functional.
-   */
-  asChild?: boolean;
-  /**
-   * Customize tag name.
-   */
-  as?: ElementType;
-}
-interface UniversalIconProps<Name = SvgIcon> {
-  /** Icon to render from the icons package. */
-  name: Name;
-  /** Size of the icon. */
-  size?: IconSize;
-  /** Variant for icon. Either fill or outline. */
-  variant?: IconVariant;
-  /** Color of the icon. */
-  color?: ForegroundColor;
-}
-type SVGElementProps = Omit<React.HTMLAttributes<SVGSVGElement>, 'color'>;
-interface IconPropsWithSVGProps extends UniversalIconProps, SVGElementProps {}
-type IconSlotRenderProps = Omit<IconPropsWithSVGProps, 'name'>;
-/**
- * We are changing the slot prop from ReactNode to ReactElement to avoid
- * confusing and useless options like number and string, however,
- * there are cases where folks are using null/undefined to dynamically opt-out
- * of rendering the icon. We want to still allow that.
- */
-type BackwardsCompatibleReactElement = null | undefined | ReactElement;
-/**
- * Used anywhere we offer an icon which can be customized.
- *
- * Passing an SvgIcon is the happy path.
- *
- * @example
- * import { Calendar } from "@yahoo/uds-icons"
- * <IconSlot icon={Calendar} />
- */
-type UniversalIconSlot = SvgIcon | BackwardsCompatibleReactElement | ((iconProps: IconSlotRenderProps) => BackwardsCompatibleReactElement);
-interface UniversalImageProps extends Omit<UniversalBoxProps, 'width' | 'height'>, ImageStyleProps {
-  /** The source URL of the image. */
-  src: string;
-  /**  Provides fallback (alternate) text to display when the image specified by the Image element is not loaded. */
-  alt?: string;
-  /** Width of the image in px. */
-  width?: number;
-  /** Height of the image in pixel. */
-  height?: number;
-}
-interface UniversalInputProps<IconSlotType = UniversalIconSlot> {
-  /** Label text to associate with the input. */
-  label?: string | ReactNode | (() => ReactNode);
-  /** If true, the input is disabled and non-interactive. */
-  disabled?: boolean;
-  /** If true, the `label` is displayed as required and the input element is required. */
-  required?: boolean;
-  /** Description or error message */
-  helpText?: string | ReactNode | (() => ReactNode);
-  /**  Helper text icon */
-  helperTextIcon?: IconSlotType;
-  /** If true, the input displays its error state styling, which includes styling the startIcon.  */
-  hasError?: boolean;
-  /**
-   * The size of the input.
-   * @default 'md'
-   */
-  size?: InputSize;
-  /** An icon to be displayed at the start of the input. */
-  startIcon?: IconSlotType;
-  /** An icon to be displayed at the end of the input. */
-  endIcon?: IconSlotType;
-  /** If true, forces reduced motion. Otherwise, respects the user's setting. */
-  reduceMotion?: boolean;
-  /** If true, the input is read-only. */
-  readOnly?: boolean;
-  /** The width the input should take up in its container. */
-  width?: UniversalBoxProps['width'];
-}
-type LinkVariant = 'primary' | 'secondary' | 'tertiary' | 'on-color';
-type LinkTextVariant = TextVariantWithoutEmphasized;
-interface UniversalLinkProps<IconSlotType = UniversalIconSlot> {
-  /** Text style */
-  textVariant?: LinkTextVariant;
-  /** The color style of the link. */
-  variant?: LinkVariant;
-  /** An icon to be displayed at the start of the component. */
-  startIcon?: IconSlotType;
-  /** An icon to be displayed at the end of the component. */
-  endIcon?: IconSlotType;
-  /** If true, forces an underline to always be shown for a11y purposes.
-   * @default false
-   */
-  alwaysUnderline?: boolean;
-}
-type CheckboxValue = boolean | 'indeterminate';
-type CheckboxVariant = 'primary' | 'secondary';
-type CheckboxSize = 'sm' | 'md';
-interface UniversalCheckboxProps {
-  /**
-   * Variant of the checkbox.
-   * @default 'primary'
-   */
-  variant?: CheckboxVariant;
-  /**
-   * Size of the checkbox.
-   * @default 'md'
-   */
-  size?: CheckboxSize;
-  /**
-   * The label of the checkbox. Can be a ReactNode for rich html labels.
-   * Will not be labelled if omitted. User MUST then use `aria-label` attribute,
-   * wrap in a `<label>` tag or `htmlFor` to add an external label for a11y.
-   */
-  label?: string | ReactNode | (() => ReactNode);
-  /**
-   * Controlled value of the checkbox. Will be an uncontrolled input if not present.
-   */
-  checked?: CheckboxValue;
-  /**
-   * If true, the checkbox displays its error state.
-   */
-  hasError?: boolean;
-  /**
-   * Disables animations when true.
-   */
-  reduceMotion?: boolean;
-  /**
-   * On which side of the input is the label displayed.
-   * @default 'start'
-   */
-  labelPosition?: 'start' | 'end';
-}
-type RadioVariant = 'primary' | 'secondary';
-type RadioSize = 'sm' | 'md';
-interface UniversalRadioProps {
-  /**
-   * Variant of the radio.
-   * @default 'primary'
-   */
-  variant?: RadioVariant;
-  /**
-   * Size of the radio.
-   * @default 'md'
-   */
-  size?: RadioSize;
-  /**
-   * The label of the radio. Can be a ReactNode for rich html labels.
-   * Will not be labelled if omitted. User MUST then use `aria-label` attribute,
-   * wrap in a `<label>` tag or `htmlFor` to add an external label for a11y.
-   */
-  label?: string | ReactNode | (() => ReactNode);
-  /**
-   * The value of the radio.
-   * @default ''
-   */
-  value?: string;
-  /**
-   * Whether the radio is checked.
-   */
-  checked?: boolean;
-  /**
-   * If true, the radio displays its error state.
-   */
-  hasError?: boolean;
-  /**
-   * Disables animations when true.
-   */
-  reduceMotion?: boolean;
-  /**
-   * On which side of the input is the label displayed.
-   * @default 'start'
-   */
-  labelPosition?: 'start' | 'end';
-}
-type SwitchSize = 'sm' | 'md';
-interface UniversalSwitchProps<IconSlotType = UniversalIconSlot> {
-  /**
-   * Size of the switch.
-   * @default 'md'
-   */
-  size?: SwitchSize;
-  /**
-   * The label of the switch. Can be a ReactNode for rich html labels.
-   * Will not be labelled if omitted. User MUST then use `aria-label` attribute,
-   * wrap in a `<label>` tag or `htmlFor` to add an external label for a11y.
-   */
-  label?: string | ReactNode | (() => ReactNode);
-  /**
-   * Controlled value of the switch. Will be an uncontrolled input if not present.
-   */
-  isOn?: boolean;
-  /**
-   * Set the initial value to default when uncontrolled.
-   */
-  defaultIsOn?: boolean;
-  /** An icon to be displayed on the on state of the input. */
-  onIcon?: IconSlotType;
-  /** An icon to be displayed on the off state of the input. */
-  offIcon?: IconSlotType;
-  /**
-   * Disables animations when true.
-   */
-  reduceMotion?: boolean;
-  /**
-   * On which side of the input is the label displayed.
-   * @default 'start'
-   */
-  labelPosition?: 'start' | 'end';
-}
-type ChipVariant = 'primary' | 'secondary' | 'brand' | 'brand-secondary';
-type ChipSize = 'sm' | 'md';
-type BadgeVariant = 'primary' | 'secondary' | 'brand' | 'brand-secondary' | 'alert' | 'alert-secondary' | 'positive' | 'positive-secondary' | 'warning' | 'warning-secondary' | 'info' | 'info-secondary';
-type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
-//#endregion
-export { type AlwaysPaletteAlias, type AlwaysPaletteAliasWithPrefix, type BackgroundColor, type BackgroundPaletteAlias, type BackgroundStyleProps, type BadgeSize, type BadgeVariant, type BorderRadius, type BorderStyleProps, type BorderWidth, type BorderWidthWithElevation, type ButtonPalette, type ButtonSize, type ButtonVariant, type ButtonVariantFlat, type CheckboxSize, type CheckboxValue, type CheckboxVariant, type ChipSize, type ChipVariant, type Display, type ElevationAlias, type ElevationLevel, type Flex, type FlexAlignContent, type FlexAlignItems, type FlexAlignSelf, type FlexBasis, type FlexDirection, type FlexGrow, type FlexJustifyContent, type FlexShrink, type FlexStyleProps, type FlexWrap, type ForegroundColor, type ForegroundPaletteAlias, type IconButtonSize, type IconPropsWithSVGProps, type IconSlotRenderProps, type ImageStyleProps, type InputSize, type LayoutStyleProps, type LineColor, type LinePaletteAlias, type LinkTextVariant, type LinkVariant, type MotionConfig, type MotionSpringConfig, type MotionSpringConfigOptions, type MotionVariant, type MotionVariantSpeed, type MotionVariantValues, type Overflow, type Position, type RadioSize, type RadioVariant, type ShadowStyleProps, type ShadowVariant, type ShadowVariantInvert, type ShadowVariantWithElevation, type SharedPaletteAlias, type SpacingAlias, type SpacingStyleProps, type SwitchSize, type TShirtSize, type TShirtSizeCommon, type TextVariantTypography, type TextVariantUi, type TextVariantWithoutEmphasized, type UniversalBoxProps, type UniversalCheckboxProps, type UniversalIconProps, type UniversalIconSlot, type UniversalImageProps, type UniversalInputProps, type UniversalLinkProps, type UniversalRadioProps, type UniversalSwitchProps };
-//# sourceMappingURL=types.d.cts.map