@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.
Files changed (78) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +57 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +57 -57
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +57 -57
  4. package/dist/automated-config/dist/generated/autoVariants.js +57 -0
  5. package/dist/automated-config/dist/utils/generateDefaultClassName.cjs +18 -0
  6. package/dist/automated-config/dist/utils/generateDefaultClassName.d.cts +14 -0
  7. package/dist/automated-config/dist/utils/generateDefaultClassName.d.ts +14 -0
  8. package/dist/automated-config/dist/utils/generateDefaultClassName.js +17 -0
  9. package/dist/automated-config/dist/utils/index.cjs +3 -6
  10. package/dist/automated-config/dist/utils/index.d.cts +2 -2
  11. package/dist/automated-config/dist/utils/index.d.ts +2 -2
  12. package/dist/automated-config/dist/utils/index.js +3 -5
  13. package/dist/cli/runner.cjs +21 -5
  14. package/dist/cli/runner.js +21 -5
  15. package/dist/components/client/Button.cjs +9 -9
  16. package/dist/components/client/Button.js +2 -2
  17. package/dist/components/client/IconButton.cjs +8 -8
  18. package/dist/components/client/IconButton.js +2 -2
  19. package/dist/components/client/SpringMotionConfig.cjs +4 -4
  20. package/dist/components/client/SpringMotionConfig.js +5 -5
  21. package/dist/components/client/buttonConstants.cjs +10 -0
  22. package/dist/components/client/buttonConstants.d.cts +9 -0
  23. package/dist/components/client/buttonConstants.d.ts +9 -0
  24. package/dist/components/client/buttonConstants.js +8 -0
  25. package/dist/index.cjs +2 -1
  26. package/dist/index.d.cts +2 -1
  27. package/dist/index.d.ts +2 -1
  28. package/dist/index.js +2 -1
  29. package/dist/motion-tokens/dist/index.cjs +11 -0
  30. package/dist/motion-tokens/dist/index.d.cts +5 -1
  31. package/dist/motion-tokens/dist/index.d.ts +5 -1
  32. package/dist/motion-tokens/dist/index.js +11 -1
  33. package/dist/styles/styler.d.cts +67 -67
  34. package/dist/styles/styler.d.ts +67 -67
  35. package/dist/styles/variants.d.cts +57 -0
  36. package/dist/styles/variants.d.ts +57 -0
  37. package/dist/tailwind/dist/commands/generateComponentData.cjs +65 -0
  38. package/dist/tailwind/dist/commands/generateComponentData.d.ts +3 -0
  39. package/dist/tailwind/dist/commands/generateComponentData.js +64 -0
  40. package/dist/tailwind/dist/commands/generatePurgeCSSData.cjs +1 -1
  41. package/dist/tailwind/dist/commands/generatePurgeCSSData.js +1 -1
  42. package/dist/tailwind/dist/commands/purge.cjs +41 -11
  43. package/dist/tailwind/dist/commands/purge.d.ts +2 -1
  44. package/dist/tailwind/dist/commands/purge.js +41 -11
  45. package/dist/tailwind/dist/index.d.ts +1 -0
  46. package/dist/tailwind/dist/{utils → purger/legacy}/purgeCSS.cjs +7 -7
  47. package/dist/tailwind/dist/{utils → purger/legacy}/purgeCSS.js +6 -6
  48. package/dist/tailwind/dist/purger/optimized/ast/expressions.cjs +193 -0
  49. package/dist/tailwind/dist/purger/optimized/ast/expressions.js +192 -0
  50. package/dist/tailwind/dist/purger/optimized/ast/jsx.cjs +20 -0
  51. package/dist/tailwind/dist/purger/optimized/ast/jsx.js +19 -0
  52. package/dist/tailwind/dist/purger/optimized/purge.cjs +69 -0
  53. package/dist/tailwind/dist/purger/optimized/purge.js +66 -0
  54. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +273 -0
  55. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +272 -0
  56. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +408 -0
  57. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +405 -0
  58. package/dist/tailwind/dist/purger/optimized/utils/files.cjs +27 -0
  59. package/dist/tailwind/dist/purger/optimized/utils/files.js +24 -0
  60. package/dist/tailwind/dist/purger/optimized/utils/safelist.cjs +64 -0
  61. package/dist/tailwind/dist/purger/optimized/utils/safelist.js +60 -0
  62. package/dist/tailwind/dist/tailwind/utils/getColorModeStyles.cjs +1 -0
  63. package/dist/tailwind/dist/tailwind/utils/getColorModeStyles.js +1 -0
  64. package/dist/tailwind/dist/utils/tsMorph.cjs +1 -1
  65. package/dist/tokens/automation/index.cjs +2 -1
  66. package/dist/tokens/automation/index.d.cts +2 -1
  67. package/dist/tokens/automation/index.d.ts +2 -1
  68. package/dist/tokens/automation/index.js +2 -1
  69. package/dist/tokens/index.cjs +2 -1
  70. package/dist/tokens/index.d.cts +2 -1
  71. package/dist/tokens/index.d.ts +2 -1
  72. package/dist/tokens/index.js +2 -1
  73. package/dist/uds/generated/componentData.cjs +2110 -0
  74. package/dist/uds/generated/componentData.js +1720 -0
  75. package/dist/uds/generated/tailwindPurge.cjs +24 -24
  76. package/dist/uds/generated/tailwindPurge.js +24 -24
  77. package/package.json +1 -1
  78. /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 };