@yahoo/uds 3.104.0 → 3.105.0
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/dist/automated-config/dist/generated/autoVariants.cjs +57 -0
- package/dist/automated-config/dist/generated/autoVariants.d.cts +57 -57
- package/dist/automated-config/dist/generated/autoVariants.d.ts +57 -57
- package/dist/automated-config/dist/generated/autoVariants.js +57 -0
- package/dist/automated-config/dist/utils/generateDefaultClassName.cjs +18 -0
- package/dist/automated-config/dist/utils/generateDefaultClassName.d.cts +14 -0
- package/dist/automated-config/dist/utils/generateDefaultClassName.d.ts +14 -0
- package/dist/automated-config/dist/utils/generateDefaultClassName.js +17 -0
- package/dist/automated-config/dist/utils/index.cjs +3 -6
- package/dist/automated-config/dist/utils/index.d.cts +2 -2
- package/dist/automated-config/dist/utils/index.d.ts +2 -2
- package/dist/automated-config/dist/utils/index.js +3 -5
- package/dist/cli/runner.cjs +21 -5
- package/dist/cli/runner.js +21 -5
- package/dist/components/client/Button.cjs +9 -9
- package/dist/components/client/Button.js +2 -2
- package/dist/components/client/IconButton.cjs +8 -8
- package/dist/components/client/IconButton.js +2 -2
- package/dist/components/client/SpringMotionConfig.cjs +4 -4
- package/dist/components/client/SpringMotionConfig.js +5 -5
- package/dist/components/client/buttonConstants.cjs +10 -0
- package/dist/components/client/buttonConstants.d.cts +9 -0
- package/dist/components/client/buttonConstants.d.ts +9 -0
- package/dist/components/client/buttonConstants.js +8 -0
- package/dist/index.cjs +2 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/motion-tokens/dist/index.cjs +11 -0
- package/dist/motion-tokens/dist/index.d.cts +5 -1
- package/dist/motion-tokens/dist/index.d.ts +5 -1
- package/dist/motion-tokens/dist/index.js +11 -1
- package/dist/styles/styler.d.cts +67 -67
- package/dist/styles/styler.d.ts +67 -67
- package/dist/styles/variants.d.cts +57 -0
- package/dist/styles/variants.d.ts +57 -0
- package/dist/tailwind/dist/commands/generateComponentData.cjs +65 -0
- package/dist/tailwind/dist/commands/generateComponentData.d.ts +3 -0
- package/dist/tailwind/dist/commands/generateComponentData.js +64 -0
- package/dist/tailwind/dist/commands/generatePurgeCSSData.cjs +1 -1
- package/dist/tailwind/dist/commands/generatePurgeCSSData.js +1 -1
- package/dist/tailwind/dist/commands/purge.cjs +41 -11
- package/dist/tailwind/dist/commands/purge.d.ts +2 -1
- package/dist/tailwind/dist/commands/purge.js +41 -11
- package/dist/tailwind/dist/index.d.ts +1 -0
- package/dist/tailwind/dist/{utils → purger/legacy}/purgeCSS.cjs +7 -7
- package/dist/tailwind/dist/{utils → purger/legacy}/purgeCSS.js +6 -6
- package/dist/tailwind/dist/purger/optimized/ast/expressions.cjs +193 -0
- package/dist/tailwind/dist/purger/optimized/ast/expressions.js +192 -0
- package/dist/tailwind/dist/purger/optimized/ast/jsx.cjs +20 -0
- package/dist/tailwind/dist/purger/optimized/ast/jsx.js +19 -0
- package/dist/tailwind/dist/purger/optimized/purge.cjs +69 -0
- package/dist/tailwind/dist/purger/optimized/purge.js +66 -0
- package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +273 -0
- package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +272 -0
- package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +408 -0
- package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +405 -0
- package/dist/tailwind/dist/purger/optimized/utils/files.cjs +27 -0
- package/dist/tailwind/dist/purger/optimized/utils/files.js +24 -0
- package/dist/tailwind/dist/purger/optimized/utils/safelist.cjs +64 -0
- package/dist/tailwind/dist/purger/optimized/utils/safelist.js +60 -0
- package/dist/tailwind/dist/tailwind/utils/getColorModeStyles.cjs +1 -0
- package/dist/tailwind/dist/tailwind/utils/getColorModeStyles.js +1 -0
- package/dist/tailwind/dist/utils/tsMorph.cjs +1 -1
- package/dist/tokens/automation/index.cjs +2 -1
- package/dist/tokens/automation/index.d.cts +2 -1
- package/dist/tokens/automation/index.d.ts +2 -1
- package/dist/tokens/automation/index.js +2 -1
- package/dist/tokens/index.cjs +2 -1
- package/dist/tokens/index.d.cts +2 -1
- package/dist/tokens/index.d.ts +2 -1
- package/dist/tokens/index.js +2 -1
- package/dist/uds/generated/componentData.cjs +2110 -0
- package/dist/uds/generated/componentData.js +1720 -0
- package/dist/uds/generated/tailwindPurge.cjs +24 -24
- package/dist/uds/generated/tailwindPurge.js +24 -24
- package/package.json +1 -1
- /package/dist/tailwind/dist/{utils → purger/legacy}/purgeCSS.d.ts +0 -0
|
@@ -1,50 +1,50 @@
|
|
|
1
1
|
|
|
2
2
|
//#region ../automated-config/dist/generated/autoVariants.d.ts
|
|
3
3
|
interface StylePropsVariantsAuto<T> {
|
|
4
|
-
avatarIconVariantRoot: Record<'primary' | 'secondary', T>;
|
|
5
|
-
avatarImageVariantRoot: Record<'primary' | 'secondary', T>;
|
|
6
|
-
avatarSizeIcon: Record<'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
|
|
7
|
-
avatarSizeRoot: Record<'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
|
|
8
|
-
avatarTextVariantRoot: Record<'primary' | 'secondary', T>;
|
|
9
|
-
badgeSizeIcon: Record<'lg' | 'md' | 'sm' | 'xs', T>;
|
|
10
|
-
badgeSizeRoot: Record<'lg' | 'md' | 'sm' | 'xs', T>;
|
|
11
|
-
badgeVariantIcon: Record<'alert' | 'alert-secondary' | 'brand' | 'brand-secondary' | 'info' | 'info-secondary' | 'positive' | 'positive-secondary' | 'primary' | 'secondary' | 'warning' | 'warning-secondary', T>;
|
|
12
|
-
badgeVariantRoot: Record<'alert' | 'alert-secondary' | 'brand' | 'brand-secondary' | 'info' | 'info-secondary' | 'positive' | 'positive-secondary' | 'primary' | 'secondary' | 'warning' | 'warning-secondary', T>;
|
|
13
|
-
buttonSizeIcon: Record<'lg' | 'md' | 'sm' | 'xs', T>;
|
|
14
|
-
buttonSizeRoot: Record<'lg' | 'md' | 'sm' | 'xs', T>;
|
|
15
|
-
buttonVariantIcon: Record<'alert' | 'alert-secondary' | 'alert-tertiary' | 'brand' | 'brand-secondary' | 'brand-tertiary' | 'info' | 'info-secondary' | 'info-tertiary' | 'positive' | 'positive-secondary' | 'positive-tertiary' | 'primary' | 'secondary' | 'tertiary' | 'warning' | 'warning-secondary' | 'warning-tertiary', T>;
|
|
16
|
-
buttonVariantRoot: Record<'alert' | 'alert-secondary' | 'alert-tertiary' | 'brand' | 'brand-secondary' | 'brand-tertiary' | 'info' | 'info-secondary' | 'info-tertiary' | 'positive' | 'positive-secondary' | 'positive-tertiary' | 'primary' | 'secondary' | 'tertiary' | 'warning' | 'warning-secondary' | 'warning-tertiary', T>;
|
|
17
|
-
checkboxSizeCheckbox: Record<'md' | 'sm', T>;
|
|
18
|
-
checkboxSizeRoot: Record<'md' | 'sm', T>;
|
|
19
|
-
checkboxVariantCheckbox: Record<'alert' | 'alert-secondary' | 'primary' | 'secondary', T>;
|
|
20
|
-
checkboxVariantCheckboxIcon: Record<'alert' | 'alert-secondary' | 'primary' | 'secondary', T>;
|
|
21
|
-
checkboxVariantRoot: Record<'alert' | 'alert-secondary' | 'primary' | 'secondary', T>;
|
|
4
|
+
avatarIconVariantRoot: Record<'default' | 'primary' | 'secondary', T>;
|
|
5
|
+
avatarImageVariantRoot: Record<'default' | 'primary' | 'secondary', T>;
|
|
6
|
+
avatarSizeIcon: Record<'default' | 'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
|
|
7
|
+
avatarSizeRoot: Record<'default' | 'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
|
|
8
|
+
avatarTextVariantRoot: Record<'default' | 'primary' | 'secondary', T>;
|
|
9
|
+
badgeSizeIcon: Record<'default' | 'lg' | 'md' | 'sm' | 'xs', T>;
|
|
10
|
+
badgeSizeRoot: Record<'default' | 'lg' | 'md' | 'sm' | 'xs', T>;
|
|
11
|
+
badgeVariantIcon: Record<'alert' | 'alert-secondary' | 'brand' | 'brand-secondary' | 'default' | 'info' | 'info-secondary' | 'positive' | 'positive-secondary' | 'primary' | 'secondary' | 'warning' | 'warning-secondary', T>;
|
|
12
|
+
badgeVariantRoot: Record<'alert' | 'alert-secondary' | 'brand' | 'brand-secondary' | 'default' | 'info' | 'info-secondary' | 'positive' | 'positive-secondary' | 'primary' | 'secondary' | 'warning' | 'warning-secondary', T>;
|
|
13
|
+
buttonSizeIcon: Record<'default' | 'lg' | 'md' | 'sm' | 'xs', T>;
|
|
14
|
+
buttonSizeRoot: Record<'default' | 'lg' | 'md' | 'sm' | 'xs', T>;
|
|
15
|
+
buttonVariantIcon: Record<'alert' | 'alert-secondary' | 'alert-tertiary' | 'brand' | 'brand-secondary' | 'brand-tertiary' | 'default' | 'info' | 'info-secondary' | 'info-tertiary' | 'positive' | 'positive-secondary' | 'positive-tertiary' | 'primary' | 'secondary' | 'tertiary' | 'warning' | 'warning-secondary' | 'warning-tertiary', T>;
|
|
16
|
+
buttonVariantRoot: Record<'alert' | 'alert-secondary' | 'alert-tertiary' | 'brand' | 'brand-secondary' | 'brand-tertiary' | 'default' | 'info' | 'info-secondary' | 'info-tertiary' | 'positive' | 'positive-secondary' | 'positive-tertiary' | 'primary' | 'secondary' | 'tertiary' | 'warning' | 'warning-secondary' | 'warning-tertiary', T>;
|
|
17
|
+
checkboxSizeCheckbox: Record<'default' | 'md' | 'sm', T>;
|
|
18
|
+
checkboxSizeRoot: Record<'default' | 'md' | 'sm', T>;
|
|
19
|
+
checkboxVariantCheckbox: Record<'alert' | 'alert-secondary' | 'default' | 'primary' | 'secondary', T>;
|
|
20
|
+
checkboxVariantCheckboxIcon: Record<'alert' | 'alert-secondary' | 'default' | 'primary' | 'secondary', T>;
|
|
21
|
+
checkboxVariantRoot: Record<'alert' | 'alert-secondary' | 'default' | 'primary' | 'secondary', T>;
|
|
22
22
|
checkboxVariantValueCheckbox: Record<'checked' | 'indeterminate' | 'unchecked', T>;
|
|
23
23
|
checkboxVariantValueCheckboxIcon: Record<'checked' | 'indeterminate' | 'unchecked', T>;
|
|
24
24
|
checkboxVariantValueRoot: Record<'checked' | 'indeterminate' | 'unchecked', T>;
|
|
25
|
-
chipDismissibleVariantIcon: Record<'brand' | 'brand-secondary' | 'primary' | 'secondary', T>;
|
|
26
|
-
chipDismissibleVariantRoot: Record<'brand' | 'brand-secondary' | 'primary' | 'secondary', T>;
|
|
27
|
-
chipLinkVariantIcon: Record<'brand' | 'brand-secondary' | 'primary' | 'secondary', T>;
|
|
28
|
-
chipLinkVariantRoot: Record<'brand' | 'brand-secondary' | 'primary' | 'secondary', T>;
|
|
29
|
-
chipSizeIcon: Record<'md' | 'sm', T>;
|
|
30
|
-
chipSizeRoot: Record<'md' | 'sm', T>;
|
|
25
|
+
chipDismissibleVariantIcon: Record<'brand' | 'brand-secondary' | 'default' | 'primary' | 'secondary', T>;
|
|
26
|
+
chipDismissibleVariantRoot: Record<'brand' | 'brand-secondary' | 'default' | 'primary' | 'secondary', T>;
|
|
27
|
+
chipLinkVariantIcon: Record<'brand' | 'brand-secondary' | 'default' | 'primary' | 'secondary', T>;
|
|
28
|
+
chipLinkVariantRoot: Record<'brand' | 'brand-secondary' | 'default' | 'primary' | 'secondary', T>;
|
|
29
|
+
chipSizeIcon: Record<'default' | 'md' | 'sm', T>;
|
|
30
|
+
chipSizeRoot: Record<'default' | 'md' | 'sm', T>;
|
|
31
31
|
chipToggleVariantActiveIcon: Record<'off' | 'on', T>;
|
|
32
32
|
chipToggleVariantActiveRoot: Record<'off' | 'on', T>;
|
|
33
|
-
chipToggleVariantIcon: Record<'brand' | 'brand-secondary' | 'primary' | 'secondary', T>;
|
|
34
|
-
chipToggleVariantRoot: Record<'brand' | 'brand-secondary' | 'primary' | 'secondary', T>;
|
|
35
|
-
dividerVariantLabel: Record<'muted' | 'primary' | 'secondary' | 'tertiary', T>;
|
|
36
|
-
dividerVariantLine: Record<'muted' | 'primary' | 'secondary' | 'tertiary', T>;
|
|
37
|
-
dividerVariantRoot: Record<'muted' | 'primary' | 'secondary' | 'tertiary', T>;
|
|
38
|
-
iconbuttonSizeIcon: Record<'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
|
|
39
|
-
iconbuttonSizeRoot: Record<'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
|
|
40
|
-
inputSizeEndIcon: Record<'lg' | 'md', T>;
|
|
41
|
-
inputSizeHelperIcon: Record<'lg' | 'md', T>;
|
|
42
|
-
inputSizeHelperText: Record<'lg' | 'md', T>;
|
|
43
|
-
inputSizeInput: Record<'lg' | 'md', T>;
|
|
44
|
-
inputSizeInputWrapper: Record<'lg' | 'md', T>;
|
|
45
|
-
inputSizeLabel: Record<'lg' | 'md', T>;
|
|
46
|
-
inputSizeRoot: Record<'lg' | 'md', T>;
|
|
47
|
-
inputSizeStartIcon: Record<'lg' | 'md', T>;
|
|
33
|
+
chipToggleVariantIcon: Record<'brand' | 'brand-secondary' | 'default' | 'primary' | 'secondary', T>;
|
|
34
|
+
chipToggleVariantRoot: Record<'brand' | 'brand-secondary' | 'default' | 'primary' | 'secondary', T>;
|
|
35
|
+
dividerVariantLabel: Record<'default' | 'muted' | 'primary' | 'secondary' | 'tertiary', T>;
|
|
36
|
+
dividerVariantLine: Record<'default' | 'muted' | 'primary' | 'secondary' | 'tertiary', T>;
|
|
37
|
+
dividerVariantRoot: Record<'default' | 'muted' | 'primary' | 'secondary' | 'tertiary', T>;
|
|
38
|
+
iconbuttonSizeIcon: Record<'default' | 'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
|
|
39
|
+
iconbuttonSizeRoot: Record<'default' | 'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
|
|
40
|
+
inputSizeEndIcon: Record<'default' | 'lg' | 'md', T>;
|
|
41
|
+
inputSizeHelperIcon: Record<'default' | 'lg' | 'md', T>;
|
|
42
|
+
inputSizeHelperText: Record<'default' | 'lg' | 'md', T>;
|
|
43
|
+
inputSizeInput: Record<'default' | 'lg' | 'md', T>;
|
|
44
|
+
inputSizeInputWrapper: Record<'default' | 'lg' | 'md', T>;
|
|
45
|
+
inputSizeLabel: Record<'default' | 'lg' | 'md', T>;
|
|
46
|
+
inputSizeRoot: Record<'default' | 'lg' | 'md', T>;
|
|
47
|
+
inputSizeStartIcon: Record<'default' | 'lg' | 'md', T>;
|
|
48
48
|
inputVariantEndIcon: Record<'default', T>;
|
|
49
49
|
inputVariantHelperIcon: Record<'default', T>;
|
|
50
50
|
inputVariantHelperText: Record<'default', T>;
|
|
@@ -65,11 +65,11 @@ interface StylePropsVariantsAuto<T> {
|
|
|
65
65
|
inputVariantValueLabelRequired: Record<'empty' | 'filled', T>;
|
|
66
66
|
inputVariantValueRoot: Record<'empty' | 'filled', T>;
|
|
67
67
|
inputVariantValueStartIcon: Record<'empty' | 'filled', T>;
|
|
68
|
-
linkTextStyleIcon: Record<'body1' | 'caption1' | 'caption2' | 'display1' | 'display2' | 'display3' | 'headline1' | 'label1' | 'label2' | 'label3' | 'label4' | 'legal1' | 'title1' | 'title2' | 'title3' | 'title4' | 'ui1' | 'ui2' | 'ui3' | 'ui4' | 'ui5' | 'ui6', T>;
|
|
69
|
-
linkTextStyleRoot: Record<'body1' | 'caption1' | 'caption2' | 'display1' | 'display2' | 'display3' | 'headline1' | 'label1' | 'label2' | 'label3' | 'label4' | 'legal1' | 'title1' | 'title2' | 'title3' | 'title4' | 'ui1' | 'ui2' | 'ui3' | 'ui4' | 'ui5' | 'ui6', T>;
|
|
70
|
-
linkVariantIconEnd: Record<'on-color' | 'primary' | 'secondary' | 'tertiary', T>;
|
|
71
|
-
linkVariantIconStart: Record<'on-color' | 'primary' | 'secondary' | 'tertiary', T>;
|
|
72
|
-
linkVariantRoot: Record<'on-color' | 'primary' | 'secondary' | 'tertiary', T>;
|
|
68
|
+
linkTextStyleIcon: Record<'body1' | 'caption1' | 'caption2' | 'default' | 'display1' | 'display2' | 'display3' | 'headline1' | 'label1' | 'label2' | 'label3' | 'label4' | 'legal1' | 'title1' | 'title2' | 'title3' | 'title4' | 'ui1' | 'ui2' | 'ui3' | 'ui4' | 'ui5' | 'ui6', T>;
|
|
69
|
+
linkTextStyleRoot: Record<'body1' | 'caption1' | 'caption2' | 'default' | 'display1' | 'display2' | 'display3' | 'headline1' | 'label1' | 'label2' | 'label3' | 'label4' | 'legal1' | 'title1' | 'title2' | 'title3' | 'title4' | 'ui1' | 'ui2' | 'ui3' | 'ui4' | 'ui5' | 'ui6', T>;
|
|
70
|
+
linkVariantIconEnd: Record<'default' | 'on-color' | 'primary' | 'secondary' | 'tertiary', T>;
|
|
71
|
+
linkVariantIconStart: Record<'default' | 'on-color' | 'primary' | 'secondary' | 'tertiary', T>;
|
|
72
|
+
linkVariantRoot: Record<'default' | 'on-color' | 'primary' | 'secondary' | 'tertiary', T>;
|
|
73
73
|
menucontentSizeRoot: Record<'default', T>;
|
|
74
74
|
menucontentVariantRoot: Record<'default', T>;
|
|
75
75
|
menuitemDividerVariantLine: Record<'default', T>;
|
|
@@ -92,18 +92,18 @@ interface StylePropsVariantsAuto<T> {
|
|
|
92
92
|
menuitemSizeEndIcon: Record<'default', T>;
|
|
93
93
|
menuitemSizeRoot: Record<'default', T>;
|
|
94
94
|
menuitemSizeStartIcon: Record<'default', T>;
|
|
95
|
-
radioSizeRadio: Record<'md' | 'sm', T>;
|
|
96
|
-
radioSizeRoot: Record<'md' | 'sm', T>;
|
|
97
|
-
radioVariantRadio: Record<'alert' | 'alert-secondary' | 'primary' | 'secondary', T>;
|
|
98
|
-
radioVariantRadioCircle: Record<'alert' | 'alert-secondary' | 'primary' | 'secondary', T>;
|
|
99
|
-
radioVariantRoot: Record<'alert' | 'alert-secondary' | 'primary' | 'secondary', T>;
|
|
95
|
+
radioSizeRadio: Record<'default' | 'md' | 'sm', T>;
|
|
96
|
+
radioSizeRoot: Record<'default' | 'md' | 'sm', T>;
|
|
97
|
+
radioVariantRadio: Record<'alert' | 'alert-secondary' | 'default' | 'primary' | 'secondary', T>;
|
|
98
|
+
radioVariantRadioCircle: Record<'alert' | 'alert-secondary' | 'default' | 'primary' | 'secondary', T>;
|
|
99
|
+
radioVariantRoot: Record<'alert' | 'alert-secondary' | 'default' | 'primary' | 'secondary', T>;
|
|
100
100
|
radioVariantValueRadio: Record<'checked' | 'unchecked', T>;
|
|
101
101
|
radioVariantValueRadioCircle: Record<'checked' | 'unchecked', T>;
|
|
102
102
|
radioVariantValueRoot: Record<'checked' | 'unchecked', T>;
|
|
103
|
-
switchSizeHandle: Record<'md' | 'sm', T>;
|
|
104
|
-
switchSizeHandleIcon: Record<'md' | 'sm', T>;
|
|
105
|
-
switchSizeRoot: Record<'md' | 'sm', T>;
|
|
106
|
-
switchSizeSwitch: Record<'md' | 'sm', T>;
|
|
103
|
+
switchSizeHandle: Record<'default' | 'md' | 'sm', T>;
|
|
104
|
+
switchSizeHandleIcon: Record<'default' | 'md' | 'sm', T>;
|
|
105
|
+
switchSizeRoot: Record<'default' | 'md' | 'sm', T>;
|
|
106
|
+
switchSizeSwitch: Record<'default' | 'md' | 'sm', T>;
|
|
107
107
|
switchVariantActiveHandle: Record<'off' | 'on', T>;
|
|
108
108
|
switchVariantActiveHandleIcon: Record<'off' | 'on', T>;
|
|
109
109
|
switchVariantActiveRoot: Record<'off' | 'on', T>;
|
|
@@ -117,10 +117,10 @@ interface StylePropsVariantsAuto<T> {
|
|
|
117
117
|
toastSizeIcon: Record<'default', T>;
|
|
118
118
|
toastSizeLabel: Record<'default', T>;
|
|
119
119
|
toastSizeRoot: Record<'default', T>;
|
|
120
|
-
toastVariantActionButton: Record<'error' | 'info' | 'loading' | 'success' | 'warning', T>;
|
|
121
|
-
toastVariantCloseIcon: Record<'error' | 'info' | 'loading' | 'success' | 'warning', T>;
|
|
122
|
-
toastVariantIcon: Record<'error' | 'info' | 'loading' | 'success' | 'warning', T>;
|
|
123
|
-
toastVariantRoot: Record<'error' | 'info' | 'loading' | 'success' | 'warning', T>;
|
|
120
|
+
toastVariantActionButton: Record<'default' | 'error' | 'info' | 'loading' | 'success' | 'warning', T>;
|
|
121
|
+
toastVariantCloseIcon: Record<'default' | 'error' | 'info' | 'loading' | 'success' | 'warning', T>;
|
|
122
|
+
toastVariantIcon: Record<'default' | 'error' | 'info' | 'loading' | 'success' | 'warning', T>;
|
|
123
|
+
toastVariantRoot: Record<'default' | 'error' | 'info' | 'loading' | 'success' | 'warning', T>;
|
|
124
124
|
tooltipSizeBody: Record<'default', T>;
|
|
125
125
|
tooltipSizeEndContent: Record<'default', T>;
|
|
126
126
|
tooltipSizeIcon: Record<'default', T>;
|
|
@@ -3,14 +3,17 @@
|
|
|
3
3
|
/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
|
|
4
4
|
const autoVariants = {
|
|
5
5
|
avatarIconVariantRoot: {
|
|
6
|
+
default: "uds-avatar-icon-variant-default-root",
|
|
6
7
|
primary: "uds-avatar-icon-variant-primary-root",
|
|
7
8
|
secondary: "uds-avatar-icon-variant-secondary-root"
|
|
8
9
|
},
|
|
9
10
|
avatarImageVariantRoot: {
|
|
11
|
+
default: "uds-avatar-image-variant-default-root",
|
|
10
12
|
primary: "uds-avatar-image-variant-primary-root",
|
|
11
13
|
secondary: "uds-avatar-image-variant-secondary-root"
|
|
12
14
|
},
|
|
13
15
|
avatarSizeIcon: {
|
|
16
|
+
default: "uds-avatar-size-default-icon",
|
|
14
17
|
lg: "uds-avatar-size-lg-icon",
|
|
15
18
|
md: "uds-avatar-size-md-icon",
|
|
16
19
|
sm: "uds-avatar-size-sm-icon",
|
|
@@ -18,6 +21,7 @@ const autoVariants = {
|
|
|
18
21
|
xs: "uds-avatar-size-xs-icon"
|
|
19
22
|
},
|
|
20
23
|
avatarSizeRoot: {
|
|
24
|
+
default: "uds-avatar-size-default-root",
|
|
21
25
|
lg: "uds-avatar-size-lg-root",
|
|
22
26
|
md: "uds-avatar-size-md-root",
|
|
23
27
|
sm: "uds-avatar-size-sm-root",
|
|
@@ -25,16 +29,19 @@ const autoVariants = {
|
|
|
25
29
|
xs: "uds-avatar-size-xs-root"
|
|
26
30
|
},
|
|
27
31
|
avatarTextVariantRoot: {
|
|
32
|
+
default: "uds-avatar-text-variant-default-root",
|
|
28
33
|
primary: "uds-avatar-text-variant-primary-root",
|
|
29
34
|
secondary: "uds-avatar-text-variant-secondary-root"
|
|
30
35
|
},
|
|
31
36
|
badgeSizeIcon: {
|
|
37
|
+
default: "uds-badge-size-default-icon",
|
|
32
38
|
lg: "uds-badge-size-lg-icon",
|
|
33
39
|
md: "uds-badge-size-md-icon",
|
|
34
40
|
sm: "uds-badge-size-sm-icon",
|
|
35
41
|
xs: "uds-badge-size-xs-icon"
|
|
36
42
|
},
|
|
37
43
|
badgeSizeRoot: {
|
|
44
|
+
default: "uds-badge-size-default-root",
|
|
38
45
|
lg: "uds-badge-size-lg-root",
|
|
39
46
|
md: "uds-badge-size-md-root",
|
|
40
47
|
sm: "uds-badge-size-sm-root",
|
|
@@ -45,6 +52,7 @@ const autoVariants = {
|
|
|
45
52
|
"alert-secondary": "uds-badge-variant-alert-secondary-icon",
|
|
46
53
|
brand: "uds-badge-variant-brand-icon",
|
|
47
54
|
"brand-secondary": "uds-badge-variant-brand-secondary-icon",
|
|
55
|
+
default: "uds-badge-variant-default-icon",
|
|
48
56
|
info: "uds-badge-variant-info-icon",
|
|
49
57
|
"info-secondary": "uds-badge-variant-info-secondary-icon",
|
|
50
58
|
positive: "uds-badge-variant-positive-icon",
|
|
@@ -59,6 +67,7 @@ const autoVariants = {
|
|
|
59
67
|
"alert-secondary": "uds-badge-variant-alert-secondary-root",
|
|
60
68
|
brand: "uds-badge-variant-brand-root",
|
|
61
69
|
"brand-secondary": "uds-badge-variant-brand-secondary-root",
|
|
70
|
+
default: "uds-badge-variant-default-root",
|
|
62
71
|
info: "uds-badge-variant-info-root",
|
|
63
72
|
"info-secondary": "uds-badge-variant-info-secondary-root",
|
|
64
73
|
positive: "uds-badge-variant-positive-root",
|
|
@@ -69,12 +78,14 @@ const autoVariants = {
|
|
|
69
78
|
"warning-secondary": "uds-badge-variant-warning-secondary-root"
|
|
70
79
|
},
|
|
71
80
|
buttonSizeIcon: {
|
|
81
|
+
default: "uds-button-size-default-icon",
|
|
72
82
|
lg: "uds-button-size-lg-icon",
|
|
73
83
|
md: "uds-button-size-md-icon",
|
|
74
84
|
sm: "uds-button-size-sm-icon",
|
|
75
85
|
xs: "uds-button-size-xs-icon"
|
|
76
86
|
},
|
|
77
87
|
buttonSizeRoot: {
|
|
88
|
+
default: "uds-button-size-default-root",
|
|
78
89
|
lg: "uds-button-size-lg-root",
|
|
79
90
|
md: "uds-button-size-md-root",
|
|
80
91
|
sm: "uds-button-size-sm-root",
|
|
@@ -87,6 +98,7 @@ const autoVariants = {
|
|
|
87
98
|
brand: "uds-button-variant-brand-icon",
|
|
88
99
|
"brand-secondary": "uds-button-variant-brand-secondary-icon",
|
|
89
100
|
"brand-tertiary": "uds-button-variant-brand-tertiary-icon",
|
|
101
|
+
default: "uds-button-variant-default-icon",
|
|
90
102
|
info: "uds-button-variant-info-icon",
|
|
91
103
|
"info-secondary": "uds-button-variant-info-secondary-icon",
|
|
92
104
|
"info-tertiary": "uds-button-variant-info-tertiary-icon",
|
|
@@ -107,6 +119,7 @@ const autoVariants = {
|
|
|
107
119
|
brand: "uds-button-variant-brand-root",
|
|
108
120
|
"brand-secondary": "uds-button-variant-brand-secondary-root",
|
|
109
121
|
"brand-tertiary": "uds-button-variant-brand-tertiary-root",
|
|
122
|
+
default: "uds-button-variant-default-root",
|
|
110
123
|
info: "uds-button-variant-info-root",
|
|
111
124
|
"info-secondary": "uds-button-variant-info-secondary-root",
|
|
112
125
|
"info-tertiary": "uds-button-variant-info-tertiary-root",
|
|
@@ -121,28 +134,33 @@ const autoVariants = {
|
|
|
121
134
|
"warning-tertiary": "uds-button-variant-warning-tertiary-root"
|
|
122
135
|
},
|
|
123
136
|
checkboxSizeCheckbox: {
|
|
137
|
+
default: "uds-checkbox-size-default-checkbox",
|
|
124
138
|
md: "uds-checkbox-size-md-checkbox",
|
|
125
139
|
sm: "uds-checkbox-size-sm-checkbox"
|
|
126
140
|
},
|
|
127
141
|
checkboxSizeRoot: {
|
|
142
|
+
default: "uds-checkbox-size-default-root",
|
|
128
143
|
md: "uds-checkbox-size-md-root",
|
|
129
144
|
sm: "uds-checkbox-size-sm-root"
|
|
130
145
|
},
|
|
131
146
|
checkboxVariantCheckbox: {
|
|
132
147
|
alert: "uds-checkbox-variant-alert-checkbox",
|
|
133
148
|
"alert-secondary": "uds-checkbox-variant-alert-secondary-checkbox",
|
|
149
|
+
default: "uds-checkbox-variant-default-checkbox",
|
|
134
150
|
primary: "uds-checkbox-variant-primary-checkbox",
|
|
135
151
|
secondary: "uds-checkbox-variant-secondary-checkbox"
|
|
136
152
|
},
|
|
137
153
|
checkboxVariantCheckboxIcon: {
|
|
138
154
|
alert: "uds-checkbox-variant-alert-checkboxicon",
|
|
139
155
|
"alert-secondary": "uds-checkbox-variant-alert-secondary-checkboxicon",
|
|
156
|
+
default: "uds-checkbox-variant-default-checkboxicon",
|
|
140
157
|
primary: "uds-checkbox-variant-primary-checkboxicon",
|
|
141
158
|
secondary: "uds-checkbox-variant-secondary-checkboxicon"
|
|
142
159
|
},
|
|
143
160
|
checkboxVariantRoot: {
|
|
144
161
|
alert: "uds-checkbox-variant-alert-root",
|
|
145
162
|
"alert-secondary": "uds-checkbox-variant-alert-secondary-root",
|
|
163
|
+
default: "uds-checkbox-variant-default-root",
|
|
146
164
|
primary: "uds-checkbox-variant-primary-root",
|
|
147
165
|
secondary: "uds-checkbox-variant-secondary-root"
|
|
148
166
|
},
|
|
@@ -164,32 +182,38 @@ const autoVariants = {
|
|
|
164
182
|
chipDismissibleVariantIcon: {
|
|
165
183
|
brand: "uds-chip-dismissible-variant-brand-icon",
|
|
166
184
|
"brand-secondary": "uds-chip-dismissible-variant-brand-secondary-icon",
|
|
185
|
+
default: "uds-chip-dismissible-variant-default-icon",
|
|
167
186
|
primary: "uds-chip-dismissible-variant-primary-icon",
|
|
168
187
|
secondary: "uds-chip-dismissible-variant-secondary-icon"
|
|
169
188
|
},
|
|
170
189
|
chipDismissibleVariantRoot: {
|
|
171
190
|
brand: "uds-chip-dismissible-variant-brand-root",
|
|
172
191
|
"brand-secondary": "uds-chip-dismissible-variant-brand-secondary-root",
|
|
192
|
+
default: "uds-chip-dismissible-variant-default-root",
|
|
173
193
|
primary: "uds-chip-dismissible-variant-primary-root",
|
|
174
194
|
secondary: "uds-chip-dismissible-variant-secondary-root"
|
|
175
195
|
},
|
|
176
196
|
chipLinkVariantIcon: {
|
|
177
197
|
brand: "uds-chip-link-variant-brand-icon",
|
|
178
198
|
"brand-secondary": "uds-chip-link-variant-brand-secondary-icon",
|
|
199
|
+
default: "uds-chip-link-variant-default-icon",
|
|
179
200
|
primary: "uds-chip-link-variant-primary-icon",
|
|
180
201
|
secondary: "uds-chip-link-variant-secondary-icon"
|
|
181
202
|
},
|
|
182
203
|
chipLinkVariantRoot: {
|
|
183
204
|
brand: "uds-chip-link-variant-brand-root",
|
|
184
205
|
"brand-secondary": "uds-chip-link-variant-brand-secondary-root",
|
|
206
|
+
default: "uds-chip-link-variant-default-root",
|
|
185
207
|
primary: "uds-chip-link-variant-primary-root",
|
|
186
208
|
secondary: "uds-chip-link-variant-secondary-root"
|
|
187
209
|
},
|
|
188
210
|
chipSizeIcon: {
|
|
211
|
+
default: "uds-chip-size-default-icon",
|
|
189
212
|
md: "uds-chip-size-md-icon",
|
|
190
213
|
sm: "uds-chip-size-sm-icon"
|
|
191
214
|
},
|
|
192
215
|
chipSizeRoot: {
|
|
216
|
+
default: "uds-chip-size-default-root",
|
|
193
217
|
md: "uds-chip-size-md-root",
|
|
194
218
|
sm: "uds-chip-size-sm-root"
|
|
195
219
|
},
|
|
@@ -204,34 +228,40 @@ const autoVariants = {
|
|
|
204
228
|
chipToggleVariantIcon: {
|
|
205
229
|
brand: "uds-chip-toggle-variant-brand-icon",
|
|
206
230
|
"brand-secondary": "uds-chip-toggle-variant-brand-secondary-icon",
|
|
231
|
+
default: "uds-chip-toggle-variant-default-icon",
|
|
207
232
|
primary: "uds-chip-toggle-variant-primary-icon",
|
|
208
233
|
secondary: "uds-chip-toggle-variant-secondary-icon"
|
|
209
234
|
},
|
|
210
235
|
chipToggleVariantRoot: {
|
|
211
236
|
brand: "uds-chip-toggle-variant-brand-root",
|
|
212
237
|
"brand-secondary": "uds-chip-toggle-variant-brand-secondary-root",
|
|
238
|
+
default: "uds-chip-toggle-variant-default-root",
|
|
213
239
|
primary: "uds-chip-toggle-variant-primary-root",
|
|
214
240
|
secondary: "uds-chip-toggle-variant-secondary-root"
|
|
215
241
|
},
|
|
216
242
|
dividerVariantLabel: {
|
|
243
|
+
default: "uds-divider-variant-default-label",
|
|
217
244
|
muted: "uds-divider-variant-muted-label",
|
|
218
245
|
primary: "uds-divider-variant-primary-label",
|
|
219
246
|
secondary: "uds-divider-variant-secondary-label",
|
|
220
247
|
tertiary: "uds-divider-variant-tertiary-label"
|
|
221
248
|
},
|
|
222
249
|
dividerVariantLine: {
|
|
250
|
+
default: "uds-divider-variant-default-line",
|
|
223
251
|
muted: "uds-divider-variant-muted-line",
|
|
224
252
|
primary: "uds-divider-variant-primary-line",
|
|
225
253
|
secondary: "uds-divider-variant-secondary-line",
|
|
226
254
|
tertiary: "uds-divider-variant-tertiary-line"
|
|
227
255
|
},
|
|
228
256
|
dividerVariantRoot: {
|
|
257
|
+
default: "uds-divider-variant-default-root",
|
|
229
258
|
muted: "uds-divider-variant-muted-root",
|
|
230
259
|
primary: "uds-divider-variant-primary-root",
|
|
231
260
|
secondary: "uds-divider-variant-secondary-root",
|
|
232
261
|
tertiary: "uds-divider-variant-tertiary-root"
|
|
233
262
|
},
|
|
234
263
|
iconbuttonSizeIcon: {
|
|
264
|
+
default: "uds-iconbutton-size-default-icon",
|
|
235
265
|
lg: "uds-iconbutton-size-lg-icon",
|
|
236
266
|
md: "uds-iconbutton-size-md-icon",
|
|
237
267
|
sm: "uds-iconbutton-size-sm-icon",
|
|
@@ -239,6 +269,7 @@ const autoVariants = {
|
|
|
239
269
|
xs: "uds-iconbutton-size-xs-icon"
|
|
240
270
|
},
|
|
241
271
|
iconbuttonSizeRoot: {
|
|
272
|
+
default: "uds-iconbutton-size-default-root",
|
|
242
273
|
lg: "uds-iconbutton-size-lg-root",
|
|
243
274
|
md: "uds-iconbutton-size-md-root",
|
|
244
275
|
sm: "uds-iconbutton-size-sm-root",
|
|
@@ -246,34 +277,42 @@ const autoVariants = {
|
|
|
246
277
|
xs: "uds-iconbutton-size-xs-root"
|
|
247
278
|
},
|
|
248
279
|
inputSizeEndIcon: {
|
|
280
|
+
default: "uds-input-size-default-endicon",
|
|
249
281
|
lg: "uds-input-size-lg-endicon",
|
|
250
282
|
md: "uds-input-size-md-endicon"
|
|
251
283
|
},
|
|
252
284
|
inputSizeHelperIcon: {
|
|
285
|
+
default: "uds-input-size-default-helpericon",
|
|
253
286
|
lg: "uds-input-size-lg-helpericon",
|
|
254
287
|
md: "uds-input-size-md-helpericon"
|
|
255
288
|
},
|
|
256
289
|
inputSizeHelperText: {
|
|
290
|
+
default: "uds-input-size-default-helpertext",
|
|
257
291
|
lg: "uds-input-size-lg-helpertext",
|
|
258
292
|
md: "uds-input-size-md-helpertext"
|
|
259
293
|
},
|
|
260
294
|
inputSizeInput: {
|
|
295
|
+
default: "uds-input-size-default-input",
|
|
261
296
|
lg: "uds-input-size-lg-input",
|
|
262
297
|
md: "uds-input-size-md-input"
|
|
263
298
|
},
|
|
264
299
|
inputSizeInputWrapper: {
|
|
300
|
+
default: "uds-input-size-default-inputwrapper",
|
|
265
301
|
lg: "uds-input-size-lg-inputwrapper",
|
|
266
302
|
md: "uds-input-size-md-inputwrapper"
|
|
267
303
|
},
|
|
268
304
|
inputSizeLabel: {
|
|
305
|
+
default: "uds-input-size-default-label",
|
|
269
306
|
lg: "uds-input-size-lg-label",
|
|
270
307
|
md: "uds-input-size-md-label"
|
|
271
308
|
},
|
|
272
309
|
inputSizeRoot: {
|
|
310
|
+
default: "uds-input-size-default-root",
|
|
273
311
|
lg: "uds-input-size-lg-root",
|
|
274
312
|
md: "uds-input-size-md-root"
|
|
275
313
|
},
|
|
276
314
|
inputSizeStartIcon: {
|
|
315
|
+
default: "uds-input-size-default-starticon",
|
|
277
316
|
lg: "uds-input-size-lg-starticon",
|
|
278
317
|
md: "uds-input-size-md-starticon"
|
|
279
318
|
},
|
|
@@ -331,6 +370,7 @@ const autoVariants = {
|
|
|
331
370
|
body1: "uds-link-textstyle-body1-icon",
|
|
332
371
|
caption1: "uds-link-textstyle-caption1-icon",
|
|
333
372
|
caption2: "uds-link-textstyle-caption2-icon",
|
|
373
|
+
default: "uds-link-textstyle-default-icon",
|
|
334
374
|
display1: "uds-link-textstyle-display1-icon",
|
|
335
375
|
display2: "uds-link-textstyle-display2-icon",
|
|
336
376
|
display3: "uds-link-textstyle-display3-icon",
|
|
@@ -355,6 +395,7 @@ const autoVariants = {
|
|
|
355
395
|
body1: "uds-link-textstyle-body1-root",
|
|
356
396
|
caption1: "uds-link-textstyle-caption1-root",
|
|
357
397
|
caption2: "uds-link-textstyle-caption2-root",
|
|
398
|
+
default: "uds-link-textstyle-default-root",
|
|
358
399
|
display1: "uds-link-textstyle-display1-root",
|
|
359
400
|
display2: "uds-link-textstyle-display2-root",
|
|
360
401
|
display3: "uds-link-textstyle-display3-root",
|
|
@@ -376,18 +417,21 @@ const autoVariants = {
|
|
|
376
417
|
ui6: "uds-link-textstyle-ui6-root"
|
|
377
418
|
},
|
|
378
419
|
linkVariantIconEnd: {
|
|
420
|
+
default: "uds-link-variant-default-iconend",
|
|
379
421
|
"on-color": "uds-link-variant-on-color-iconend",
|
|
380
422
|
primary: "uds-link-variant-primary-iconend",
|
|
381
423
|
secondary: "uds-link-variant-secondary-iconend",
|
|
382
424
|
tertiary: "uds-link-variant-tertiary-iconend"
|
|
383
425
|
},
|
|
384
426
|
linkVariantIconStart: {
|
|
427
|
+
default: "uds-link-variant-default-iconstart",
|
|
385
428
|
"on-color": "uds-link-variant-on-color-iconstart",
|
|
386
429
|
primary: "uds-link-variant-primary-iconstart",
|
|
387
430
|
secondary: "uds-link-variant-secondary-iconstart",
|
|
388
431
|
tertiary: "uds-link-variant-tertiary-iconstart"
|
|
389
432
|
},
|
|
390
433
|
linkVariantRoot: {
|
|
434
|
+
default: "uds-link-variant-default-root",
|
|
391
435
|
"on-color": "uds-link-variant-on-color-root",
|
|
392
436
|
primary: "uds-link-variant-primary-root",
|
|
393
437
|
secondary: "uds-link-variant-secondary-root",
|
|
@@ -437,28 +481,33 @@ const autoVariants = {
|
|
|
437
481
|
menuitemSizeRoot: { default: "uds-menuitem-size-default-root" },
|
|
438
482
|
menuitemSizeStartIcon: { default: "uds-menuitem-size-default-starticon" },
|
|
439
483
|
radioSizeRadio: {
|
|
484
|
+
default: "uds-radio-size-default-radio",
|
|
440
485
|
md: "uds-radio-size-md-radio",
|
|
441
486
|
sm: "uds-radio-size-sm-radio"
|
|
442
487
|
},
|
|
443
488
|
radioSizeRoot: {
|
|
489
|
+
default: "uds-radio-size-default-root",
|
|
444
490
|
md: "uds-radio-size-md-root",
|
|
445
491
|
sm: "uds-radio-size-sm-root"
|
|
446
492
|
},
|
|
447
493
|
radioVariantRadio: {
|
|
448
494
|
alert: "uds-radio-variant-alert-radio",
|
|
449
495
|
"alert-secondary": "uds-radio-variant-alert-secondary-radio",
|
|
496
|
+
default: "uds-radio-variant-default-radio",
|
|
450
497
|
primary: "uds-radio-variant-primary-radio",
|
|
451
498
|
secondary: "uds-radio-variant-secondary-radio"
|
|
452
499
|
},
|
|
453
500
|
radioVariantRadioCircle: {
|
|
454
501
|
alert: "uds-radio-variant-alert-radiocircle",
|
|
455
502
|
"alert-secondary": "uds-radio-variant-alert-secondary-radiocircle",
|
|
503
|
+
default: "uds-radio-variant-default-radiocircle",
|
|
456
504
|
primary: "uds-radio-variant-primary-radiocircle",
|
|
457
505
|
secondary: "uds-radio-variant-secondary-radiocircle"
|
|
458
506
|
},
|
|
459
507
|
radioVariantRoot: {
|
|
460
508
|
alert: "uds-radio-variant-alert-root",
|
|
461
509
|
"alert-secondary": "uds-radio-variant-alert-secondary-root",
|
|
510
|
+
default: "uds-radio-variant-default-root",
|
|
462
511
|
primary: "uds-radio-variant-primary-root",
|
|
463
512
|
secondary: "uds-radio-variant-secondary-root"
|
|
464
513
|
},
|
|
@@ -475,18 +524,22 @@ const autoVariants = {
|
|
|
475
524
|
unchecked: "uds-radio-variant-value-unchecked-root"
|
|
476
525
|
},
|
|
477
526
|
switchSizeHandle: {
|
|
527
|
+
default: "uds-switch-size-default-handle",
|
|
478
528
|
md: "uds-switch-size-md-handle",
|
|
479
529
|
sm: "uds-switch-size-sm-handle"
|
|
480
530
|
},
|
|
481
531
|
switchSizeHandleIcon: {
|
|
532
|
+
default: "uds-switch-size-default-handleicon",
|
|
482
533
|
md: "uds-switch-size-md-handleicon",
|
|
483
534
|
sm: "uds-switch-size-sm-handleicon"
|
|
484
535
|
},
|
|
485
536
|
switchSizeRoot: {
|
|
537
|
+
default: "uds-switch-size-default-root",
|
|
486
538
|
md: "uds-switch-size-md-root",
|
|
487
539
|
sm: "uds-switch-size-sm-root"
|
|
488
540
|
},
|
|
489
541
|
switchSizeSwitch: {
|
|
542
|
+
default: "uds-switch-size-default-switch",
|
|
490
543
|
md: "uds-switch-size-md-switch",
|
|
491
544
|
sm: "uds-switch-size-sm-switch"
|
|
492
545
|
},
|
|
@@ -516,6 +569,7 @@ const autoVariants = {
|
|
|
516
569
|
toastSizeLabel: { default: "uds-toast-size-default-label" },
|
|
517
570
|
toastSizeRoot: { default: "uds-toast-size-default-root" },
|
|
518
571
|
toastVariantActionButton: {
|
|
572
|
+
default: "uds-toast-variant-default-actionbutton",
|
|
519
573
|
error: "uds-toast-variant-error-actionbutton",
|
|
520
574
|
info: "uds-toast-variant-info-actionbutton",
|
|
521
575
|
loading: "uds-toast-variant-loading-actionbutton",
|
|
@@ -523,6 +577,7 @@ const autoVariants = {
|
|
|
523
577
|
warning: "uds-toast-variant-warning-actionbutton"
|
|
524
578
|
},
|
|
525
579
|
toastVariantCloseIcon: {
|
|
580
|
+
default: "uds-toast-variant-default-closeicon",
|
|
526
581
|
error: "uds-toast-variant-error-closeicon",
|
|
527
582
|
info: "uds-toast-variant-info-closeicon",
|
|
528
583
|
loading: "uds-toast-variant-loading-closeicon",
|
|
@@ -530,6 +585,7 @@ const autoVariants = {
|
|
|
530
585
|
warning: "uds-toast-variant-warning-closeicon"
|
|
531
586
|
},
|
|
532
587
|
toastVariantIcon: {
|
|
588
|
+
default: "uds-toast-variant-default-icon",
|
|
533
589
|
error: "uds-toast-variant-error-icon",
|
|
534
590
|
info: "uds-toast-variant-info-icon",
|
|
535
591
|
loading: "uds-toast-variant-loading-icon",
|
|
@@ -537,6 +593,7 @@ const autoVariants = {
|
|
|
537
593
|
warning: "uds-toast-variant-warning-icon"
|
|
538
594
|
},
|
|
539
595
|
toastVariantRoot: {
|
|
596
|
+
default: "uds-toast-variant-default-root",
|
|
540
597
|
error: "uds-toast-variant-error-root",
|
|
541
598
|
info: "uds-toast-variant-info-root",
|
|
542
599
|
loading: "uds-toast-variant-loading-root",
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
+
|
|
3
|
+
//#region ../automated-config/dist/utils/generateDefaultClassName.js
|
|
4
|
+
/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
|
|
5
|
+
/**
|
|
6
|
+
* Generates a default class name for a component variant.
|
|
7
|
+
* Creates the class name for when variantValue='default', matching the pattern from generateClassName.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* generateDefaultClassName('button', 'variant', 'root') // 'uds-button-variant-default-root'
|
|
11
|
+
* generateDefaultClassName('button', 'size', 'icon', 'toggle') // 'uds-button-toggle-size-default-icon'
|
|
12
|
+
*/
|
|
13
|
+
function generateDefaultClassName(componentName, variantType, layerKey, subComponentName) {
|
|
14
|
+
return `uds-${componentName}${subComponentName ? `-${subComponentName}` : ""}-${variantType}-default-${layerKey}`.toLowerCase();
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
//#endregion
|
|
18
|
+
exports.generateDefaultClassName = generateDefaultClassName;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
|
|
2
|
+
//#region ../automated-config/dist/utils/generateDefaultClassName.d.ts
|
|
3
|
+
//#region src/utils/generateDefaultClassName.d.ts
|
|
4
|
+
/**
|
|
5
|
+
* Generates a default class name for a component variant.
|
|
6
|
+
* Creates the class name for when variantValue='default', matching the pattern from generateClassName.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* generateDefaultClassName('button', 'variant', 'root') // 'uds-button-variant-default-root'
|
|
10
|
+
* generateDefaultClassName('button', 'size', 'icon', 'toggle') // 'uds-button-toggle-size-default-icon'
|
|
11
|
+
*/
|
|
12
|
+
declare function generateDefaultClassName(componentName: string, variantType: string, layerKey: string, subComponentName?: string): string; //#endregion
|
|
13
|
+
//#endregion
|
|
14
|
+
export { generateDefaultClassName };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
|
|
2
|
+
//#region ../automated-config/dist/utils/generateDefaultClassName.d.ts
|
|
3
|
+
//#region src/utils/generateDefaultClassName.d.ts
|
|
4
|
+
/**
|
|
5
|
+
* Generates a default class name for a component variant.
|
|
6
|
+
* Creates the class name for when variantValue='default', matching the pattern from generateClassName.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* generateDefaultClassName('button', 'variant', 'root') // 'uds-button-variant-default-root'
|
|
10
|
+
* generateDefaultClassName('button', 'size', 'icon', 'toggle') // 'uds-button-toggle-size-default-icon'
|
|
11
|
+
*/
|
|
12
|
+
declare function generateDefaultClassName(componentName: string, variantType: string, layerKey: string, subComponentName?: string): string; //#endregion
|
|
13
|
+
//#endregion
|
|
14
|
+
export { generateDefaultClassName };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
+
//#region ../automated-config/dist/utils/generateDefaultClassName.js
|
|
3
|
+
/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
|
|
4
|
+
/**
|
|
5
|
+
* Generates a default class name for a component variant.
|
|
6
|
+
* Creates the class name for when variantValue='default', matching the pattern from generateClassName.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* generateDefaultClassName('button', 'variant', 'root') // 'uds-button-variant-default-root'
|
|
10
|
+
* generateDefaultClassName('button', 'size', 'icon', 'toggle') // 'uds-button-toggle-size-default-icon'
|
|
11
|
+
*/
|
|
12
|
+
function generateDefaultClassName(componentName, variantType, layerKey, subComponentName) {
|
|
13
|
+
return `uds-${componentName}${subComponentName ? `-${subComponentName}` : ""}-${variantType}-default-${layerKey}`.toLowerCase();
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
//#endregion
|
|
17
|
+
export { generateDefaultClassName };
|