@yahoo/uds 3.116.0-beta.3 → 3.116.0-beta.4

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 (47) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +1 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +1 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +1 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +1 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +48 -0
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +14 -0
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +14 -0
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +48 -0
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +5 -0
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +5 -0
  11. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  12. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  13. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  14. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  15. package/dist/components/client/Popover/PopoverContent.cjs +4 -3
  16. package/dist/components/client/Popover/PopoverContent.js +4 -3
  17. package/dist/config/dist/index.cjs +5 -0
  18. package/dist/config/dist/index.js +5 -0
  19. package/dist/runtime/popoverConfig.cjs +6 -11
  20. package/dist/runtime/popoverConfig.d.cts +2 -1
  21. package/dist/runtime/popoverConfig.d.ts +2 -1
  22. package/dist/runtime/popoverConfig.js +6 -11
  23. package/dist/styles/styler.d.cts +70 -69
  24. package/dist/styles/styler.d.ts +70 -69
  25. package/dist/styles/variants.d.cts +3 -0
  26. package/dist/styles/variants.d.ts +3 -0
  27. package/dist/tailwind/dist/commands/generateComponentData.cjs +2 -0
  28. package/dist/tailwind/dist/commands/generateComponentData.js +3 -1
  29. package/dist/tailwind/dist/commands/generatePurgeCSSData.cjs +3 -8
  30. package/dist/tailwind/dist/commands/generatePurgeCSSData.js +3 -8
  31. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +22 -2
  32. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +22 -2
  33. package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.cjs +294 -10
  34. package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.js +294 -9
  35. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
  36. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
  37. package/dist/uds/generated/componentData.cjs +226 -225
  38. package/dist/uds/generated/componentData.js +226 -225
  39. package/dist/uds/generated/tailwindPurge.cjs +219 -218
  40. package/dist/uds/generated/tailwindPurge.js +219 -218
  41. package/dist/uds/package.cjs +1 -1
  42. package/dist/uds/package.js +1 -1
  43. package/generated/componentData.json +306 -305
  44. package/generated/tailwindPurge.ts +5 -4604
  45. package/package.json +2 -2
  46. package/dist/tailwind/dist/.prettierrc.cjs +0 -13
  47. package/dist/tailwind/dist/.prettierrc.js +0 -12
package/dist/styles/styler.d.cts CHANGED
@@ -10,52 +10,52 @@ declare function normalizeObject(props: Record<string, unknown>): Record<string,
10
10
  declare const cx: CX<string>;
11
11
  declare const cva: CVA<string>;
12
12
  declare const getStylesInternal: (props?: ({
13
- avatarIconVariantRoot?: "primary" | "secondary" | "default" | undefined;
14
- avatarImageVariantRoot?: "primary" | "secondary" | "default" | undefined;
15
- avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
16
- avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
17
- avatarTextVariantRoot?: "primary" | "secondary" | "default" | undefined;
18
- badgeSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
19
- badgeSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
20
- badgeVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | undefined;
21
- badgeVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | undefined;
13
+ avatarIconVariantRoot?: "default" | "primary" | "secondary" | undefined;
14
+ avatarImageVariantRoot?: "default" | "primary" | "secondary" | undefined;
15
+ avatarSizeIcon?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
16
+ avatarSizeRoot?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
17
+ avatarTextVariantRoot?: "default" | "primary" | "secondary" | undefined;
18
+ badgeSizeIcon?: "default" | "xs" | "sm" | "md" | "lg" | undefined;
19
+ badgeSizeRoot?: "default" | "xs" | "sm" | "md" | "lg" | undefined;
20
+ badgeVariantIcon?: "default" | "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
21
+ badgeVariantRoot?: "default" | "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
22
22
  bottomsheetVariantHeader?: "default" | undefined;
23
23
  bottomsheetVariantRoot?: "default" | undefined;
24
- buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
25
- buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
26
- buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
27
- buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
28
- checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
29
- checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
30
- checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
31
- checkboxVariantCheckboxIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
32
- checkboxVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
24
+ buttonSizeIcon?: "default" | "xs" | "sm" | "md" | "lg" | undefined;
25
+ buttonSizeRoot?: "default" | "xs" | "sm" | "md" | "lg" | undefined;
26
+ buttonVariantIcon?: "default" | "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
27
+ buttonVariantRoot?: "default" | "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
28
+ checkboxSizeCheckbox?: "default" | "sm" | "md" | undefined;
29
+ checkboxSizeRoot?: "default" | "sm" | "md" | undefined;
30
+ checkboxVariantCheckbox?: "default" | "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
31
+ checkboxVariantCheckboxIcon?: "default" | "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
32
+ checkboxVariantRoot?: "default" | "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
33
33
  checkboxVariantValueCheckbox?: "checked" | "indeterminate" | "unchecked" | undefined;
34
34
  checkboxVariantValueCheckboxIcon?: "checked" | "indeterminate" | "unchecked" | undefined;
35
35
  checkboxVariantValueRoot?: "checked" | "indeterminate" | "unchecked" | undefined;
36
- chipDismissibleVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
37
- chipDismissibleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
38
- chipLinkVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
39
- chipLinkVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
40
- chipSizeIcon?: "sm" | "md" | "default" | undefined;
41
- chipSizeRoot?: "sm" | "md" | "default" | undefined;
36
+ chipDismissibleVariantIcon?: "default" | "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
37
+ chipDismissibleVariantRoot?: "default" | "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
38
+ chipLinkVariantIcon?: "default" | "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
39
+ chipLinkVariantRoot?: "default" | "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
40
+ chipSizeIcon?: "default" | "sm" | "md" | undefined;
41
+ chipSizeRoot?: "default" | "sm" | "md" | undefined;
42
42
  chipToggleVariantActiveIcon?: "off" | "on" | undefined;
43
43
  chipToggleVariantActiveRoot?: "off" | "on" | undefined;
44
- chipToggleVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
45
- chipToggleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
46
- dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
47
- dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
48
- dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
49
- iconbuttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
50
- iconbuttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
51
- inputSizeEndIcon?: "md" | "lg" | "default" | undefined;
52
- inputSizeHelperIcon?: "md" | "lg" | "default" | undefined;
53
- inputSizeHelperText?: "md" | "lg" | "default" | undefined;
54
- inputSizeInput?: "md" | "lg" | "default" | undefined;
55
- inputSizeInputWrapper?: "md" | "lg" | "default" | undefined;
56
- inputSizeLabel?: "md" | "lg" | "default" | undefined;
57
- inputSizeRoot?: "md" | "lg" | "default" | undefined;
58
- inputSizeStartIcon?: "md" | "lg" | "default" | undefined;
44
+ chipToggleVariantIcon?: "default" | "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
45
+ chipToggleVariantRoot?: "default" | "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
46
+ dividerVariantLabel?: "default" | "primary" | "secondary" | "tertiary" | "muted" | undefined;
47
+ dividerVariantLine?: "default" | "primary" | "secondary" | "tertiary" | "muted" | undefined;
48
+ dividerVariantRoot?: "default" | "primary" | "secondary" | "tertiary" | "muted" | undefined;
49
+ iconbuttonSizeIcon?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
50
+ iconbuttonSizeRoot?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
51
+ inputSizeEndIcon?: "default" | "md" | "lg" | undefined;
52
+ inputSizeHelperIcon?: "default" | "md" | "lg" | undefined;
53
+ inputSizeHelperText?: "default" | "md" | "lg" | undefined;
54
+ inputSizeInput?: "default" | "md" | "lg" | undefined;
55
+ inputSizeInputWrapper?: "default" | "md" | "lg" | undefined;
56
+ inputSizeLabel?: "default" | "md" | "lg" | undefined;
57
+ inputSizeRoot?: "default" | "md" | "lg" | undefined;
58
+ inputSizeStartIcon?: "default" | "md" | "lg" | undefined;
59
59
  inputVariantEndIcon?: "default" | undefined;
60
60
  inputVariantHelperIcon?: "default" | undefined;
61
61
  inputVariantHelperText?: "default" | undefined;
@@ -76,11 +76,11 @@ declare const getStylesInternal: (props?: ({
76
76
  inputVariantValueLabelRequired?: "empty" | "filled" | undefined;
77
77
  inputVariantValueRoot?: "empty" | "filled" | undefined;
78
78
  inputVariantValueStartIcon?: "empty" | "filled" | undefined;
79
- linkTextStyleIcon?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "default" | undefined;
80
- linkTextStyleRoot?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "default" | undefined;
81
- linkVariantIconEnd?: "primary" | "secondary" | "tertiary" | "on-color" | "default" | undefined;
82
- linkVariantIconStart?: "primary" | "secondary" | "tertiary" | "on-color" | "default" | undefined;
83
- linkVariantRoot?: "primary" | "secondary" | "tertiary" | "on-color" | "default" | undefined;
79
+ linkTextStyleIcon?: "default" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | undefined;
80
+ linkTextStyleRoot?: "default" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | undefined;
81
+ linkVariantIconEnd?: "default" | "primary" | "secondary" | "tertiary" | "on-color" | undefined;
82
+ linkVariantIconStart?: "default" | "primary" | "secondary" | "tertiary" | "on-color" | undefined;
83
+ linkVariantRoot?: "default" | "primary" | "secondary" | "tertiary" | "on-color" | undefined;
84
84
  menucontentSizeRoot?: "default" | undefined;
85
85
  menucontentVariantRoot?: "default" | undefined;
86
86
  menuitemDividerVariantLine?: "default" | undefined;
@@ -104,6 +104,7 @@ declare const getStylesInternal: (props?: ({
104
104
  menuitemSizeRoot?: "default" | undefined;
105
105
  menuitemSizeStartIcon?: "default" | undefined;
106
106
  popoverSizeCloseIcon?: "default" | undefined;
107
+ popoverSizeCloseIconContainer?: "default" | undefined;
107
108
  popoverSizeContentWrapper?: "default" | undefined;
108
109
  popoverSizeRoot?: "default" | undefined;
109
110
  popoverSizeSvgBase?: "default" | undefined;
@@ -113,19 +114,19 @@ declare const getStylesInternal: (props?: ({
113
114
  popoverVariantRoot?: "default" | undefined;
114
115
  popoverVariantSvgBase?: "default" | undefined;
115
116
  popoverVariantSvgBorder?: "default" | undefined;
116
- radioSizeRadio?: "sm" | "md" | "default" | undefined;
117
- radioSizeRoot?: "sm" | "md" | "default" | undefined;
118
- radioVariantRadio?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
119
- radioVariantRadioCircle?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
120
- radioVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
117
+ radioSizeRadio?: "default" | "sm" | "md" | undefined;
118
+ radioSizeRoot?: "default" | "sm" | "md" | undefined;
119
+ radioVariantRadio?: "default" | "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
120
+ radioVariantRadioCircle?: "default" | "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
121
+ radioVariantRoot?: "default" | "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
121
122
  radioVariantValueRadio?: "checked" | "unchecked" | undefined;
122
123
  radioVariantValueRadioCircle?: "checked" | "unchecked" | undefined;
123
124
  radioVariantValueRoot?: "checked" | "unchecked" | undefined;
124
125
  scrimVariantRoot?: "default" | undefined;
125
- switchSizeHandle?: "sm" | "md" | "default" | undefined;
126
- switchSizeHandleIcon?: "sm" | "md" | "default" | undefined;
127
- switchSizeRoot?: "sm" | "md" | "default" | undefined;
128
- switchSizeSwitch?: "sm" | "md" | "default" | undefined;
126
+ switchSizeHandle?: "default" | "sm" | "md" | undefined;
127
+ switchSizeHandleIcon?: "default" | "sm" | "md" | undefined;
128
+ switchSizeRoot?: "default" | "sm" | "md" | undefined;
129
+ switchSizeSwitch?: "default" | "sm" | "md" | undefined;
129
130
  switchVariantActiveHandle?: "off" | "on" | undefined;
130
131
  switchVariantActiveHandleIcon?: "off" | "on" | undefined;
131
132
  switchVariantActiveRoot?: "off" | "on" | undefined;
@@ -139,10 +140,10 @@ declare const getStylesInternal: (props?: ({
139
140
  toastSizeIcon?: "default" | undefined;
140
141
  toastSizeLabel?: "default" | undefined;
141
142
  toastSizeRoot?: "default" | undefined;
142
- toastVariantActionButton?: "warning" | "info" | "default" | "error" | "loading" | "success" | undefined;
143
- toastVariantCloseIcon?: "warning" | "info" | "default" | "error" | "loading" | "success" | undefined;
144
- toastVariantIcon?: "warning" | "info" | "default" | "error" | "loading" | "success" | undefined;
145
- toastVariantRoot?: "warning" | "info" | "default" | "error" | "loading" | "success" | undefined;
143
+ toastVariantActionButton?: "default" | "warning" | "info" | "error" | "loading" | "success" | undefined;
144
+ toastVariantCloseIcon?: "default" | "warning" | "info" | "error" | "loading" | "success" | undefined;
145
+ toastVariantIcon?: "default" | "warning" | "info" | "error" | "loading" | "success" | undefined;
146
+ toastVariantRoot?: "default" | "warning" | "info" | "error" | "loading" | "success" | undefined;
146
147
  tooltipSizeBody?: "default" | undefined;
147
148
  tooltipSizeEndContent?: "default" | undefined;
148
149
  tooltipSizeIcon?: "default" | undefined;
@@ -157,7 +158,7 @@ declare const getStylesInternal: (props?: ({
157
158
  placeholderColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "tertiary" | "muted" | "on-color" | undefined;
158
159
  fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "sans" | "sans-alt" | "serif" | "serif-alt" | "mono" | undefined;
159
160
  fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
160
- fontWeight?: "black" | "thin" | "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
161
+ fontWeight?: "light" | "medium" | "black" | "thin" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "extralight" | "regular" | "semibold" | "bold" | "extrabold" | undefined;
161
162
  lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
162
163
  letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
163
164
  textAlign?: "start" | "end" | "center" | "justify" | undefined;
@@ -189,13 +190,13 @@ declare const getStylesInternal: (props?: ({
189
190
  borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
190
191
  borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
191
192
  borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
192
- borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
193
- borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
194
- borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
195
- borderStartWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
196
- borderEndWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
197
- borderTopWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
198
- borderBottomWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
193
+ borderWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
194
+ borderVerticalWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
195
+ borderHorizontalWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
196
+ borderStartWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
197
+ borderEndWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
198
+ borderTopWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
199
+ borderBottomWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
199
200
  avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
200
201
  iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
201
202
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
@@ -208,20 +209,20 @@ declare const getStylesInternal: (props?: ({
208
209
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
209
210
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
210
211
  flexBasis?: "min-content" | undefined;
211
- display?: "flex" | "table" | "none" | "block" | "inline-block" | "inline" | "inline-flex" | "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" | undefined;
212
+ display?: "none" | "flex" | "table" | "block" | "inline-block" | "inline" | "inline-flex" | "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" | undefined;
212
213
  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
213
214
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
214
215
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
215
216
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
216
- contentFit?: "none" | "contain" | "fill" | "cover" | "scale-down" | undefined;
217
+ contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
217
218
  colorMode?: "light" | "dark" | undefined;
218
- scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
219
+ scaleMode?: "xSmall" | "small" | "medium" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
219
220
  width?: "full" | "fit" | "screen" | undefined;
220
221
  height?: "full" | "fit" | "screen" | undefined;
221
222
  dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
222
223
  insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
223
224
  nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
224
- nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
225
+ nestedBorderRadiusWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
225
226
  nestedBorderRadiusSpacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.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" | undefined;
226
227
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
227
228
  } & {
package/dist/styles/styler.d.ts CHANGED
@@ -10,52 +10,52 @@ declare function normalizeObject(props: Record<string, unknown>): Record<string,
10
10
  declare const cx: CX<string>;
11
11
  declare const cva: CVA<string>;
12
12
  declare const getStylesInternal: (props?: ({
13
- avatarIconVariantRoot?: "primary" | "secondary" | "default" | undefined;
14
- avatarImageVariantRoot?: "primary" | "secondary" | "default" | undefined;
15
- avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
16
- avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
17
- avatarTextVariantRoot?: "primary" | "secondary" | "default" | undefined;
18
- badgeSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
19
- badgeSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
20
- badgeVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | undefined;
21
- badgeVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | undefined;
13
+ avatarIconVariantRoot?: "default" | "primary" | "secondary" | undefined;
14
+ avatarImageVariantRoot?: "default" | "primary" | "secondary" | undefined;
15
+ avatarSizeIcon?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
16
+ avatarSizeRoot?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
17
+ avatarTextVariantRoot?: "default" | "primary" | "secondary" | undefined;
18
+ badgeSizeIcon?: "default" | "xs" | "sm" | "md" | "lg" | undefined;
19
+ badgeSizeRoot?: "default" | "xs" | "sm" | "md" | "lg" | undefined;
20
+ badgeVariantIcon?: "default" | "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
21
+ badgeVariantRoot?: "default" | "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
22
22
  bottomsheetVariantHeader?: "default" | undefined;
23
23
  bottomsheetVariantRoot?: "default" | undefined;
24
- buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
25
- buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
26
- buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
27
- buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
28
- checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
29
- checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
30
- checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
31
- checkboxVariantCheckboxIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
32
- checkboxVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
24
+ buttonSizeIcon?: "default" | "xs" | "sm" | "md" | "lg" | undefined;
25
+ buttonSizeRoot?: "default" | "xs" | "sm" | "md" | "lg" | undefined;
26
+ buttonVariantIcon?: "default" | "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
27
+ buttonVariantRoot?: "default" | "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
28
+ checkboxSizeCheckbox?: "default" | "sm" | "md" | undefined;
29
+ checkboxSizeRoot?: "default" | "sm" | "md" | undefined;
30
+ checkboxVariantCheckbox?: "default" | "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
31
+ checkboxVariantCheckboxIcon?: "default" | "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
32
+ checkboxVariantRoot?: "default" | "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
33
33
  checkboxVariantValueCheckbox?: "checked" | "indeterminate" | "unchecked" | undefined;
34
34
  checkboxVariantValueCheckboxIcon?: "checked" | "indeterminate" | "unchecked" | undefined;
35
35
  checkboxVariantValueRoot?: "checked" | "indeterminate" | "unchecked" | undefined;
36
- chipDismissibleVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
37
- chipDismissibleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
38
- chipLinkVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
39
- chipLinkVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
40
- chipSizeIcon?: "sm" | "md" | "default" | undefined;
41
- chipSizeRoot?: "sm" | "md" | "default" | undefined;
36
+ chipDismissibleVariantIcon?: "default" | "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
37
+ chipDismissibleVariantRoot?: "default" | "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
38
+ chipLinkVariantIcon?: "default" | "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
39
+ chipLinkVariantRoot?: "default" | "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
40
+ chipSizeIcon?: "default" | "sm" | "md" | undefined;
41
+ chipSizeRoot?: "default" | "sm" | "md" | undefined;
42
42
  chipToggleVariantActiveIcon?: "off" | "on" | undefined;
43
43
  chipToggleVariantActiveRoot?: "off" | "on" | undefined;
44
- chipToggleVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
45
- chipToggleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
46
- dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
47
- dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
48
- dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
49
- iconbuttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
50
- iconbuttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
51
- inputSizeEndIcon?: "md" | "lg" | "default" | undefined;
52
- inputSizeHelperIcon?: "md" | "lg" | "default" | undefined;
53
- inputSizeHelperText?: "md" | "lg" | "default" | undefined;
54
- inputSizeInput?: "md" | "lg" | "default" | undefined;
55
- inputSizeInputWrapper?: "md" | "lg" | "default" | undefined;
56
- inputSizeLabel?: "md" | "lg" | "default" | undefined;
57
- inputSizeRoot?: "md" | "lg" | "default" | undefined;
58
- inputSizeStartIcon?: "md" | "lg" | "default" | undefined;
44
+ chipToggleVariantIcon?: "default" | "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
45
+ chipToggleVariantRoot?: "default" | "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
46
+ dividerVariantLabel?: "default" | "primary" | "secondary" | "tertiary" | "muted" | undefined;
47
+ dividerVariantLine?: "default" | "primary" | "secondary" | "tertiary" | "muted" | undefined;
48
+ dividerVariantRoot?: "default" | "primary" | "secondary" | "tertiary" | "muted" | undefined;
49
+ iconbuttonSizeIcon?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
50
+ iconbuttonSizeRoot?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
51
+ inputSizeEndIcon?: "default" | "md" | "lg" | undefined;
52
+ inputSizeHelperIcon?: "default" | "md" | "lg" | undefined;
53
+ inputSizeHelperText?: "default" | "md" | "lg" | undefined;
54
+ inputSizeInput?: "default" | "md" | "lg" | undefined;
55
+ inputSizeInputWrapper?: "default" | "md" | "lg" | undefined;
56
+ inputSizeLabel?: "default" | "md" | "lg" | undefined;
57
+ inputSizeRoot?: "default" | "md" | "lg" | undefined;
58
+ inputSizeStartIcon?: "default" | "md" | "lg" | undefined;
59
59
  inputVariantEndIcon?: "default" | undefined;
60
60
  inputVariantHelperIcon?: "default" | undefined;
61
61
  inputVariantHelperText?: "default" | undefined;
@@ -76,11 +76,11 @@ declare const getStylesInternal: (props?: ({
76
76
  inputVariantValueLabelRequired?: "empty" | "filled" | undefined;
77
77
  inputVariantValueRoot?: "empty" | "filled" | undefined;
78
78
  inputVariantValueStartIcon?: "empty" | "filled" | undefined;
79
- linkTextStyleIcon?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "default" | undefined;
80
- linkTextStyleRoot?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "default" | undefined;
81
- linkVariantIconEnd?: "primary" | "secondary" | "tertiary" | "on-color" | "default" | undefined;
82
- linkVariantIconStart?: "primary" | "secondary" | "tertiary" | "on-color" | "default" | undefined;
83
- linkVariantRoot?: "primary" | "secondary" | "tertiary" | "on-color" | "default" | undefined;
79
+ linkTextStyleIcon?: "default" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | undefined;
80
+ linkTextStyleRoot?: "default" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | undefined;
81
+ linkVariantIconEnd?: "default" | "primary" | "secondary" | "tertiary" | "on-color" | undefined;
82
+ linkVariantIconStart?: "default" | "primary" | "secondary" | "tertiary" | "on-color" | undefined;
83
+ linkVariantRoot?: "default" | "primary" | "secondary" | "tertiary" | "on-color" | undefined;
84
84
  menucontentSizeRoot?: "default" | undefined;
85
85
  menucontentVariantRoot?: "default" | undefined;
86
86
  menuitemDividerVariantLine?: "default" | undefined;
@@ -104,6 +104,7 @@ declare const getStylesInternal: (props?: ({
104
104
  menuitemSizeRoot?: "default" | undefined;
105
105
  menuitemSizeStartIcon?: "default" | undefined;
106
106
  popoverSizeCloseIcon?: "default" | undefined;
107
+ popoverSizeCloseIconContainer?: "default" | undefined;
107
108
  popoverSizeContentWrapper?: "default" | undefined;
108
109
  popoverSizeRoot?: "default" | undefined;
109
110
  popoverSizeSvgBase?: "default" | undefined;
@@ -113,19 +114,19 @@ declare const getStylesInternal: (props?: ({
113
114
  popoverVariantRoot?: "default" | undefined;
114
115
  popoverVariantSvgBase?: "default" | undefined;
115
116
  popoverVariantSvgBorder?: "default" | undefined;
116
- radioSizeRadio?: "sm" | "md" | "default" | undefined;
117
- radioSizeRoot?: "sm" | "md" | "default" | undefined;
118
- radioVariantRadio?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
119
- radioVariantRadioCircle?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
120
- radioVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
117
+ radioSizeRadio?: "default" | "sm" | "md" | undefined;
118
+ radioSizeRoot?: "default" | "sm" | "md" | undefined;
119
+ radioVariantRadio?: "default" | "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
120
+ radioVariantRadioCircle?: "default" | "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
121
+ radioVariantRoot?: "default" | "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
121
122
  radioVariantValueRadio?: "checked" | "unchecked" | undefined;
122
123
  radioVariantValueRadioCircle?: "checked" | "unchecked" | undefined;
123
124
  radioVariantValueRoot?: "checked" | "unchecked" | undefined;
124
125
  scrimVariantRoot?: "default" | undefined;
125
- switchSizeHandle?: "sm" | "md" | "default" | undefined;
126
- switchSizeHandleIcon?: "sm" | "md" | "default" | undefined;
127
- switchSizeRoot?: "sm" | "md" | "default" | undefined;
128
- switchSizeSwitch?: "sm" | "md" | "default" | undefined;
126
+ switchSizeHandle?: "default" | "sm" | "md" | undefined;
127
+ switchSizeHandleIcon?: "default" | "sm" | "md" | undefined;
128
+ switchSizeRoot?: "default" | "sm" | "md" | undefined;
129
+ switchSizeSwitch?: "default" | "sm" | "md" | undefined;
129
130
  switchVariantActiveHandle?: "off" | "on" | undefined;
130
131
  switchVariantActiveHandleIcon?: "off" | "on" | undefined;
131
132
  switchVariantActiveRoot?: "off" | "on" | undefined;
@@ -139,10 +140,10 @@ declare const getStylesInternal: (props?: ({
139
140
  toastSizeIcon?: "default" | undefined;
140
141
  toastSizeLabel?: "default" | undefined;
141
142
  toastSizeRoot?: "default" | undefined;
142
- toastVariantActionButton?: "warning" | "info" | "default" | "error" | "loading" | "success" | undefined;
143
- toastVariantCloseIcon?: "warning" | "info" | "default" | "error" | "loading" | "success" | undefined;
144
- toastVariantIcon?: "warning" | "info" | "default" | "error" | "loading" | "success" | undefined;
145
- toastVariantRoot?: "warning" | "info" | "default" | "error" | "loading" | "success" | undefined;
143
+ toastVariantActionButton?: "default" | "warning" | "info" | "error" | "loading" | "success" | undefined;
144
+ toastVariantCloseIcon?: "default" | "warning" | "info" | "error" | "loading" | "success" | undefined;
145
+ toastVariantIcon?: "default" | "warning" | "info" | "error" | "loading" | "success" | undefined;
146
+ toastVariantRoot?: "default" | "warning" | "info" | "error" | "loading" | "success" | undefined;
146
147
  tooltipSizeBody?: "default" | undefined;
147
148
  tooltipSizeEndContent?: "default" | undefined;
148
149
  tooltipSizeIcon?: "default" | undefined;
@@ -157,7 +158,7 @@ declare const getStylesInternal: (props?: ({
157
158
  placeholderColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "tertiary" | "muted" | "on-color" | undefined;
158
159
  fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "sans" | "sans-alt" | "serif" | "serif-alt" | "mono" | undefined;
159
160
  fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
160
- fontWeight?: "black" | "thin" | "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
161
+ fontWeight?: "light" | "medium" | "black" | "thin" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "extralight" | "regular" | "semibold" | "bold" | "extrabold" | undefined;
161
162
  lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
162
163
  letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
163
164
  textAlign?: "start" | "end" | "center" | "justify" | undefined;
@@ -189,13 +190,13 @@ declare const getStylesInternal: (props?: ({
189
190
  borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
190
191
  borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
191
192
  borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
192
- borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
193
- borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
194
- borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
195
- borderStartWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
196
- borderEndWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
197
- borderTopWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
198
- borderBottomWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
193
+ borderWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
194
+ borderVerticalWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
195
+ borderHorizontalWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
196
+ borderStartWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
197
+ borderEndWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
198
+ borderTopWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
199
+ borderBottomWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
199
200
  avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
200
201
  iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
201
202
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
@@ -208,20 +209,20 @@ declare const getStylesInternal: (props?: ({
208
209
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
209
210
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
210
211
  flexBasis?: "min-content" | undefined;
211
- display?: "flex" | "table" | "none" | "block" | "inline-block" | "inline" | "inline-flex" | "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" | undefined;
212
+ display?: "none" | "flex" | "table" | "block" | "inline-block" | "inline" | "inline-flex" | "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" | undefined;
212
213
  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
213
214
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
214
215
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
215
216
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
216
- contentFit?: "none" | "contain" | "fill" | "cover" | "scale-down" | undefined;
217
+ contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
217
218
  colorMode?: "light" | "dark" | undefined;
218
- scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
219
+ scaleMode?: "xSmall" | "small" | "medium" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
219
220
  width?: "full" | "fit" | "screen" | undefined;
220
221
  height?: "full" | "fit" | "screen" | undefined;
221
222
  dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
222
223
  insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
223
224
  nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
224
- nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
225
+ nestedBorderRadiusWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
225
226
  nestedBorderRadiusSpacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.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" | undefined;
226
227
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
227
228
  } & {
package/dist/styles/variants.d.cts CHANGED
@@ -544,6 +544,9 @@ declare const variants: {
544
544
  popoverSizeCloseIcon: {
545
545
  readonly default: "uds-popover-size-default-closeicon";
546
546
  };
547
+ popoverSizeCloseIconContainer: {
548
+ readonly default: "uds-popover-size-default-closeiconcontainer";
549
+ };
547
550
  popoverSizeContentWrapper: {
548
551
  readonly default: "uds-popover-size-default-contentwrapper";
549
552
  };
package/dist/styles/variants.d.ts CHANGED
@@ -544,6 +544,9 @@ declare const variants: {
544
544
  popoverSizeCloseIcon: {
545
545
  readonly default: "uds-popover-size-default-closeicon";
546
546
  };
547
+ popoverSizeCloseIconContainer: {
548
+ readonly default: "uds-popover-size-default-closeiconcontainer";
549
+ };
547
550
  popoverSizeContentWrapper: {
548
551
  readonly default: "uds-popover-size-default-contentwrapper";
549
552
  };
package/dist/tailwind/dist/commands/generateComponentData.cjs CHANGED
@@ -2,6 +2,7 @@
2
2
  const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
3
3
  const require_print = require('../../../cli/dist/lib/print.cjs');
4
4
  const require_componentAnalyzer = require('../purger/optimized/utils/componentAnalyzer.cjs');
5
+ let node_path = require("node:path");
5
6
  let node_fs = require("node:fs");
6
7
 
7
8
  //#region ../tailwind/dist/commands/generateComponentData.js
@@ -34,6 +35,7 @@ const makeGenerateComponentDataCommand = (getContext) => ({
34
35
  }
35
36
  }));
36
37
  const componentData = Object.fromEntries(componentDataEntries.filter((entry) => Boolean(entry)));
38
+ (0, node_fs.mkdirSync)((0, node_path.dirname)(outputFile), { recursive: true });
37
39
  (0, node_fs.writeFileSync)(outputFile, JSON.stringify(componentData, null, 2));
38
40
  require_print.print(`Generated component data for ${Object.keys(componentData).length} components`);
39
41
  require_print.print(`Output written to: ${outputFile}`);
package/dist/tailwind/dist/commands/generateComponentData.js CHANGED
@@ -1,7 +1,8 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  import { print } from "../../../cli/dist/lib/print.js";
3
3
  import { analyzeComponent, scanComponentFiles } from "../purger/optimized/utils/componentAnalyzer.js";
4
- import { writeFileSync } from "node:fs";
4
+ import { dirname } from "node:path";
5
+ import { mkdirSync, writeFileSync } from "node:fs";
5
6
 
6
7
  //#region ../tailwind/dist/commands/generateComponentData.js
7
8
  /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
@@ -33,6 +34,7 @@ const makeGenerateComponentDataCommand = (getContext) => ({
33
34
  }
34
35
  }));
35
36
  const componentData = Object.fromEntries(componentDataEntries.filter((entry) => Boolean(entry)));
37
+ mkdirSync(dirname(outputFile), { recursive: true });
36
38
  writeFileSync(outputFile, JSON.stringify(componentData, null, 2));
37
39
  print(`Generated component data for ${Object.keys(componentData).length} components`);
38
40
  print(`Output written to: ${outputFile}`);