@yahoo/uds-mobile 1.0.1 → 1.1.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CONTRIBUTING.md +1 -1
- package/dist/bin/{uds/dist/fixtures.mjs → fixtures/dist/index.mjs} +8 -16
- package/dist/bin/{uds/dist/tokens/consts/fontDeclarationsMap.mjs → fonts/dist/index.mjs} +2 -2
- package/dist/bin/generateTheme.mjs +10 -8
- package/dist/bin/modes/dist/index.mjs +6 -0
- package/dist/bin/{uds/dist/tokens/configs/palette/alwaysPalette.mjs → palette/dist/index.mjs} +1 -1
- package/dist/components/Avatar.d.mts +2 -2
- package/dist/components/Badge.d.cts +3 -3
- package/dist/components/Badge.d.mts +3 -3
- package/dist/components/Badge.d.mts.map +1 -1
- package/dist/components/Badge.mjs.map +1 -1
- package/dist/components/Box.cjs +1 -1
- package/dist/components/Box.d.cts +1 -1
- package/dist/components/Box.d.mts +3 -3
- package/dist/components/Box.mjs +1 -1
- package/dist/components/Box.mjs.map +1 -1
- package/dist/components/Button.cjs +6 -6
- package/dist/components/Button.d.cts +3 -4
- package/dist/components/Button.d.cts.map +1 -1
- package/dist/components/Button.d.mts +3 -4
- package/dist/components/Button.d.mts.map +1 -1
- package/dist/components/Button.mjs +1 -1
- package/dist/components/Button.mjs.map +1 -1
- package/dist/components/Checkbox.cjs +4 -4
- package/dist/components/Checkbox.d.cts +3 -3
- package/dist/components/Checkbox.d.mts +3 -3
- package/dist/components/Checkbox.d.mts.map +1 -1
- package/dist/components/Checkbox.mjs +1 -1
- package/dist/components/Checkbox.mjs.map +1 -1
- package/dist/components/Chip.d.cts +3 -3
- package/dist/components/Chip.d.mts +3 -3
- package/dist/components/Chip.d.mts.map +1 -1
- package/dist/components/Chip.mjs.map +1 -1
- package/dist/components/HStack.d.mts +2 -2
- package/dist/components/Icon.d.cts +1 -2
- package/dist/components/Icon.d.cts.map +1 -1
- package/dist/components/Icon.d.mts +3 -4
- package/dist/components/Icon.d.mts.map +1 -1
- package/dist/components/Icon.mjs.map +1 -1
- package/dist/components/IconButton.cjs +5 -5
- package/dist/components/IconButton.d.cts +1 -2
- package/dist/components/IconButton.d.cts.map +1 -1
- package/dist/components/IconButton.d.mts +3 -4
- package/dist/components/IconButton.d.mts.map +1 -1
- package/dist/components/IconButton.mjs +1 -1
- package/dist/components/IconButton.mjs.map +1 -1
- package/dist/components/IconSlot.d.mts +2 -2
- package/dist/components/Image.d.cts +1 -1
- package/dist/components/Image.d.mts +3 -3
- package/dist/components/Image.mjs.map +1 -1
- package/dist/components/Input.d.cts +1 -1
- package/dist/components/Input.d.mts +3 -3
- package/dist/components/Input.mjs.map +1 -1
- package/dist/components/Link.d.cts +3 -4
- package/dist/components/Link.d.cts.map +1 -1
- package/dist/components/Link.d.mts +3 -4
- package/dist/components/Link.d.mts.map +1 -1
- package/dist/components/Link.mjs.map +1 -1
- package/dist/components/Pressable.d.cts +3 -3
- package/dist/components/Pressable.d.mts +3 -3
- package/dist/components/Pressable.d.mts.map +1 -1
- package/dist/components/Radio.cjs +4 -4
- package/dist/components/Radio.d.cts +3 -3
- package/dist/components/Radio.d.mts +3 -3
- package/dist/components/Radio.d.mts.map +1 -1
- package/dist/components/Radio.mjs +1 -1
- package/dist/components/Radio.mjs.map +1 -1
- package/dist/components/Screen.d.cts +2 -2
- package/dist/components/Screen.d.mts +2 -2
- package/dist/components/Switch.d.cts +3 -3
- package/dist/components/Switch.d.mts +3 -3
- package/dist/components/Switch.mjs.map +1 -1
- package/dist/components/Text.d.cts +2 -2
- package/dist/components/Text.d.mts +2 -2
- package/dist/components/VStack.d.cts +2 -2
- package/dist/components/VStack.d.mts +2 -2
- package/dist/icons/dist/glyphMap.d.cts.map +1 -1
- package/dist/icons/dist/glyphMap.d.mts.map +1 -1
- package/dist/icons/dist/glyphMap.mjs.map +1 -1
- package/dist/icons/dist/svgMap.d.cts.map +1 -1
- package/dist/icons/dist/svgMap.d.mts.map +1 -1
- package/dist/icons/dist/svgMap.mjs.map +1 -1
- package/dist/icons/dist/tokens.mjs.map +1 -1
- package/dist/{uds/dist/tokens/configs/motion.cjs → motion-tokens/dist/index.cjs} +2 -2
- package/dist/{uds/dist/tokens/configs/motion.d.mts → motion-tokens/dist/index.d.cts} +4 -4
- package/dist/motion-tokens/dist/index.d.cts.map +1 -0
- package/dist/{uds/dist/tokens/configs/motion.d.cts → motion-tokens/dist/index.d.mts} +4 -4
- package/dist/motion-tokens/dist/index.d.mts.map +1 -0
- package/dist/{uds/dist/tokens/configs/motion.mjs → motion-tokens/dist/index.mjs} +3 -3
- package/dist/motion-tokens/dist/index.mjs.map +1 -0
- package/dist/motion.cjs +12 -12
- package/dist/motion.d.cts +2 -3
- package/dist/motion.d.cts.map +1 -1
- package/dist/motion.d.mts +2 -3
- package/dist/motion.d.mts.map +1 -1
- package/dist/motion.mjs +1 -1
- package/dist/motion.mjs.map +1 -1
- package/dist/types/dist/index.d.cts +247 -0
- package/dist/types/dist/index.d.cts.map +1 -0
- package/dist/types/dist/index.d.mts +247 -0
- package/dist/types/dist/index.d.mts.map +1 -0
- package/package.json +1 -1
- package/dist/bin/uds/dist/tokens/consts/defaultModes.mjs +0 -6
- package/dist/icons/dist/types.d.cts +0 -24
- package/dist/icons/dist/types.d.cts.map +0 -1
- package/dist/icons/dist/types.d.mts +0 -24
- package/dist/icons/dist/types.d.mts.map +0 -1
- package/dist/uds/dist/components/Box.d.cts +0 -3
- package/dist/uds/dist/components/Box.d.mts +0 -3
- package/dist/uds/dist/components/Divider/Divider.d.cts +0 -3
- package/dist/uds/dist/components/Divider/Divider.d.mts +0 -3
- package/dist/uds/dist/components/Divider/DividerCore.d.cts +0 -4
- package/dist/uds/dist/components/Divider/DividerCore.d.mts +0 -4
- package/dist/uds/dist/components/Divider/DividerInternal.d.cts +0 -4
- package/dist/uds/dist/components/Divider/DividerInternal.d.mts +0 -4
- package/dist/uds/dist/components/Divider/index.d.cts +0 -2
- package/dist/uds/dist/components/Divider/index.d.mts +0 -2
- package/dist/uds/dist/components/FormLabel.d.cts +0 -3
- package/dist/uds/dist/components/FormLabel.d.mts +0 -4
- package/dist/uds/dist/components/HStack.d.cts +0 -4
- package/dist/uds/dist/components/HStack.d.mts +0 -4
- package/dist/uds/dist/components/Icon.d.cts +0 -3
- package/dist/uds/dist/components/Icon.d.mts +0 -3
- package/dist/uds/dist/components/Image.d.cts +0 -2
- package/dist/uds/dist/components/Image.d.mts +0 -3
- package/dist/uds/dist/components/Link.d.cts +0 -3
- package/dist/uds/dist/components/Link.d.mts +0 -3
- package/dist/uds/dist/components/Text.d.cts +0 -3
- package/dist/uds/dist/components/Text.d.mts +0 -3
- package/dist/uds/dist/components/VStack.d.cts +0 -4
- package/dist/uds/dist/components/VStack.d.mts +0 -4
- package/dist/uds/dist/components/client/Avatar/Avatar.d.cts +0 -2
- package/dist/uds/dist/components/client/Avatar/Avatar.d.mts +0 -3
- package/dist/uds/dist/components/client/Avatar/AvatarIcon.d.cts +0 -2
- package/dist/uds/dist/components/client/Avatar/AvatarIcon.d.mts +0 -3
- package/dist/uds/dist/components/client/Avatar/AvatarImage.d.cts +0 -4
- package/dist/uds/dist/components/client/Avatar/AvatarImage.d.mts +0 -5
- package/dist/uds/dist/components/client/Avatar/AvatarText.d.cts +0 -3
- package/dist/uds/dist/components/client/Avatar/AvatarText.d.mts +0 -4
- package/dist/uds/dist/components/client/Avatar/index.d.cts +0 -5
- package/dist/uds/dist/components/client/Avatar/index.d.mts +0 -5
- package/dist/uds/dist/components/client/Badge.d.cts +0 -3
- package/dist/uds/dist/components/client/Badge.d.mts +0 -3
- package/dist/uds/dist/components/client/Button.d.cts +0 -3
- package/dist/uds/dist/components/client/Button.d.mts +0 -3
- package/dist/uds/dist/components/client/Checkbox.d.cts +0 -3
- package/dist/uds/dist/components/client/Checkbox.d.mts +0 -3
- package/dist/uds/dist/components/client/Chip/Chip.d.cts +0 -4
- package/dist/uds/dist/components/client/Chip/Chip.d.mts +0 -4
- package/dist/uds/dist/components/client/Chip/ChipBase.d.cts +0 -4
- package/dist/uds/dist/components/client/Chip/ChipBase.d.mts +0 -4
- package/dist/uds/dist/components/client/Chip/ChipButton.d.cts +0 -4
- package/dist/uds/dist/components/client/Chip/ChipButton.d.mts +0 -4
- package/dist/uds/dist/components/client/Chip/ChipDismissible.d.cts +0 -4
- package/dist/uds/dist/components/client/Chip/ChipDismissible.d.mts +0 -4
- package/dist/uds/dist/components/client/Chip/ChipLink.d.cts +0 -4
- package/dist/uds/dist/components/client/Chip/ChipLink.d.mts +0 -4
- package/dist/uds/dist/components/client/Chip/ChipToggle.d.cts +0 -4
- package/dist/uds/dist/components/client/Chip/ChipToggle.d.mts +0 -4
- package/dist/uds/dist/components/client/Chip/index.d.cts +0 -6
- package/dist/uds/dist/components/client/Chip/index.d.mts +0 -6
- package/dist/uds/dist/components/client/IconButton.d.cts +0 -3
- package/dist/uds/dist/components/client/IconButton.d.mts +0 -3
- package/dist/uds/dist/components/client/Input/Input.d.cts +0 -4
- package/dist/uds/dist/components/client/Input/Input.d.mts +0 -4
- package/dist/uds/dist/components/client/Input/InputHelpText.d.cts +0 -2
- package/dist/uds/dist/components/client/Input/InputHelpText.d.mts +0 -3
- package/dist/uds/dist/components/client/Input/InputHelpTextInternal.d.cts +0 -5
- package/dist/uds/dist/components/client/Input/InputHelpTextInternal.d.mts +0 -6
- package/dist/uds/dist/components/client/Input/index.d.cts +0 -3
- package/dist/uds/dist/components/client/Input/index.d.mts +0 -3
- package/dist/uds/dist/components/client/Menu/Menu.Content.d.cts +0 -4
- package/dist/uds/dist/components/client/Menu/Menu.Content.d.mts +0 -4
- package/dist/uds/dist/components/client/Menu/Menu.Divider.d.cts +0 -3
- package/dist/uds/dist/components/client/Menu/Menu.Divider.d.mts +0 -3
- package/dist/uds/dist/components/client/Menu/Menu.Item.d.cts +0 -4
- package/dist/uds/dist/components/client/Menu/Menu.Item.d.mts +0 -4
- package/dist/uds/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +0 -4
- package/dist/uds/dist/components/client/Menu/Menu.ItemCheckbox.d.mts +0 -4
- package/dist/uds/dist/components/client/Menu/Menu.Provider.d.cts +0 -2
- package/dist/uds/dist/components/client/Menu/Menu.Provider.d.mts +0 -3
- package/dist/uds/dist/components/client/Menu/Menu.Trigger.d.cts +0 -4
- package/dist/uds/dist/components/client/Menu/Menu.Trigger.d.mts +0 -4
- package/dist/uds/dist/components/client/Menu/Menu.d.cts +0 -2
- package/dist/uds/dist/components/client/Menu/Menu.d.mts +0 -2
- package/dist/uds/dist/components/client/Menu/Menu.index.d.cts +0 -7
- package/dist/uds/dist/components/client/Menu/Menu.index.d.mts +0 -7
- package/dist/uds/dist/components/client/Menu/index.d.cts +0 -9
- package/dist/uds/dist/components/client/Menu/index.d.mts +0 -9
- package/dist/uds/dist/components/client/Pressable.d.cts +0 -3
- package/dist/uds/dist/components/client/Pressable.d.mts +0 -3
- package/dist/uds/dist/components/client/Radio/Radio.d.cts +0 -3
- package/dist/uds/dist/components/client/Radio/Radio.d.mts +0 -3
- package/dist/uds/dist/components/client/Radio/RadioGroupProvider.d.cts +0 -3
- package/dist/uds/dist/components/client/Radio/RadioGroupProvider.d.mts +0 -3
- package/dist/uds/dist/components/client/Radio/index.d.cts +0 -3
- package/dist/uds/dist/components/client/Radio/index.d.mts +0 -3
- package/dist/uds/dist/components/client/SpringMotionConfig.d.cts +0 -3
- package/dist/uds/dist/components/client/SpringMotionConfig.d.mts +0 -3
- package/dist/uds/dist/components/client/Switch.d.cts +0 -3
- package/dist/uds/dist/components/client/Switch.d.mts +0 -3
- package/dist/uds/dist/components/client/index.d.cts +0 -33
- package/dist/uds/dist/components/client/index.d.mts +0 -33
- package/dist/uds/dist/components/index.d.cts +0 -40
- package/dist/uds/dist/components/index.d.mts +0 -40
- package/dist/uds/dist/index.d.cts +0 -46
- package/dist/uds/dist/index.d.mts +0 -46
- package/dist/uds/dist/styles/styler.d.cts +0 -2
- package/dist/uds/dist/styles/styler.d.mts +0 -2
- package/dist/uds/dist/styles/stylerTypes.d.cts +0 -2
- package/dist/uds/dist/styles/stylerTypes.d.mts +0 -2
- package/dist/uds/dist/tokens/automation/configs/avatar.d.cts +0 -2
- package/dist/uds/dist/tokens/automation/configs/avatar.d.mts +0 -2
- package/dist/uds/dist/tokens/automation/properties.d.cts +0 -3
- package/dist/uds/dist/tokens/automation/properties.d.mts +0 -3
- package/dist/uds/dist/tokens/automation/types/ComponentConfig.d.cts +0 -3
- package/dist/uds/dist/tokens/automation/types/ComponentConfig.d.mts +0 -3
- package/dist/uds/dist/tokens/configs/motion.d.cts.map +0 -1
- package/dist/uds/dist/tokens/configs/motion.d.mts.map +0 -1
- package/dist/uds/dist/tokens/configs/motion.mjs.map +0 -1
- package/dist/uds/dist/tokens/configs/palette/alwaysPalette.d.cts +0 -32
- package/dist/uds/dist/tokens/configs/palette/alwaysPalette.d.cts.map +0 -1
- package/dist/uds/dist/tokens/configs/palette/alwaysPalette.d.mts +0 -32
- package/dist/uds/dist/tokens/configs/palette/alwaysPalette.d.mts.map +0 -1
- package/dist/uds/dist/tokens/types.d.cts +0 -426
- package/dist/uds/dist/tokens/types.d.cts.map +0 -1
- package/dist/uds/dist/tokens/types.d.mts +0 -426
- package/dist/uds/dist/tokens/types.d.mts.map +0 -1
- package/dist/uds/dist/types.d.cts +0 -2
- package/dist/uds/dist/types.d.mts +0 -2
|
@@ -0,0 +1,247 @@
|
|
|
1
|
+
|
|
2
|
+
import { ElementType, HTMLAttributes, PropsWithChildren, ReactElement, ReactNode, Ref } from "react";
|
|
3
|
+
|
|
4
|
+
//#region ../types/dist/index.d.ts
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Icon size tokens
|
|
8
|
+
*/
|
|
9
|
+
type IconSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
10
|
+
/**
|
|
11
|
+
* Icon variant (fill, outline, multicolor)
|
|
12
|
+
*/
|
|
13
|
+
type IconVariant = 'fill' | 'outline' | 'multicolor';
|
|
14
|
+
/**
|
|
15
|
+
* Generic icon component type. Platforms should provide their own concrete type.
|
|
16
|
+
* - Web: SvgIcon from @yahoo/uds-icons
|
|
17
|
+
* - Mobile: Component from @yahoo/uds-icons/svgMap
|
|
18
|
+
*/
|
|
19
|
+
type GenericIconComponent = React.ComponentType<any>;
|
|
20
|
+
/** Ensure an array has a max length of N */
|
|
21
|
+
|
|
22
|
+
type SharedPrimaryPaletteAlias = 'brand' | 'alert' | 'positive' | 'warning' | 'info';
|
|
23
|
+
type SharedSecondaryPaletteAlias = `${SharedPrimaryPaletteAlias}-secondary`;
|
|
24
|
+
type SharedPaletteAlias = SharedPrimaryPaletteAlias | SharedSecondaryPaletteAlias;
|
|
25
|
+
type DeprecatedAccentAlias = 'accent';
|
|
26
|
+
type BackgroundPaletteAlias = 'primary' | 'secondary' | DeprecatedAccentAlias | SharedPaletteAlias;
|
|
27
|
+
type ForegroundPaletteAlias = 'primary' | 'secondary' | 'tertiary' | 'muted' | 'on-color' | DeprecatedAccentAlias | SharedPaletteAlias;
|
|
28
|
+
type LinePaletteAlias = 'primary' | 'secondary' | 'tertiary' | 'muted' | DeprecatedAccentAlias | SharedPaletteAlias;
|
|
29
|
+
/** Always palette aliases with 'always/' prefix */
|
|
30
|
+
type AlwaysPaletteAliasWithPrefix = 'always/white' | 'always/black' | 'always/transparent' | 'always/current' | 'always/brand' | 'always/accent';
|
|
31
|
+
/** Deprecated always palette aliases (without prefix) */
|
|
32
|
+
type DeprecatedAlwaysPaletteAlias = 'white' | 'black' | 'transparent' | 'current';
|
|
33
|
+
type AlwaysPaletteAlias = DeprecatedAlwaysPaletteAlias | AlwaysPaletteAliasWithPrefix;
|
|
34
|
+
type ForegroundColor = ForegroundPaletteAlias | AlwaysPaletteAlias;
|
|
35
|
+
type LineColor = LinePaletteAlias | AlwaysPaletteAlias | ElevationAlias;
|
|
36
|
+
type BackgroundColor = BackgroundPaletteAlias | AlwaysPaletteAlias | ElevationAlias;
|
|
37
|
+
type ShadowVariant = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
38
|
+
type ShadowVariantWithElevation = ShadowVariant | ElevationAlias;
|
|
39
|
+
type ShadowVariantInvert = `${Exclude<ShadowVariant, 'none'>}-invert`;
|
|
40
|
+
type TextVariantTypography = 'display1' | 'display2' | 'display3' | 'title1' | 'title2' | 'title3' | 'title4' | 'headline1' | 'body1' | 'label1' | 'label2' | 'label3' | 'label4' | 'caption1' | 'caption2' | 'legal1';
|
|
41
|
+
type TextVariantUi = 'ui1' | 'ui2' | 'ui3' | 'ui4' | 'ui5' | 'ui6';
|
|
42
|
+
type TextVariantWithoutEmphasized = TextVariantTypography | TextVariantUi;
|
|
43
|
+
type TShirtSize = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
44
|
+
type TShirtSizeCommon = Extract<TShirtSize, 'sm' | 'md' | 'lg'>;
|
|
45
|
+
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';
|
|
46
|
+
type ElevationLevel = '0' | '1' | '2' | '3' | '4' | '5';
|
|
47
|
+
type ElevationAlias = `elevation-${ElevationLevel}`;
|
|
48
|
+
type BorderRadius = TShirtSize;
|
|
49
|
+
type BorderWidth = 'none' | 'thin' | 'medium' | 'thick';
|
|
50
|
+
type BorderWidthWithElevation = BorderWidth | ElevationAlias;
|
|
51
|
+
type ButtonSize = Extract<TShirtSize, 'xs' | 'sm' | 'md' | 'lg'>;
|
|
52
|
+
type ButtonPalette = 'brand' | 'accent' | 'alert' | 'positive' | 'warning' | 'info';
|
|
53
|
+
type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
|
|
54
|
+
type ButtonVariantFlat = ButtonVariant | `${Exclude<ButtonPalette, 'accent'>}` | `${Exclude<ButtonPalette, 'accent'>}-${Exclude<ButtonVariant, 'primary'>}`;
|
|
55
|
+
type IconButtonSize = Extract<TShirtSize, 'xs' | TShirtSizeCommon | 'xl'>;
|
|
56
|
+
type InputSize = Extract<TShirtSizeCommon, 'md' | 'lg'>;
|
|
57
|
+
type MotionVariant = 'damped' | 'smooth' | 'subtle' | 'bouncy' | 'veryBouncy';
|
|
58
|
+
type MotionVariantSpeed = '1' | '2' | '3' | '4';
|
|
59
|
+
type MotionSpringConfig = {
|
|
60
|
+
damping: number;
|
|
61
|
+
stiffness: number;
|
|
62
|
+
};
|
|
63
|
+
type MotionVariantValues = { [key in MotionVariantSpeed]: MotionSpringConfig };
|
|
64
|
+
type MotionConfig = Record<MotionVariant, MotionVariantValues>;
|
|
65
|
+
type Flex = '1' | 'auto' | 'initial' | 'none';
|
|
66
|
+
type FlexGrow = '0' | '1' | '2' | '3';
|
|
67
|
+
type FlexShrink = '0' | '1';
|
|
68
|
+
type FlexAlignContent = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
|
|
69
|
+
type FlexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
|
|
70
|
+
type FlexAlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
|
|
71
|
+
type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
|
|
72
|
+
type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
|
|
73
|
+
type FlexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
|
|
74
|
+
type FlexBasis = 'min-content';
|
|
75
|
+
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';
|
|
76
|
+
type Overflow = 'auto' | 'hidden' | 'clip' | 'visible' | 'scroll';
|
|
77
|
+
type Position = 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky';
|
|
78
|
+
type ImageStyleProps = {
|
|
79
|
+
contentFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
|
|
80
|
+
};
|
|
81
|
+
interface BorderStyleProps {
|
|
82
|
+
borderRadius?: BorderRadius;
|
|
83
|
+
borderTopStartRadius?: BorderRadius;
|
|
84
|
+
borderTopEndRadius?: BorderRadius;
|
|
85
|
+
borderBottomStartRadius?: BorderRadius;
|
|
86
|
+
borderBottomEndRadius?: BorderRadius;
|
|
87
|
+
borderColor?: LineColor;
|
|
88
|
+
borderStartColor?: LineColor;
|
|
89
|
+
borderEndColor?: LineColor;
|
|
90
|
+
borderTopColor?: LineColor;
|
|
91
|
+
borderBottomColor?: LineColor;
|
|
92
|
+
borderWidth?: BorderWidthWithElevation;
|
|
93
|
+
borderVerticalWidth?: BorderWidthWithElevation;
|
|
94
|
+
borderHorizontalWidth?: BorderWidthWithElevation;
|
|
95
|
+
borderStartWidth?: BorderWidthWithElevation;
|
|
96
|
+
borderEndWidth?: BorderWidthWithElevation;
|
|
97
|
+
borderTopWidth?: BorderWidthWithElevation;
|
|
98
|
+
borderBottomWidth?: BorderWidthWithElevation;
|
|
99
|
+
}
|
|
100
|
+
interface NestedBorderRadiusStyleProps {
|
|
101
|
+
nestedBorderRadius?: boolean | 'first' | 'last';
|
|
102
|
+
nestedBorderRadiusSize?: BorderRadius;
|
|
103
|
+
nestedBorderRadiusSpacing?: SpacingAlias;
|
|
104
|
+
nestedBorderRadiusWidth?: BorderWidthWithElevation;
|
|
105
|
+
}
|
|
106
|
+
interface ShadowStyleProps {
|
|
107
|
+
dropShadow?: ShadowVariantWithElevation;
|
|
108
|
+
insetShadow?: Exclude<ShadowVariant, ElevationAlias> | ShadowVariantInvert;
|
|
109
|
+
}
|
|
110
|
+
interface LayoutStyleProps {
|
|
111
|
+
display?: Display;
|
|
112
|
+
overflow?: Overflow;
|
|
113
|
+
overflowX?: Overflow;
|
|
114
|
+
overflowY?: Overflow;
|
|
115
|
+
position?: Position;
|
|
116
|
+
}
|
|
117
|
+
interface SpacingStyleProps {
|
|
118
|
+
spacing?: SpacingAlias;
|
|
119
|
+
spacingHorizontal?: SpacingAlias;
|
|
120
|
+
spacingVertical?: SpacingAlias;
|
|
121
|
+
spacingBottom?: SpacingAlias;
|
|
122
|
+
spacingEnd?: SpacingAlias;
|
|
123
|
+
spacingStart?: SpacingAlias;
|
|
124
|
+
spacingTop?: SpacingAlias;
|
|
125
|
+
offset?: SpacingAlias;
|
|
126
|
+
offsetVertical?: SpacingAlias;
|
|
127
|
+
offsetHorizontal?: SpacingAlias;
|
|
128
|
+
offsetBottom?: SpacingAlias;
|
|
129
|
+
offsetEnd?: SpacingAlias;
|
|
130
|
+
offsetStart?: SpacingAlias;
|
|
131
|
+
offsetTop?: SpacingAlias;
|
|
132
|
+
columnGap?: SpacingAlias;
|
|
133
|
+
rowGap?: SpacingAlias;
|
|
134
|
+
}
|
|
135
|
+
interface FlexStyleProps {
|
|
136
|
+
alignContent?: FlexAlignContent;
|
|
137
|
+
alignItems?: FlexAlignItems;
|
|
138
|
+
alignSelf?: FlexAlignSelf;
|
|
139
|
+
flex?: Flex;
|
|
140
|
+
flexDirection?: FlexDirection;
|
|
141
|
+
flexGrow?: FlexGrow;
|
|
142
|
+
flexShrink?: FlexShrink;
|
|
143
|
+
flexWrap?: FlexWrap;
|
|
144
|
+
justifyContent?: FlexJustifyContent;
|
|
145
|
+
flexBasis?: FlexBasis;
|
|
146
|
+
}
|
|
147
|
+
interface BackgroundStyleProps {
|
|
148
|
+
backgroundColor?: BackgroundColor;
|
|
149
|
+
}
|
|
150
|
+
interface SizeStyleProps {
|
|
151
|
+
width?: 'full' | 'fit' | 'screen';
|
|
152
|
+
height?: 'full' | 'fit' | 'screen';
|
|
153
|
+
}
|
|
154
|
+
interface UniversalBoxProps extends PropsWithChildren, BackgroundStyleProps, BorderStyleProps, FlexStyleProps, LayoutStyleProps, SpacingStyleProps, SizeStyleProps, ShadowStyleProps, NestedBorderRadiusStyleProps {
|
|
155
|
+
asChild?: boolean;
|
|
156
|
+
as?: ElementType;
|
|
157
|
+
}
|
|
158
|
+
/**
|
|
159
|
+
* Universal icon props with generic icon type.
|
|
160
|
+
* @template Icon - The icon component type. Defaults to GenericIconComponent.
|
|
161
|
+
*/
|
|
162
|
+
interface UniversalIconProps<Icon = GenericIconComponent> {
|
|
163
|
+
name: Icon;
|
|
164
|
+
size?: IconSize;
|
|
165
|
+
variant?: IconVariant;
|
|
166
|
+
color?: ForegroundColor;
|
|
167
|
+
}
|
|
168
|
+
type SVGElementProps = Omit<HTMLAttributes<SVGSVGElement>, 'color'>;
|
|
169
|
+
interface IconPropsWithSVGProps extends UniversalIconProps, SVGElementProps {}
|
|
170
|
+
type IconSlotRenderProps = Omit<IconPropsWithSVGProps, 'name'>;
|
|
171
|
+
type BackwardsCompatibleReactElement = null | undefined | ReactElement;
|
|
172
|
+
/**
|
|
173
|
+
* Universal icon slot type with generic icon type.
|
|
174
|
+
* @template Icon - The icon component type.
|
|
175
|
+
*/
|
|
176
|
+
type UniversalIconSlot<Icon = GenericIconComponent> = Icon | BackwardsCompatibleReactElement | ((iconProps: IconSlotRenderProps) => BackwardsCompatibleReactElement);
|
|
177
|
+
interface UniversalImageProps extends Omit<UniversalBoxProps, 'width' | 'height'>, ImageStyleProps {
|
|
178
|
+
src: string;
|
|
179
|
+
alt?: string;
|
|
180
|
+
width?: number;
|
|
181
|
+
height?: number;
|
|
182
|
+
}
|
|
183
|
+
interface UniversalInputProps<IconSlotType = UniversalIconSlot> {
|
|
184
|
+
label?: string | ReactNode | (() => ReactNode);
|
|
185
|
+
disabled?: boolean;
|
|
186
|
+
required?: boolean;
|
|
187
|
+
helpText?: string | ReactNode | (() => ReactNode);
|
|
188
|
+
helperTextIcon?: IconSlotType;
|
|
189
|
+
hasError?: boolean;
|
|
190
|
+
size?: InputSize;
|
|
191
|
+
startIcon?: IconSlotType;
|
|
192
|
+
endIcon?: IconSlotType;
|
|
193
|
+
reduceMotion?: boolean;
|
|
194
|
+
readOnly?: boolean;
|
|
195
|
+
width?: UniversalBoxProps['width'];
|
|
196
|
+
}
|
|
197
|
+
type LinkVariant = 'primary' | 'secondary' | 'tertiary' | 'on-color';
|
|
198
|
+
type LinkTextVariant = TextVariantWithoutEmphasized;
|
|
199
|
+
interface UniversalLinkProps<IconSlotType = UniversalIconSlot> {
|
|
200
|
+
textVariant?: LinkTextVariant;
|
|
201
|
+
variant?: LinkVariant;
|
|
202
|
+
startIcon?: IconSlotType;
|
|
203
|
+
endIcon?: IconSlotType;
|
|
204
|
+
alwaysUnderline?: boolean;
|
|
205
|
+
}
|
|
206
|
+
type CheckboxValue = boolean | 'indeterminate';
|
|
207
|
+
type CheckboxVariant = 'primary' | 'secondary';
|
|
208
|
+
type CheckboxSize = 'sm' | 'md';
|
|
209
|
+
interface UniversalCheckboxProps {
|
|
210
|
+
variant?: CheckboxVariant;
|
|
211
|
+
size?: CheckboxSize;
|
|
212
|
+
label?: string | ReactNode | (() => ReactNode);
|
|
213
|
+
checked?: CheckboxValue;
|
|
214
|
+
hasError?: boolean;
|
|
215
|
+
reduceMotion?: boolean;
|
|
216
|
+
labelPosition?: 'start' | 'end';
|
|
217
|
+
}
|
|
218
|
+
type RadioVariant = 'primary' | 'secondary';
|
|
219
|
+
type RadioSize = 'sm' | 'md';
|
|
220
|
+
interface UniversalRadioProps {
|
|
221
|
+
variant?: RadioVariant;
|
|
222
|
+
size?: RadioSize;
|
|
223
|
+
label?: string | ReactNode | (() => ReactNode);
|
|
224
|
+
value?: string;
|
|
225
|
+
checked?: boolean;
|
|
226
|
+
hasError?: boolean;
|
|
227
|
+
reduceMotion?: boolean;
|
|
228
|
+
labelPosition?: 'start' | 'end';
|
|
229
|
+
}
|
|
230
|
+
type SwitchSize = 'sm' | 'md';
|
|
231
|
+
interface UniversalSwitchProps<IconSlotType = UniversalIconSlot> {
|
|
232
|
+
size?: SwitchSize;
|
|
233
|
+
label?: string | ReactNode | (() => ReactNode);
|
|
234
|
+
isOn?: boolean;
|
|
235
|
+
defaultIsOn?: boolean;
|
|
236
|
+
onIcon?: IconSlotType;
|
|
237
|
+
offIcon?: IconSlotType;
|
|
238
|
+
reduceMotion?: boolean;
|
|
239
|
+
labelPosition?: 'start' | 'end';
|
|
240
|
+
}
|
|
241
|
+
type ChipVariant = 'primary' | 'secondary' | 'brand' | 'brand-secondary';
|
|
242
|
+
type ChipSize = 'sm' | 'md';
|
|
243
|
+
type BadgeVariant = 'primary' | 'secondary' | 'brand' | 'brand-secondary' | 'alert' | 'alert-secondary' | 'positive' | 'positive-secondary' | 'warning' | 'warning-secondary' | 'info' | 'info-secondary';
|
|
244
|
+
type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
245
|
+
//#endregion
|
|
246
|
+
export { type BadgeSize, type BadgeVariant, type ButtonSize, type ButtonVariantFlat, type ChipSize, type ChipVariant, type IconButtonSize, type IconSize, type IconVariant, type MotionConfig, type MotionVariantValues, type UniversalCheckboxProps, type UniversalImageProps, type UniversalInputProps, type UniversalLinkProps, type UniversalRadioProps, type UniversalSwitchProps };
|
|
247
|
+
//# sourceMappingURL=index.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","names":["ElementType","HTMLAttributes","PropsWithChildren","ReactElement","ReactNode","Ref","IntRange","IconPixelSize","IconSize","IconVariant","GenericIconComponent","React","ComponentType","MaxLengthArray","T","N","A","ExtractUrlFromFontFaceRule","Percentage","PixelsUnit","RemsUnit","UnitlessUnit","PercentageUnit","Hue","HueStep","SpectrumColor","SharedPrimaryPaletteAlias","SharedSecondaryPaletteAlias","SharedPaletteAlias","DeprecatedAccentAlias","OpacityStep","BackgroundPaletteAlias","BackgroundPalette","PaletteValue","Record","ForegroundPaletteAlias","ForegroundPalette","LinePaletteAlias","LinePalette","ShadowPaletteAlias","ShadowPalette","AlwaysPaletteAliasWithPrefix","DeprecatedAlwaysPaletteAlias","AlwaysPaletteAlias","PaletteType","PaletteConfig","Palette","key","ForegroundColor","LineColor","ElevationAlias","BackgroundColor","ShadowColor","PropertyToPaletteAliasMap","ShadowSpectrumColor","ShadowPaletteColor","ShadowAlwaysColor","ShadowColorConfig","ShadowOffset","SpacingAlias","Exclude","ShadowOpacity","ShadowSpreadRadius","ShadowPreset","ShadowVariant","ShadowVariantWithElevation","ShadowVariantInvert","ShadowVariantWithInvert","ShadowVariantConfig","ShadowType","ShadowTypeConfig","ShadowConfig","BreakpointValue","BreakpointsConfig","Breakpoint","BreakpointWithBase","TextVariantTypography","TextVariantUi","TextVariantWithoutEmphasized","TextVariant","FontAlias","FontType","FontID","FontWeightNumeric","FontWeightDescriptive","TextTransform","TextDecorationLine","LineClampAlias","LineHeight","FontSize","TextTransformConfig","FontSizeConfig","FontFamilyConfig","FontWeightConfig","FontSlantConfig","FontWidthConfig","LineHeightConfig","TextProperty","TypographyUnitValue","TypographyResponsiveProperty","TypographyStyleProperty","TypographyStyle","TypographyConfig","FontConfig","TShirtSize","TShirtSizeCommon","Extract","AvatarSize","AvatarSizeConfig","AvatarShape","BorderRadius","IconSizeConfig","SpacingConfig","AlwaysPaletteColor","ElevationSurfaceColor","ElevationBackgroundFillColor","ElevationBorderColor","RGBColorValue","RGBAUnit","ElevationCustomShadows","RGBUnit","ElevationPreset","BorderWidth","ElevationLevel","ElevationConfig","ColorMode","BorderRadiusConfig","BorderWidthWithElevation","BorderWidthConfig","ColorModeForApp","ColorModeConfig","ColorsConfig","SpectrumConfig","SpectrumValue","ScaleMode","ScaleModeForApp","ScaleConfig","ScaleModeConfig","ButtonSize","ButtonPalette","ButtonVariant","ScaleEffect","ButtonVariantFlat","ButtonSpectrumColor","ButtonPaletteColor","IconButtonSize","InputSize","PlatformMode","HighContrastMode","RegionMode","Modes","Animation","TransitionDelay","TransitionDuration","TransitionTiming","MotionVariant","MotionVariantSpeed","MotionSpringConfigOptions","MotionSpringConfig","MotionVariantValues","MotionConfig","FontCssVar","MotionCssVar","UdsCssVar","AriaAttribute","DataAttribute","Flex","FlexGrow","FlexShrink","FlexAlignContent","FlexAlignItems","FlexAlignSelf","FlexDirection","FlexWrap","FlexJustifyContent","FlexBasis","Display","Overflow","Position","ImageStyleProps","BorderStyleProps","NestedBorderRadiusStyleProps","ShadowStyleProps","LayoutStyleProps","SpacingStyleProps","FlexStyleProps","StateStyleProps","TextStyleProps","BackgroundStyleProps","CustomSizingStyleProps","SizeStyleProps","StyleProps","UniversalBoxProps","UniversalStackProps","Omit","UniversalTextProps","UniversalIconProps","Icon","SVGElementProps","SVGSVGElement","IconPropsWithSVGProps","IconSlotRenderProps","BackwardsCompatibleReactElement","UniversalIconSlot","UniversalPressableProps","UniversalIconButtonProps","UniversalButtonProps","IconSlotType","Pick","UniversalImageProps","ImgElementProps","HTMLImageElement","ImgHTMLAttributes","ImagePropsWithImgProps","UniversalFormLabelProps","UniversalInputProps","DividerVariant","UniversalDividerProps","LinkVariant","LinkTextVariant","UniversalLinkProps","CheckboxValue","CheckboxVariant","CheckboxSize","UniversalCheckboxProps","RadioValue","RadioVariant","RadioSize","UniversalRadioProps","UniversalRadioGroupProps","SwitchSize","UniversalSwitchProps","ChipVariant","ChipSize","UniversalChipBaseProps","UniversalChipDismissibleProps","UniversalChipToggleProps","UniversalChipButtonProps","UniversalChipLinkProps","UniversalChipProps","BadgeVariant","BadgeSize","UniversalBadgeProps","AvatarVariant","AvatarAbbreviationStrategy","UniversalAvatarBaseProps","UniversalAvatarImageProps","UniversalAvatarTextProps","UniversalAvatarIconProps","UniversalAvatarProps","UniversalMenuItemProps","ConfigurableComponentName","UniversalTokensConfigAutoBase","UniversalTokensConfigBase","GlobalDefaultsConfig","UniversalTokensConfig","ConfigAuto"],"sources":["../../../../types/dist/index.d.ts"],"sourcesContent":["\nimport { ElementType, HTMLAttributes, PropsWithChildren, ReactElement, ReactNode, Ref } from \"react\";\nimport { IntRange } from \"type-fest\";\n\n//#region src/index.d.ts\n\n/**\n * Icon pixel sizes\n */\ntype IconPixelSize = 12 | 16 | 24 | 32;\n/**\n * Icon size tokens\n */\ntype IconSize = 'xs' | 'sm' | 'md' | 'lg';\n/**\n * Icon variant (fill, outline, multicolor)\n */\ntype IconVariant = 'fill' | 'outline' | 'multicolor';\n/**\n * Generic icon component type. Platforms should provide their own concrete type.\n * - Web: SvgIcon from @yahoo/uds-icons\n * - Mobile: Component from @yahoo/uds-icons/svgMap\n */\ntype GenericIconComponent = React.ComponentType<any>;\n/** Ensure an array has a max length of N */\ntype MaxLengthArray<T, N extends number, A extends T[] = []> = A['length'] extends N ? A : T[] extends A ? T[] : A | MaxLengthArray<T, N, [...A, T]>;\ntype ExtractUrlFromFontFaceRule<T extends string> = T extends `url('${infer U}') format('woff2')` ? U : never;\ntype Percentage = IntRange<0, 101>;\ntype PixelsUnit = {\n value: number;\n type: 'px';\n};\ntype RemsUnit = {\n value: number;\n type: 'rem';\n};\ntype UnitlessUnit = {\n value: number;\n type: 'unitless';\n};\ntype PercentageUnit = {\n value: Percentage;\n type: 'percentage';\n};\ntype Hue = 'gray' | 'purple' | 'indigo' | 'blue' | 'cyan' | 'teal' | 'mint' | 'green' | 'lime' | 'citron' | 'yellow' | 'brown' | 'nude' | 'orange' | 'sunset' | 'red' | 'rose' | 'pink' | 'magenta' | 'carbon';\ntype HueStep = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '13' | '14' | '15';\ntype SpectrumColor = `${Hue}-${HueStep}`;\ntype SharedPrimaryPaletteAlias = 'brand' | 'alert' | 'positive' | 'warning' | 'info';\ntype SharedSecondaryPaletteAlias = `${SharedPrimaryPaletteAlias}-secondary`;\ntype SharedPaletteAlias = SharedPrimaryPaletteAlias | SharedSecondaryPaletteAlias;\ntype DeprecatedAccentAlias = 'accent';\ntype OpacityStep = `${Percentage}`;\ntype BackgroundPaletteAlias = 'primary' | 'secondary' | DeprecatedAccentAlias | SharedPaletteAlias;\ntype BackgroundPalette = Record<BackgroundPaletteAlias, PaletteValue>;\ntype ForegroundPaletteAlias = 'primary' | 'secondary' | 'tertiary' | 'muted' | 'on-color' | DeprecatedAccentAlias | SharedPaletteAlias;\ntype ForegroundPalette = Record<ForegroundPaletteAlias, PaletteValue>;\ntype LinePaletteAlias = 'primary' | 'secondary' | 'tertiary' | 'muted' | DeprecatedAccentAlias | SharedPaletteAlias;\ntype LinePalette = Record<LinePaletteAlias, PaletteValue>;\ntype ShadowPaletteAlias = 'primary' | 'secondary';\ntype ShadowPalette = Record<ShadowPaletteAlias, PaletteValue>;\n/** Always palette aliases with 'always/' prefix */\ntype AlwaysPaletteAliasWithPrefix = 'always/white' | 'always/black' | 'always/transparent' | 'always/current' | 'always/brand' | 'always/accent';\n/** Deprecated always palette aliases (without prefix) */\ntype DeprecatedAlwaysPaletteAlias = 'white' | 'black' | 'transparent' | 'current';\ntype AlwaysPaletteAlias = DeprecatedAlwaysPaletteAlias | AlwaysPaletteAliasWithPrefix;\ntype PaletteType = keyof PaletteConfig;\ntype PaletteValue = {\n hue: Hue;\n step: HueStep;\n opacity?: OpacityStep;\n};\ntype Palette = { [key in PaletteType]: keyof PaletteConfig[key] };\ntype PaletteConfig = {\n background: BackgroundPalette;\n foreground: ForegroundPalette;\n line: LinePalette;\n shadow: ShadowPalette;\n};\ntype ForegroundColor = ForegroundPaletteAlias | AlwaysPaletteAlias;\ntype LineColor = LinePaletteAlias | AlwaysPaletteAlias | ElevationAlias;\ntype BackgroundColor = BackgroundPaletteAlias | AlwaysPaletteAlias | ElevationAlias;\ntype ShadowColor = ShadowPaletteAlias | SpectrumColor | AlwaysPaletteAlias | ElevationAlias;\ntype PropertyToPaletteAliasMap = {\n backgroundColor: BackgroundColor;\n borderColor: LineColor;\n color: ForegroundColor;\n};\ntype ShadowSpectrumColor = {\n type: 'spectrum';\n value: SpectrumColor;\n};\ntype ShadowPaletteColor = {\n type: 'palette';\n value: ShadowColor;\n};\ntype ShadowAlwaysColor = {\n type: 'always';\n value: AlwaysPaletteAlias;\n};\ntype ShadowColorConfig = ShadowPaletteColor | ShadowSpectrumColor | ShadowAlwaysColor;\ntype ShadowOffset = `-${Exclude<SpacingAlias, '0'>}` | SpacingAlias;\ntype ShadowOpacity = OpacityStep;\ntype ShadowSpreadRadius = `-${Exclude<SpacingAlias, '0'>}` | SpacingAlias;\ntype ShadowPreset = {\n offsetX: ShadowOffset;\n offsetY: ShadowOffset;\n blur: SpacingAlias;\n spread: ShadowSpreadRadius;\n color: ShadowColorConfig;\n opacity: ShadowOpacity;\n};\ntype ShadowVariant = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\ntype ShadowVariantWithElevation = ShadowVariant | ElevationAlias;\ntype ShadowVariantInvert = `${Exclude<ShadowVariant, 'none'>}-invert`;\ntype ShadowVariantWithInvert = ShadowVariant | ShadowVariantInvert;\ntype ShadowVariantConfig = MaxLengthArray<ShadowPreset, 3>;\ntype ShadowType = 'drop' | 'inset';\ntype ShadowTypeConfig = Record<ShadowVariant, ShadowVariantConfig>;\ntype ShadowConfig = {\n drop: Record<ShadowVariant, ShadowVariantConfig>;\n inset: Record<ShadowVariant | ShadowVariantInvert, ShadowVariantConfig>;\n};\ntype BreakpointValue = PixelsUnit;\ntype BreakpointsConfig = {\n sm: BreakpointValue;\n md: BreakpointValue;\n lg: BreakpointValue;\n xl: BreakpointValue;\n '2xl': BreakpointValue;\n};\ntype Breakpoint = keyof BreakpointsConfig;\ntype BreakpointWithBase = Breakpoint | 'base';\ntype TextVariantTypography = 'display1' | 'display2' | 'display3' | 'title1' | 'title2' | 'title3' | 'title4' | 'headline1' | 'body1' | 'label1' | 'label2' | 'label3' | 'label4' | 'caption1' | 'caption2' | 'legal1';\ntype TextVariantUi = 'ui1' | 'ui2' | 'ui3' | 'ui4' | 'ui5' | 'ui6';\ntype TextVariantWithoutEmphasized = TextVariantTypography | TextVariantUi;\ntype TextVariant = TextVariantWithoutEmphasized | `${TextVariantWithoutEmphasized}/emphasized`;\ntype FontAlias = 'sans' | 'sans-alt' | 'serif' | 'serif-alt' | 'mono';\ntype FontType = 'sans' | 'serif' | 'mono';\n/**\n * Font ID - specific font family identifier.\n * Defined as string to avoid dependency on FONT_DECLARATIONS_MAP.\n * @yahoo/uds narrows this to specific font IDs.\n */\ntype FontID = string;\ntype FontWeightNumeric = `${IntRange<100, 901, 100>}`;\ntype FontWeightDescriptive = 'thin' | 'extralight' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';\ntype TextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize';\ntype TextDecorationLine = 'none' | 'underline';\ntype LineClampAlias = `${IntRange<1, 7>}`;\ntype LineHeight = number;\ntype FontSize = number;\ntype TextTransformConfig = Record<TextVariantWithoutEmphasized, TextTransform>;\ntype FontSizeConfig = Record<TextVariantWithoutEmphasized, FontSize>;\ntype FontFamilyConfig = Record<TextVariantWithoutEmphasized, FontAlias>;\ntype FontWeightConfig = Record<TextVariantWithoutEmphasized, number>;\ntype FontSlantConfig = Record<TextVariantWithoutEmphasized, number>;\ntype FontWidthConfig = Record<TextVariantWithoutEmphasized, number>;\ntype LineHeightConfig = Record<TextVariantWithoutEmphasized, LineHeight>;\ntype TextProperty = 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight' | 'textTransform' | 'letterSpacing';\ntype TypographyUnitValue = PixelsUnit | UnitlessUnit;\ntype TypographyResponsiveProperty<T> = {\n base: T;\n breakpoints: Record<Breakpoint, T>;\n};\ntype TypographyStyleProperty = keyof TypographyStyle;\ntype TypographyStyle = {\n fontFamily: TypographyResponsiveProperty<FontAlias>;\n textTransform: TypographyResponsiveProperty<TextTransform>;\n fontSize: TypographyResponsiveProperty<TypographyUnitValue>;\n fontWeight: TypographyResponsiveProperty<TypographyUnitValue>;\n lineHeight: TypographyResponsiveProperty<TypographyUnitValue>;\n fontSlant: TypographyResponsiveProperty<TypographyUnitValue>;\n fontWidth: TypographyResponsiveProperty<TypographyUnitValue>;\n letterSpacing: TypographyResponsiveProperty<PixelsUnit>;\n};\ntype TypographyConfig = Record<TextVariant, TypographyStyle>;\ntype FontConfig = Record<FontAlias, FontID>;\ntype TShirtSize = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';\ntype TShirtSizeCommon = Extract<TShirtSize, 'sm' | 'md' | 'lg'>;\ntype AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\ntype AvatarSizeConfig = Record<AvatarSize, number>;\ntype AvatarShape = BorderRadius;\ntype IconSizeConfig = Record<IconSize, number>;\ntype 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';\ntype SpacingConfig = Record<SpacingAlias, number>;\ntype AlwaysPaletteColor<T> = {\n type: 'always';\n value: T;\n};\ntype ElevationSurfaceColor = AlwaysPaletteColor<AlwaysPaletteAlias> | {\n type: 'spectrum';\n value: {\n hue: Hue;\n step: HueStep;\n };\n};\ntype ElevationBackgroundFillColor = {\n type: 'background';\n value: BackgroundPaletteAlias;\n} | ElevationSurfaceColor;\ntype ElevationBorderColor = {\n type: 'line';\n value: LinePaletteAlias;\n} | ElevationSurfaceColor;\ntype RGBColorValue = `${IntRange<0, 256>}`;\ntype RGBAUnit = {\n type: 'rgba';\n r: RGBColorValue;\n g: RGBColorValue;\n b: RGBColorValue;\n a: OpacityStep;\n};\ntype ElevationCustomShadows = [ShadowPreset, ShadowPreset, ShadowPreset, ShadowPreset];\ntype RGBUnit = {\n type: 'rgb';\n r: RGBColorValue;\n g: RGBColorValue;\n b: RGBColorValue;\n};\ntype ElevationPreset = {\n surfaceColor: ElevationSurfaceColor & {\n opacity: OpacityStep;\n };\n layerWithBackgroundFill: boolean;\n backgroundFill: ElevationBackgroundFillColor;\n backgroundBlurRadius: number;\n finalBackgroundValue: RGBAUnit;\n fallbackBlurredBackgroundValue: RGBUnit;\n borderColor: ElevationBorderColor;\n borderWidth: BorderWidth;\n dropShadow: ShadowVariant | ElevationCustomShadows;\n};\ntype ElevationLevel = '0' | '1' | '2' | '3' | '4' | '5';\ntype ElevationAlias = `elevation-${ElevationLevel}`;\ntype ElevationConfig = Record<ElevationLevel, Record<ColorMode, ElevationPreset>>;\ntype BorderRadius = TShirtSize;\ntype BorderRadiusConfig = Record<BorderRadius, number>;\ntype BorderWidth = 'none' | 'thin' | 'medium' | 'thick';\ntype BorderWidthWithElevation = BorderWidth | ElevationAlias;\ntype BorderWidthConfig = Record<BorderWidth, number>;\ntype ColorMode = 'light' | 'dark';\ntype ColorModeForApp = ColorMode | 'system';\ntype ColorModeConfig = Record<ColorMode, ColorsConfig>;\ntype ColorsConfig = {\n palette: PaletteConfig;\n spectrum: SpectrumConfig;\n};\ntype SpectrumValue = Record<HueStep, string>;\ntype SpectrumConfig = Record<Hue, SpectrumValue>;\ntype ScaleMode = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';\ntype ScaleModeForApp = ScaleMode | 'system';\ntype ScaleConfig = {\n avatarSizes: AvatarSizeConfig;\n iconSizes: IconSizeConfig;\n borderRadius: BorderRadiusConfig;\n borderWidth: BorderWidthConfig;\n};\ntype ScaleModeConfig = Record<ScaleMode, ScaleConfig>;\ntype ButtonSize = Extract<TShirtSize, 'xs' | 'sm' | 'md' | 'lg'>;\ntype ButtonPalette = 'brand' | 'accent' | 'alert' | 'positive' | 'warning' | 'info';\ntype ButtonVariant = 'primary' | 'secondary' | 'tertiary';\ntype ScaleEffect = 'none' | 'up' | 'down';\ntype ButtonVariantFlat = ButtonVariant | `${Exclude<ButtonPalette, 'accent'>}` | `${Exclude<ButtonPalette, 'accent'>}-${Exclude<ButtonVariant, 'primary'>}`;\ntype ButtonSpectrumColor = {\n type: 'spectrum';\n value: SpectrumColor;\n};\ntype ButtonPaletteColor<T> = {\n type: 'palette';\n value: T;\n};\ntype IconButtonSize = Extract<TShirtSize, 'xs' | TShirtSizeCommon | 'xl'>;\ntype InputSize = Extract<TShirtSizeCommon, 'md' | 'lg'>;\ntype PlatformMode = 'web' | 'ios' | 'android';\ntype HighContrastMode = boolean;\ntype RegionMode = '🇺🇸 US' | '🇩🇪 DE' | '🇫🇷 FR' | '🇨🇳 CN';\ninterface Modes {\n colorMode: ColorMode;\n scaleMode: ScaleMode;\n}\ntype Animation = 'none' | 'spin' | 'ping' | 'pulse' | 'bounce';\ntype TransitionDelay = '0' | '75' | '100' | '150' | '200' | '300' | '500' | '700' | '1000';\ntype TransitionDuration = '0' | '75' | '100' | '150' | '200' | '300' | '500' | '700' | '1000';\ntype TransitionTiming = 'linear' | 'in' | 'out' | 'in-out';\ntype MotionVariant = 'damped' | 'smooth' | 'subtle' | 'bouncy' | 'veryBouncy';\ntype MotionVariantSpeed = '1' | '2' | '3' | '4';\ntype MotionSpringConfigOptions = 'damping' | 'stiffness';\ntype MotionSpringConfig = {\n damping: number;\n stiffness: number;\n};\ntype MotionVariantValues = { [key in MotionVariantSpeed]: MotionSpringConfig };\ntype MotionConfig = Record<MotionVariant, MotionVariantValues>;\ntype FontCssVar = `--uds-font-${FontAlias}`;\ntype MotionCssVar = `--uds-motion-${MotionVariant}-${MotionVariantSpeed}-${keyof MotionSpringConfig}`;\ntype UdsCssVar = FontCssVar;\ntype AriaAttribute = 'busy' | 'checked' | 'disabled' | 'expanded' | 'hidden' | 'pressed' | 'readonly' | 'required' | 'selected' | 'invalid';\ntype DataAttribute = 'active' | 'active-item' | 'autofill' | 'backdrop' | 'enter' | 'leave' | 'focus-visible';\ntype Flex = '1' | 'auto' | 'initial' | 'none';\ntype FlexGrow = '0' | '1' | '2' | '3';\ntype FlexShrink = '0' | '1';\ntype FlexAlignContent = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';\ntype FlexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';\ntype FlexAlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';\ntype FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';\ntype FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';\ntype FlexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';\ntype FlexBasis = 'min-content';\ntype 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';\ntype Overflow = 'auto' | 'hidden' | 'clip' | 'visible' | 'scroll';\ntype Position = 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky';\ntype ImageStyleProps = {\n contentFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';\n};\ninterface BorderStyleProps {\n borderRadius?: BorderRadius;\n borderTopStartRadius?: BorderRadius;\n borderTopEndRadius?: BorderRadius;\n borderBottomStartRadius?: BorderRadius;\n borderBottomEndRadius?: BorderRadius;\n borderColor?: LineColor;\n borderStartColor?: LineColor;\n borderEndColor?: LineColor;\n borderTopColor?: LineColor;\n borderBottomColor?: LineColor;\n borderWidth?: BorderWidthWithElevation;\n borderVerticalWidth?: BorderWidthWithElevation;\n borderHorizontalWidth?: BorderWidthWithElevation;\n borderStartWidth?: BorderWidthWithElevation;\n borderEndWidth?: BorderWidthWithElevation;\n borderTopWidth?: BorderWidthWithElevation;\n borderBottomWidth?: BorderWidthWithElevation;\n}\ninterface NestedBorderRadiusStyleProps {\n nestedBorderRadius?: boolean | 'first' | 'last';\n nestedBorderRadiusSize?: BorderRadius;\n nestedBorderRadiusSpacing?: SpacingAlias;\n nestedBorderRadiusWidth?: BorderWidthWithElevation;\n}\ninterface ShadowStyleProps {\n dropShadow?: ShadowVariantWithElevation;\n insetShadow?: Exclude<ShadowVariant, ElevationAlias> | ShadowVariantInvert;\n}\ninterface LayoutStyleProps {\n display?: Display;\n overflow?: Overflow;\n overflowX?: Overflow;\n overflowY?: Overflow;\n position?: Position;\n}\ninterface SpacingStyleProps {\n spacing?: SpacingAlias;\n spacingHorizontal?: SpacingAlias;\n spacingVertical?: SpacingAlias;\n spacingBottom?: SpacingAlias;\n spacingEnd?: SpacingAlias;\n spacingStart?: SpacingAlias;\n spacingTop?: SpacingAlias;\n offset?: SpacingAlias;\n offsetVertical?: SpacingAlias;\n offsetHorizontal?: SpacingAlias;\n offsetBottom?: SpacingAlias;\n offsetEnd?: SpacingAlias;\n offsetStart?: SpacingAlias;\n offsetTop?: SpacingAlias;\n columnGap?: SpacingAlias;\n rowGap?: SpacingAlias;\n}\ninterface FlexStyleProps {\n alignContent?: FlexAlignContent;\n alignItems?: FlexAlignItems;\n alignSelf?: FlexAlignSelf;\n flex?: Flex;\n flexDirection?: FlexDirection;\n flexGrow?: FlexGrow;\n flexShrink?: FlexShrink;\n flexWrap?: FlexWrap;\n justifyContent?: FlexJustifyContent;\n flexBasis?: FlexBasis;\n}\ninterface StateStyleProps {\n interactable?: boolean;\n focusable?: boolean;\n}\ninterface TextStyleProps {\n color?: ForegroundColor;\n placeholderColor?: ForegroundColor;\n fontFamily?: TextVariant | FontAlias;\n fontSize?: TextVariant;\n letterSpacing?: TextVariant;\n /** @deprecated Consider using an `emphasized` text variant instead. */\n fontWeight?: TextVariant | FontWeightDescriptive;\n lineHeight?: TextVariant;\n textAlign?: 'center' | 'justify' | 'start' | 'end';\n textTransform?: TextVariant | TextTransform;\n}\ninterface BackgroundStyleProps {\n backgroundColor?: BackgroundColor;\n}\ntype CustomSizingStyleProps = {\n iconSize?: IconSize;\n avatarSize?: AvatarSize;\n};\ninterface SizeStyleProps {\n width?: 'full' | 'fit' | 'screen';\n height?: 'full' | 'fit' | 'screen';\n}\ntype StyleProps = BackgroundStyleProps & BorderStyleProps & LayoutStyleProps & FlexStyleProps & SpacingStyleProps & TextStyleProps & ImageStyleProps & CustomSizingStyleProps & ShadowStyleProps & SizeStyleProps & NestedBorderRadiusStyleProps;\ninterface UniversalBoxProps extends PropsWithChildren, BackgroundStyleProps, BorderStyleProps, FlexStyleProps, LayoutStyleProps, SpacingStyleProps, SizeStyleProps, ShadowStyleProps, NestedBorderRadiusStyleProps {\n asChild?: boolean;\n as?: ElementType;\n}\ninterface UniversalStackProps extends Omit<UniversalBoxProps, 'flexDirection'> {\n gap?: SpacingAlias;\n separator?: ReactNode | ((index: number) => ReactNode);\n}\ninterface UniversalTextProps extends PropsWithChildren, TextStyleProps, UniversalBoxProps {\n variant?: TextVariant;\n color?: ForegroundColor;\n}\n/**\n * Universal icon props with generic icon type.\n * @template Icon - The icon component type. Defaults to GenericIconComponent.\n */\ninterface UniversalIconProps<Icon = GenericIconComponent> {\n name: Icon;\n size?: IconSize;\n variant?: IconVariant;\n color?: ForegroundColor;\n}\ntype SVGElementProps = Omit<HTMLAttributes<SVGSVGElement>, 'color'>;\ninterface IconPropsWithSVGProps extends UniversalIconProps, SVGElementProps {}\ntype IconSlotRenderProps = Omit<IconPropsWithSVGProps, 'name'>;\ntype BackwardsCompatibleReactElement = null | undefined | ReactElement;\n/**\n * Universal icon slot type with generic icon type.\n * @template Icon - The icon component type.\n */\ntype UniversalIconSlot<Icon = GenericIconComponent> = Icon | BackwardsCompatibleReactElement | ((iconProps: IconSlotRenderProps) => BackwardsCompatibleReactElement);\ninterface UniversalPressableProps extends Omit<UniversalBoxProps, 'as'> {\n onPress?: () => void;\n}\ninterface UniversalIconButtonProps<Icon = GenericIconComponent> {\n variant?: ButtonVariantFlat;\n size?: IconButtonSize;\n iconVariant?: IconVariant;\n name: Icon;\n htmlName?: string;\n loading?: boolean;\n disableEffects?: boolean;\n}\ninterface UniversalButtonProps<IconSlotType = UniversalIconSlot> extends Pick<SizeStyleProps, 'width'> {\n variant?: ButtonVariantFlat;\n size?: ButtonSize;\n iconVariant?: IconVariant;\n startIcon?: IconSlotType;\n endIcon?: IconSlotType;\n loading?: boolean;\n disableEffects?: boolean;\n asChild?: boolean;\n}\ninterface UniversalImageProps extends Omit<UniversalBoxProps, 'width' | 'height'>, ImageStyleProps {\n src: string;\n alt?: string;\n width?: number;\n height?: number;\n}\ntype ImgElementProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'size' | 'color' | 'height' | 'width' | 'alt' | 'src'>;\ninterface ImagePropsWithImgProps extends UniversalImageProps, ImgElementProps {}\ninterface UniversalFormLabelProps extends Omit<UniversalTextProps, 'variant' | 'color'> {\n as?: ElementType;\n variant?: UniversalTextProps['variant'] | 'inherit';\n required?: boolean;\n color?: ForegroundColor | 'inherit';\n hasError?: boolean;\n showRequiredAsterisk?: boolean;\n label?: string | ReactNode | (() => ReactNode);\n}\ninterface UniversalInputProps<IconSlotType = UniversalIconSlot> {\n label?: string | ReactNode | (() => ReactNode);\n disabled?: boolean;\n required?: boolean;\n helpText?: string | ReactNode | (() => ReactNode);\n helperTextIcon?: IconSlotType;\n hasError?: boolean;\n size?: InputSize;\n startIcon?: IconSlotType;\n endIcon?: IconSlotType;\n reduceMotion?: boolean;\n readOnly?: boolean;\n width?: UniversalBoxProps['width'];\n}\ntype DividerVariant = 'primary' | 'secondary' | 'tertiary' | 'muted';\ninterface UniversalDividerProps {\n variant?: DividerVariant;\n vertical?: boolean;\n contentPosition?: 'start' | 'center' | 'end';\n}\ntype LinkVariant = 'primary' | 'secondary' | 'tertiary' | 'on-color';\ntype LinkTextVariant = TextVariantWithoutEmphasized;\ninterface UniversalLinkProps<IconSlotType = UniversalIconSlot> {\n textVariant?: LinkTextVariant;\n variant?: LinkVariant;\n startIcon?: IconSlotType;\n endIcon?: IconSlotType;\n alwaysUnderline?: boolean;\n}\ntype CheckboxValue = boolean | 'indeterminate';\ntype CheckboxVariant = 'primary' | 'secondary';\ntype CheckboxSize = 'sm' | 'md';\ninterface UniversalCheckboxProps {\n variant?: CheckboxVariant;\n size?: CheckboxSize;\n label?: string | ReactNode | (() => ReactNode);\n checked?: CheckboxValue;\n hasError?: boolean;\n reduceMotion?: boolean;\n labelPosition?: 'start' | 'end';\n}\ntype RadioValue = boolean;\ntype RadioVariant = 'primary' | 'secondary';\ntype RadioSize = 'sm' | 'md';\ninterface UniversalRadioProps {\n variant?: RadioVariant;\n size?: RadioSize;\n label?: string | ReactNode | (() => ReactNode);\n value?: string;\n checked?: boolean;\n hasError?: boolean;\n reduceMotion?: boolean;\n labelPosition?: 'start' | 'end';\n}\ninterface UniversalRadioGroupProps {\n name?: string;\n value?: string;\n defaultValue?: string;\n onChange?: (value: string | undefined) => void;\n asChild?: boolean;\n}\ntype SwitchSize = 'sm' | 'md';\ninterface UniversalSwitchProps<IconSlotType = UniversalIconSlot> {\n size?: SwitchSize;\n label?: string | ReactNode | (() => ReactNode);\n isOn?: boolean;\n defaultIsOn?: boolean;\n onIcon?: IconSlotType;\n offIcon?: IconSlotType;\n reduceMotion?: boolean;\n labelPosition?: 'start' | 'end';\n}\ntype ChipVariant = 'primary' | 'secondary' | 'brand' | 'brand-secondary';\ntype ChipSize = 'sm' | 'md';\ninterface UniversalChipBaseProps<IconSlotType = UniversalIconSlot> extends PropsWithChildren {\n variant?: ChipVariant;\n size?: ChipSize;\n startIcon?: IconSlotType;\n endIcon?: IconSlotType;\n minWidth?: number;\n maxWidth?: number;\n as?: ElementType;\n reduceMotion?: boolean;\n disabled?: boolean;\n}\ninterface UniversalChipDismissibleProps<IconSlotType = UniversalIconSlot> extends Omit<UniversalChipBaseProps, 'endIcon' | 'asChild' | 'layerClassNames'> {\n onDismiss?: () => void;\n dismissButtonAriaLabel?: string;\n dismissIcon?: IconSlotType;\n}\ninterface UniversalChipToggleProps extends Omit<UniversalChipBaseProps, 'asChild' | 'layerClassNames'> {\n isToggled?: boolean;\n onToggle?: (isToggled: boolean) => void;\n}\ntype UniversalChipButtonProps = Omit<UniversalChipToggleProps, 'isToggled' | 'onToggle' | 'asChild'>;\ninterface UniversalChipLinkProps extends Omit<UniversalChipBaseProps, 'layerClassNames'> {\n href?: string;\n}\ninterface UniversalChipProps extends UniversalChipToggleProps, UniversalChipLinkProps, UniversalChipButtonProps, UniversalChipDismissibleProps {}\ntype BadgeVariant = 'primary' | 'secondary' | 'brand' | 'brand-secondary' | 'alert' | 'alert-secondary' | 'positive' | 'positive-secondary' | 'warning' | 'warning-secondary' | 'info' | 'info-secondary';\ntype BadgeSize = 'xs' | 'sm' | 'md' | 'lg';\ninterface UniversalBadgeProps<IconSlotType = UniversalIconSlot> extends PropsWithChildren {\n as?: ElementType;\n variant?: BadgeVariant;\n size?: BadgeSize;\n backgroundColor?: string;\n color?: string;\n iconColor?: string;\n borderColor?: string;\n startIcon?: IconSlotType;\n endIcon?: IconSlotType;\n minWidth?: number;\n maxWidth?: number | 'full';\n}\ntype AvatarVariant = 'primary' | 'secondary';\ntype AvatarAbbreviationStrategy = 'first' | 'last' | 'firstAndLast' | 'firstTwo' | 'firstThree' | 'firstOfEach' | ((name: string) => string);\ninterface UniversalAvatarBaseProps {\n size?: AvatarSize;\n variant?: 'primary' | 'secondary';\n customSize?: number;\n abbreviationStrategy?: AvatarAbbreviationStrategy;\n alt?: string;\n className?: string;\n}\ninterface UniversalAvatarImageProps extends UniversalAvatarBaseProps {\n src: string;\n srcSet?: string;\n fallback?: string;\n}\ninterface UniversalAvatarTextProps extends UniversalAvatarBaseProps {\n name?: string;\n initials?: string;\n}\ninterface UniversalAvatarIconProps<IconSlotType = UniversalIconSlot> extends Omit<UniversalAvatarBaseProps, 'abbreviationStrategy'> {\n icon?: IconSlotType;\n}\ntype UniversalAvatarProps = UniversalAvatarImageProps;\ninterface UniversalMenuItemProps<IconSlotType = UniversalIconSlot> extends Omit<UniversalPressableProps, 'asChild'>, PropsWithChildren {\n endIcon?: IconSlotType;\n startIcon?: IconSlotType;\n textVariant?: TextVariant;\n name?: string;\n active?: boolean;\n disabled?: boolean;\n slots?: {\n root?: (props: HTMLAttributes<any> & {\n ref?: Ref<any>;\n }) => ReactNode;\n };\n}\n/**\n * Base interface for configurable component names.\n * The full list is: avatar, badge, button, checkbox, chip, divider, iconButton, input, link, menu, radio, switch\n */\ntype ConfigurableComponentName = 'avatar' | 'badge' | 'button' | 'checkbox' | 'chip' | 'divider' | 'iconButton' | 'input' | 'link' | 'menu' | 'radio' | 'switch';\n/**\n * Base interface for UniversalTokensConfigAuto.\n * This is extended by @yahoo/uds with the full generated config.\n */\ninterface UniversalTokensConfigAutoBase {\n [key: string]: unknown;\n}\n/**\n * Base universal tokens configuration interface.\n * This contains the core config properties that all platforms need.\n */\ninterface UniversalTokensConfigBase {\n version: string;\n colorMode: ColorModeConfig;\n scaleMode: ScaleModeConfig;\n font: FontConfig;\n motion: MotionConfig;\n shadow: ShadowConfig;\n breakpoints: BreakpointsConfig;\n typography: TypographyConfig;\n elevation: ElevationConfig;\n globalDefaults: GlobalDefaultsConfig;\n}\n/**\n * Universal tokens configuration type.\n * Combines base config with auto-generated component config.\n * @template ConfigAuto - The auto-generated component config type. Defaults to UniversalTokensConfigAutoBase.\n */\ntype UniversalTokensConfig<ConfigAuto = UniversalTokensConfigAutoBase> = UniversalTokensConfigBase & ConfigAuto;\ntype GlobalDefaultsConfig = {\n breakpoint: Breakpoint | 'base';\n enableResponsiveType: boolean;\n};\n//#endregion\nexport { type AlwaysPaletteAlias, type AlwaysPaletteAliasWithPrefix, type AlwaysPaletteColor, type Animation, type AriaAttribute, type AvatarAbbreviationStrategy, type AvatarShape, type AvatarSize, type AvatarSizeConfig, type AvatarVariant, type BackgroundColor, type BackgroundPalette, type BackgroundPaletteAlias, type BackgroundStyleProps, type BackwardsCompatibleReactElement, type BadgeSize, type BadgeVariant, type BorderRadius, type BorderRadiusConfig, type BorderStyleProps, type BorderWidth, type BorderWidthConfig, type BorderWidthWithElevation, type Breakpoint, type BreakpointValue, type BreakpointWithBase, type BreakpointsConfig, type ButtonPalette, type ButtonPaletteColor, type ButtonSize, type ButtonSpectrumColor, type ButtonVariant, type ButtonVariantFlat, type CheckboxSize, type CheckboxValue, type CheckboxVariant, type ChipSize, type ChipVariant, type ColorMode, type ColorModeConfig, type ColorModeForApp, type ColorsConfig, type ConfigurableComponentName, type CustomSizingStyleProps, type DataAttribute, type DeprecatedAlwaysPaletteAlias, type Display, type DividerVariant, type ElevationAlias, type ElevationBackgroundFillColor, type ElevationBorderColor, type ElevationConfig, type ElevationCustomShadows, type ElevationLevel, type ElevationPreset, type ElevationSurfaceColor, type ExtractUrlFromFontFaceRule, type Flex, type FlexAlignContent, type FlexAlignItems, type FlexAlignSelf, type FlexBasis, type FlexDirection, type FlexGrow, type FlexJustifyContent, type FlexShrink, type FlexStyleProps, type FlexWrap, type FontAlias, type FontConfig, type FontCssVar, type FontFamilyConfig, type FontID, type FontSize, type FontSizeConfig, type FontSlantConfig, type FontType, type FontWeightConfig, type FontWeightDescriptive, type FontWeightNumeric, type FontWidthConfig, type ForegroundColor, type ForegroundPalette, type ForegroundPaletteAlias, type GenericIconComponent, type GlobalDefaultsConfig, type HighContrastMode, type Hue, type HueStep, type IconButtonSize, type IconPixelSize, type IconPropsWithSVGProps, type IconSize, type IconSizeConfig, type IconSlotRenderProps, type IconVariant, type ImagePropsWithImgProps, type ImageStyleProps, type ImgElementProps, type InputSize, type LayoutStyleProps, type LineClampAlias, type LineColor, type LineHeight, type LineHeightConfig, type LinePalette, type LinePaletteAlias, type LinkTextVariant, type LinkVariant, type MaxLengthArray, type Modes, type MotionConfig, type MotionCssVar, type MotionSpringConfig, type MotionSpringConfigOptions, type MotionVariant, type MotionVariantSpeed, type MotionVariantValues, type NestedBorderRadiusStyleProps, type OpacityStep, type Overflow, type Palette, type PaletteConfig, type PaletteType, type PaletteValue, type Percentage, type PercentageUnit, type PixelsUnit, type PlatformMode, type Position, type PropertyToPaletteAliasMap, type RGBAUnit, type RGBColorValue, type RGBUnit, type RadioSize, type RadioValue, type RadioVariant, type RegionMode, type RemsUnit, type SVGElementProps, type ScaleConfig, type ScaleEffect, type ScaleMode, type ScaleModeConfig, type ScaleModeForApp, type ShadowAlwaysColor, type ShadowColor, type ShadowColorConfig, type ShadowConfig, type ShadowOffset, type ShadowOpacity, type ShadowPalette, type ShadowPaletteAlias, type ShadowPaletteColor, type ShadowPreset, type ShadowSpectrumColor, type ShadowSpreadRadius, type ShadowStyleProps, type ShadowType, type ShadowTypeConfig, type ShadowVariant, type ShadowVariantConfig, type ShadowVariantInvert, type ShadowVariantWithElevation, type ShadowVariantWithInvert, type SharedPaletteAlias, type SizeStyleProps, type SpacingAlias, type SpacingConfig, type SpacingStyleProps, type SpectrumColor, type SpectrumConfig, type SpectrumValue, type StateStyleProps, type StyleProps, type SwitchSize, type TShirtSize, type TShirtSizeCommon, type TextDecorationLine, type TextProperty, type TextStyleProps, type TextTransform, type TextTransformConfig, type TextVariant, type TextVariantTypography, type TextVariantUi, type TextVariantWithoutEmphasized, type TransitionDelay, type TransitionDuration, type TransitionTiming, type TypographyConfig, type TypographyResponsiveProperty, type TypographyStyle, type TypographyStyleProperty, type TypographyUnitValue, type UdsCssVar, type UnitlessUnit, type UniversalAvatarBaseProps, type UniversalAvatarIconProps, type UniversalAvatarImageProps, type UniversalAvatarProps, type UniversalAvatarTextProps, type UniversalBadgeProps, type UniversalBoxProps, type UniversalButtonProps, type UniversalCheckboxProps, type UniversalChipBaseProps, type UniversalChipButtonProps, type UniversalChipDismissibleProps, type UniversalChipLinkProps, type UniversalChipProps, type UniversalChipToggleProps, type UniversalDividerProps, type UniversalFormLabelProps, type UniversalIconButtonProps, type UniversalIconProps, type UniversalIconSlot, type UniversalImageProps, type UniversalInputProps, type UniversalLinkProps, type UniversalMenuItemProps, type UniversalPressableProps, type UniversalRadioGroupProps, type UniversalRadioProps, type UniversalStackProps, type UniversalSwitchProps, type UniversalTextProps, type UniversalTokensConfig, type UniversalTokensConfigAutoBase, type UniversalTokensConfigBase };\n//# sourceMappingURL=index.d.ts.map"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
//#region ../icons/dist/types.d.ts
|
|
3
|
-
|
|
4
|
-
type IconSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
5
|
-
type IconVariant = 'fill' | 'outline' | 'multicolor';
|
|
6
|
-
interface SvgIconProps {
|
|
7
|
-
size?: IconSize;
|
|
8
|
-
variant?: IconVariant;
|
|
9
|
-
}
|
|
10
|
-
interface SvgIconWithStaticProps<SvgIconProps$1> extends React.FunctionComponent<SvgIconProps$1> {
|
|
11
|
-
metadata: {
|
|
12
|
-
/** Icon name */
|
|
13
|
-
name: string;
|
|
14
|
-
/** Whether this is an SVG icon */
|
|
15
|
-
isSvgIcon: boolean;
|
|
16
|
-
/** List of available variants for this icon */
|
|
17
|
-
variants: IconVariant[];
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
type SvgIcon = SvgIconWithStaticProps<SvgIconProps>;
|
|
21
|
-
//#endregion
|
|
22
|
-
//#endregion
|
|
23
|
-
export { type IconSize, type IconVariant, type SvgIcon };
|
|
24
|
-
//# sourceMappingURL=types.d.cts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.cts","names":["IconPixelSize","IconSize","IconVariant","SvgIconProps","SvgIconWithStaticProps","SvgIconProps$1","React","FunctionComponent","SvgIcon"],"sources":["../../../../icons/dist/types.d.ts"],"sourcesContent":["\n//#region src/types.d.ts\ntype IconPixelSize = 12 | 16 | 24 | 32;\ntype IconSize = 'xs' | 'sm' | 'md' | 'lg';\ntype IconVariant = 'fill' | 'outline' | 'multicolor';\ninterface SvgIconProps {\n size?: IconSize;\n variant?: IconVariant;\n}\ninterface SvgIconWithStaticProps<SvgIconProps$1> extends React.FunctionComponent<SvgIconProps$1> {\n metadata: {\n /** Icon name */\n name: string;\n /** Whether this is an SVG icon */\n isSvgIcon: boolean;\n /** List of available variants for this icon */\n variants: IconVariant[];\n };\n}\ntype SvgIcon = SvgIconWithStaticProps<SvgIconProps>;\n//#endregion\nexport { type IconPixelSize, type IconSize, type IconVariant, type SvgIcon, type SvgIconProps, type SvgIconWithStaticProps };"],"mappings":";;;AAIgB,KADXC,QAAAA,GAEKE,IAAY,GAAA,IAAA,GAAA,IACbF,GAAAA,IAAAA;AACc,KAHlBC,WAAAA,GAKKE,MAAAA,GAAAA,SAAsBC,GAAAA,YAAAA;UAJtBF,YAAAA,CAIuEE;EAOnEH,IAAAA,CAAAA,EAVLD,QAUKC;EAP2CI,OAAMC,CAAAA,EAFnDL,WAEmDK;;AAAiB,UAAtEH,sBAU4BD,CAAAA,cAAvBC,CAAAA,SAV0CE,KAAAA,CAAMC,iBAU1B,CAV4CF,cAU5C,CAAA,CAAA;;;;;;;cAHvBH;;;KAGTM,OAAAA,GAAUJ,uBAAuBD"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
//#region ../icons/dist/types.d.ts
|
|
3
|
-
|
|
4
|
-
type IconSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
5
|
-
type IconVariant = 'fill' | 'outline' | 'multicolor';
|
|
6
|
-
interface SvgIconProps {
|
|
7
|
-
size?: IconSize;
|
|
8
|
-
variant?: IconVariant;
|
|
9
|
-
}
|
|
10
|
-
interface SvgIconWithStaticProps<SvgIconProps$1> extends React.FunctionComponent<SvgIconProps$1> {
|
|
11
|
-
metadata: {
|
|
12
|
-
/** Icon name */
|
|
13
|
-
name: string;
|
|
14
|
-
/** Whether this is an SVG icon */
|
|
15
|
-
isSvgIcon: boolean;
|
|
16
|
-
/** List of available variants for this icon */
|
|
17
|
-
variants: IconVariant[];
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
type SvgIcon = SvgIconWithStaticProps<SvgIconProps>;
|
|
21
|
-
//#endregion
|
|
22
|
-
//#endregion
|
|
23
|
-
export { type IconSize, type IconVariant, type SvgIcon };
|
|
24
|
-
//# sourceMappingURL=types.d.mts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.mts","names":["IconPixelSize","IconSize","IconVariant","SvgIconProps","SvgIconWithStaticProps","SvgIconProps$1","React","FunctionComponent","SvgIcon"],"sources":["../../../../icons/dist/types.d.ts"],"sourcesContent":["\n//#region src/types.d.ts\ntype IconPixelSize = 12 | 16 | 24 | 32;\ntype IconSize = 'xs' | 'sm' | 'md' | 'lg';\ntype IconVariant = 'fill' | 'outline' | 'multicolor';\ninterface SvgIconProps {\n size?: IconSize;\n variant?: IconVariant;\n}\ninterface SvgIconWithStaticProps<SvgIconProps$1> extends React.FunctionComponent<SvgIconProps$1> {\n metadata: {\n /** Icon name */\n name: string;\n /** Whether this is an SVG icon */\n isSvgIcon: boolean;\n /** List of available variants for this icon */\n variants: IconVariant[];\n };\n}\ntype SvgIcon = SvgIconWithStaticProps<SvgIconProps>;\n//#endregion\nexport { type IconPixelSize, type IconSize, type IconVariant, type SvgIcon, type SvgIconProps, type SvgIconWithStaticProps };"],"mappings":";;;AAIgB,KADXC,QAAAA,GAEKE,IAAY,GAAA,IAAA,GAAA,IACbF,GAAAA,IAAAA;AACc,KAHlBC,WAAAA,GAKKE,MAAAA,GAAAA,SAAsBC,GAAAA,YAAAA;UAJtBF,YAAAA,CAIuEE;EAOnEH,IAAAA,CAAAA,EAVLD,QAUKC;EAP2CI,OAAMC,CAAAA,EAFnDL,WAEmDK;;AAAiB,UAAtEH,sBAU4BD,CAAAA,cAAvBC,CAAAA,SAV0CE,KAAAA,CAAMC,iBAU1B,CAV4CF,cAU5C,CAAA,CAAA;;;;;;;cAHvBH;;;KAGTM,OAAAA,GAAUJ,uBAAuBD"}
|