@yahoo/uds 3.124.0 → 3.125.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +6 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +2 -2
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +2 -2
  4. package/dist/automated-config/dist/generated/autoVariants.js +6 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +19 -1
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +16 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +16 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +19 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +81 -0
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +81 -0
  11. package/dist/components/FormLabel.cjs +4 -2
  12. package/dist/components/FormLabel.d.cts +2 -17
  13. package/dist/components/FormLabel.d.ts +2 -17
  14. package/dist/components/FormLabel.js +4 -2
  15. package/dist/components/Image.cjs +4 -2
  16. package/dist/components/Image.d.cts +2 -61
  17. package/dist/components/Image.d.ts +2 -61
  18. package/dist/components/Image.js +4 -2
  19. package/dist/components/client/Avatar/AvatarImage.cjs +1 -0
  20. package/dist/components/client/Avatar/AvatarImage.js +1 -0
  21. package/dist/components/client/Checkbox.cjs +2 -1
  22. package/dist/components/client/Checkbox.js +2 -1
  23. package/dist/components/client/Input/Input.cjs +2 -1
  24. package/dist/components/client/Input/Input.js +2 -1
  25. package/dist/components/client/Input/InputHelpTextInternal.cjs +3 -2
  26. package/dist/components/client/Input/InputHelpTextInternal.d.cts +1 -14
  27. package/dist/components/client/Input/InputHelpTextInternal.d.ts +1 -14
  28. package/dist/components/client/Input/InputHelpTextInternal.js +4 -3
  29. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  30. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  31. package/dist/components/client/Radio/Radio.cjs +2 -1
  32. package/dist/components/client/Radio/Radio.js +2 -1
  33. package/dist/components/client/Switch.cjs +3 -3
  34. package/dist/components/client/Switch.js +3 -3
  35. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  36. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  37. package/dist/config/dist/index.cjs +83 -2
  38. package/dist/config/dist/index.js +83 -2
  39. package/dist/fixtures/dist/index.cjs +19 -6
  40. package/dist/fixtures/dist/index.d.cts +1 -1
  41. package/dist/fixtures/dist/index.d.ts +1 -1
  42. package/dist/fixtures/dist/index.js +19 -6
  43. package/dist/styles/styler.d.cts +93 -93
  44. package/dist/styles/styler.d.ts +93 -93
  45. package/dist/styles/variants.cjs +4 -1
  46. package/dist/styles/variants.d.cts +9 -0
  47. package/dist/styles/variants.d.ts +9 -0
  48. package/dist/styles/variants.js +4 -1
  49. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +6 -0
  50. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +6 -0
  51. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
  52. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +19 -1
  53. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +19 -1
  54. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
  55. package/dist/tailwind/dist/config/dist/index.cjs +83 -2
  56. package/dist/tailwind/dist/config/dist/index.js +83 -2
  57. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  58. package/dist/tailwind/dist/fixtures/dist/index.cjs +20 -0
  59. package/dist/tailwind/dist/fixtures/dist/index.js +20 -0
  60. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
  61. package/dist/tailwind/dist/purger/optimized/ast/expressions.cjs +27 -0
  62. package/dist/tailwind/dist/purger/optimized/ast/expressions.js +27 -0
  63. package/dist/tailwind/dist/purger/optimized/ast/expressions.js.map +1 -1
  64. package/dist/tailwind/dist/types/dist/index.d.cts +2 -2
  65. package/dist/tailwind/dist/types/dist/index.d.ts +2 -2
  66. package/dist/tokens/configs/sizes.cjs +4 -1
  67. package/dist/tokens/configs/sizes.js +4 -1
  68. package/dist/types/dist/index.d.cts +2 -2
  69. package/dist/types/dist/index.d.ts +2 -2
  70. package/dist/uds/generated/componentData.cjs +1040 -1040
  71. package/dist/uds/generated/componentData.js +1040 -1040
  72. package/dist/uds/generated/tailwindPurge.cjs +13 -5
  73. package/dist/uds/generated/tailwindPurge.js +13 -5
  74. package/generated/componentData.json +1591 -1591
  75. package/generated/tailwindPurge.ts +2 -2
  76. package/package.json +1 -1
package/dist/styles/styler.d.ts CHANGED
@@ -12,51 +12,51 @@ declare const cva: CVA<string>;
12
12
  declare const getStylesInternal: (props?: ({
13
13
  avatarIconVariantRoot?: "primary" | "secondary" | "default" | undefined;
14
14
  avatarImageVariantRoot?: "primary" | "secondary" | "default" | undefined;
15
- avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
16
- avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
15
+ avatarSizeIcon?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
16
+ avatarSizeRoot?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
17
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;
18
+ badgeSizeIcon?: "default" | "xs" | "sm" | "md" | "lg" | undefined;
19
+ badgeSizeRoot?: "default" | "xs" | "sm" | "md" | "lg" | undefined;
20
+ badgeVariantIcon?: "primary" | "secondary" | "default" | "alert" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
21
+ badgeVariantRoot?: "primary" | "secondary" | "default" | "alert" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
22
22
  bottomsheetVariantHandleIndicator?: "default" | undefined;
23
23
  bottomsheetVariantHeader?: "default" | undefined;
24
24
  bottomsheetVariantRoot?: "default" | undefined;
25
- buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
26
- buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
27
- 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;
28
- 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;
29
- checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
30
- checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
31
- checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
32
- checkboxVariantCheckboxIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
33
- checkboxVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
25
+ buttonSizeIcon?: "default" | "xs" | "sm" | "md" | "lg" | undefined;
26
+ buttonSizeRoot?: "default" | "xs" | "sm" | "md" | "lg" | undefined;
27
+ buttonVariantIcon?: "primary" | "secondary" | "tertiary" | "default" | "alert" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
28
+ buttonVariantRoot?: "primary" | "secondary" | "tertiary" | "default" | "alert" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
29
+ checkboxSizeCheckbox?: "default" | "sm" | "md" | undefined;
30
+ checkboxSizeRoot?: "default" | "sm" | "md" | undefined;
31
+ checkboxVariantCheckbox?: "primary" | "secondary" | "default" | "alert" | "alert-secondary" | undefined;
32
+ checkboxVariantCheckboxIcon?: "primary" | "secondary" | "default" | "alert" | "alert-secondary" | undefined;
33
+ checkboxVariantRoot?: "primary" | "secondary" | "default" | "alert" | "alert-secondary" | undefined;
34
34
  checkboxVariantValueCheckbox?: "checked" | "indeterminate" | "unchecked" | undefined;
35
35
  checkboxVariantValueCheckboxIcon?: "checked" | "indeterminate" | "unchecked" | undefined;
36
36
  checkboxVariantValueRoot?: "checked" | "indeterminate" | "unchecked" | undefined;
37
- chipDismissibleVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
38
- chipDismissibleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
39
- chipLinkVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
40
- chipLinkVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
41
- chipSizeIcon?: "sm" | "md" | "default" | undefined;
42
- chipSizeRoot?: "sm" | "md" | "default" | undefined;
37
+ chipDismissibleVariantIcon?: "primary" | "secondary" | "default" | "brand" | "brand-secondary" | undefined;
38
+ chipDismissibleVariantRoot?: "primary" | "secondary" | "default" | "brand" | "brand-secondary" | undefined;
39
+ chipLinkVariantIcon?: "primary" | "secondary" | "default" | "brand" | "brand-secondary" | undefined;
40
+ chipLinkVariantRoot?: "primary" | "secondary" | "default" | "brand" | "brand-secondary" | undefined;
41
+ chipSizeIcon?: "default" | "sm" | "md" | undefined;
42
+ chipSizeRoot?: "default" | "sm" | "md" | undefined;
43
43
  chipToggleVariantActiveIcon?: "off" | "on" | undefined;
44
44
  chipToggleVariantActiveRoot?: "off" | "on" | undefined;
45
- chipToggleVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
46
- chipToggleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | "default" | undefined;
47
- dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
48
- dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
49
- dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
50
- iconbuttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
51
- iconbuttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
52
- inputSizeEndIcon?: "md" | "lg" | "default" | undefined;
53
- inputSizeHelperIcon?: "md" | "lg" | "default" | undefined;
54
- inputSizeHelperText?: "md" | "lg" | "default" | undefined;
55
- inputSizeInput?: "md" | "lg" | "default" | undefined;
56
- inputSizeInputWrapper?: "md" | "lg" | "default" | undefined;
57
- inputSizeLabel?: "md" | "lg" | "default" | undefined;
58
- inputSizeRoot?: "md" | "lg" | "default" | undefined;
59
- inputSizeStartIcon?: "md" | "lg" | "default" | undefined;
45
+ chipToggleVariantIcon?: "primary" | "secondary" | "default" | "brand" | "brand-secondary" | undefined;
46
+ chipToggleVariantRoot?: "primary" | "secondary" | "default" | "brand" | "brand-secondary" | undefined;
47
+ dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "default" | "muted" | undefined;
48
+ dividerVariantLine?: "primary" | "secondary" | "tertiary" | "default" | "muted" | undefined;
49
+ dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "default" | "muted" | undefined;
50
+ iconbuttonSizeIcon?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
51
+ iconbuttonSizeRoot?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
52
+ inputSizeEndIcon?: "default" | "md" | "lg" | undefined;
53
+ inputSizeHelperIcon?: "default" | "md" | "lg" | undefined;
54
+ inputSizeHelperText?: "default" | "md" | "lg" | undefined;
55
+ inputSizeInput?: "default" | "md" | "lg" | undefined;
56
+ inputSizeInputWrapper?: "default" | "md" | "lg" | undefined;
57
+ inputSizeLabel?: "default" | "md" | "lg" | undefined;
58
+ inputSizeRoot?: "default" | "md" | "lg" | undefined;
59
+ inputSizeStartIcon?: "default" | "md" | "lg" | undefined;
60
60
  inputVariantEndIcon?: "default" | undefined;
61
61
  inputVariantHelperIcon?: "default" | undefined;
62
62
  inputVariantHelperText?: "default" | undefined;
@@ -115,19 +115,19 @@ declare const getStylesInternal: (props?: ({
115
115
  popoverVariantRoot?: "default" | undefined;
116
116
  popoverVariantSvgBase?: "default" | undefined;
117
117
  popoverVariantSvgBorder?: "default" | undefined;
118
- radioSizeRadio?: "sm" | "md" | "default" | undefined;
119
- radioSizeRoot?: "sm" | "md" | "default" | undefined;
120
- radioVariantRadio?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
121
- radioVariantRadioCircle?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
122
- radioVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
118
+ radioSizeRadio?: "default" | "sm" | "md" | undefined;
119
+ radioSizeRoot?: "default" | "sm" | "md" | undefined;
120
+ radioVariantRadio?: "primary" | "secondary" | "default" | "alert" | "alert-secondary" | undefined;
121
+ radioVariantRadioCircle?: "primary" | "secondary" | "default" | "alert" | "alert-secondary" | undefined;
122
+ radioVariantRoot?: "primary" | "secondary" | "default" | "alert" | "alert-secondary" | undefined;
123
123
  radioVariantValueRadio?: "checked" | "unchecked" | undefined;
124
124
  radioVariantValueRadioCircle?: "checked" | "unchecked" | undefined;
125
125
  radioVariantValueRoot?: "checked" | "unchecked" | undefined;
126
126
  scrimVariantRoot?: "default" | undefined;
127
- switchSizeHandle?: "sm" | "md" | "default" | undefined;
128
- switchSizeHandleIcon?: "sm" | "md" | "default" | undefined;
129
- switchSizeRoot?: "sm" | "md" | "default" | undefined;
130
- switchSizeSwitch?: "sm" | "md" | "default" | undefined;
127
+ switchSizeHandle?: "default" | "sm" | "md" | undefined;
128
+ switchSizeHandleIcon?: "default" | "sm" | "md" | undefined;
129
+ switchSizeRoot?: "default" | "sm" | "md" | undefined;
130
+ switchSizeSwitch?: "default" | "sm" | "md" | undefined;
131
131
  switchVariantActiveHandle?: "off" | "on" | undefined;
132
132
  switchVariantActiveHandleIcon?: "off" | "on" | undefined;
133
133
  switchVariantActiveRoot?: "off" | "on" | undefined;
@@ -141,10 +141,10 @@ declare const getStylesInternal: (props?: ({
141
141
  toastSizeIcon?: "default" | undefined;
142
142
  toastSizeLabel?: "default" | undefined;
143
143
  toastSizeRoot?: "default" | undefined;
144
- toastVariantActionButton?: "warning" | "info" | "default" | "error" | "loading" | "success" | undefined;
145
- toastVariantCloseIcon?: "warning" | "info" | "default" | "error" | "loading" | "success" | undefined;
146
- toastVariantIcon?: "warning" | "info" | "default" | "error" | "loading" | "success" | undefined;
147
- toastVariantRoot?: "warning" | "info" | "default" | "error" | "loading" | "success" | undefined;
144
+ toastVariantActionButton?: "default" | "warning" | "info" | "loading" | "error" | "success" | undefined;
145
+ toastVariantCloseIcon?: "default" | "warning" | "info" | "loading" | "error" | "success" | undefined;
146
+ toastVariantIcon?: "default" | "warning" | "info" | "loading" | "error" | "success" | undefined;
147
+ toastVariantRoot?: "default" | "warning" | "info" | "loading" | "error" | "success" | undefined;
148
148
  tooltipSizeBody?: "default" | undefined;
149
149
  tooltipSizeEndContent?: "default" | undefined;
150
150
  tooltipSizeIcon?: "default" | undefined;
@@ -155,76 +155,76 @@ declare const getStylesInternal: (props?: ({
155
155
  tooltipVariantIcon?: "default" | undefined;
156
156
  tooltipVariantRoot?: "default" | undefined;
157
157
  tooltipVariantSvg?: "default" | undefined;
158
- color?: "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;
159
- 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
+ color?: "primary" | "secondary" | "tertiary" | "on-color" | "alert" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | undefined;
159
+ placeholderColor?: "primary" | "secondary" | "tertiary" | "on-color" | "alert" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | undefined;
160
160
  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;
161
161
  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;
162
- 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;
162
+ fontWeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "black" | "bold" | "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" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "extrabold" | undefined;
163
163
  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;
164
164
  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;
165
165
  textAlign?: "center" | "justify" | "start" | "end" | undefined;
166
- textTransform?: "none" | "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" | "uppercase" | "lowercase" | "capitalize" | undefined;
167
- spacing?: "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;
168
- spacingHorizontal?: "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;
169
- spacingVertical?: "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;
170
- spacingBottom?: "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;
171
- spacingEnd?: "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;
172
- spacingStart?: "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;
173
- spacingTop?: "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;
174
- offset?: "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;
175
- offsetVertical?: "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;
176
- offsetHorizontal?: "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;
177
- offsetBottom?: "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;
178
- offsetEnd?: "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;
179
- offsetStart?: "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;
180
- offsetTop?: "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;
181
- columnGap?: "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;
182
- rowGap?: "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;
183
- backgroundColor?: "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" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
184
- borderColor?: "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" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
185
- borderStartColor?: "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" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
186
- borderEndColor?: "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" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
187
- borderBottomColor?: "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" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
188
- borderTopColor?: "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" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
166
+ textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "none" | "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" | "uppercase" | "lowercase" | "capitalize" | undefined;
167
+ spacing?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
168
+ spacingHorizontal?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
169
+ spacingVertical?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
170
+ spacingBottom?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
171
+ spacingEnd?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
172
+ spacingStart?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
173
+ spacingTop?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
174
+ offset?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
175
+ offsetVertical?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
176
+ offsetHorizontal?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
177
+ offsetBottom?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
178
+ offsetEnd?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
179
+ offsetStart?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
180
+ offsetTop?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
181
+ columnGap?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
182
+ rowGap?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
183
+ backgroundColor?: "primary" | "secondary" | "alert" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
184
+ borderColor?: "primary" | "secondary" | "tertiary" | "alert" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
185
+ borderStartColor?: "primary" | "secondary" | "tertiary" | "alert" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
186
+ borderEndColor?: "primary" | "secondary" | "tertiary" | "alert" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
187
+ borderBottomColor?: "primary" | "secondary" | "tertiary" | "alert" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
188
+ borderTopColor?: "primary" | "secondary" | "tertiary" | "alert" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
189
189
  borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
190
190
  borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
191
191
  borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
192
192
  borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
193
193
  borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
194
- borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
195
- borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
196
- borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
197
- borderStartWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
198
- borderEndWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
199
- borderTopWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
200
- borderBottomWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
201
- avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
194
+ borderWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
195
+ borderVerticalWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
196
+ borderHorizontalWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
197
+ borderStartWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
198
+ borderEndWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
199
+ borderTopWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
200
+ borderBottomWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
201
+ avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
202
202
  iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
203
203
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
204
204
  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
205
- alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
206
- flex?: "1" | "none" | "auto" | "initial" | undefined;
205
+ alignSelf?: "auto" | "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
206
+ flex?: "auto" | "1" | "none" | "initial" | undefined;
207
207
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
208
208
  flexGrow?: "0" | "1" | "2" | "3" | undefined;
209
209
  flexShrink?: "0" | "1" | undefined;
210
210
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
211
211
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
212
212
  flexBasis?: "min-content" | undefined;
213
- 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;
214
- overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
215
- overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
216
- overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
217
- position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
213
+ display?: "flex" | "none" | "grid" | "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" | "contents" | undefined;
214
+ overflow?: "hidden" | "auto" | "visible" | "clip" | "scroll" | undefined;
215
+ overflowX?: "hidden" | "auto" | "visible" | "clip" | "scroll" | undefined;
216
+ overflowY?: "hidden" | "auto" | "visible" | "clip" | "scroll" | undefined;
217
+ position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
218
218
  contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
219
219
  colorMode?: "light" | "dark" | undefined;
220
220
  scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
221
221
  width?: "full" | "fit" | "screen" | undefined;
222
222
  height?: "full" | "fit" | "screen" | undefined;
223
- dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
223
+ dropShadow?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
224
224
  insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
225
225
  nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
226
- nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
227
- 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
+ nestedBorderRadiusWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
227
+ nestedBorderRadiusSpacing?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
228
228
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
229
229
  } & {
230
230
  className?: string | undefined;
package/dist/styles/variants.cjs CHANGED
@@ -1311,11 +1311,14 @@ const variants = {
1311
1311
  "elevation-5": "uds-border-width-bottom-elevation-5"
1312
1312
  },
1313
1313
  avatarSize: {
1314
+ "2xs": "avatarSize-2xs",
1314
1315
  xs: "avatarSize-xs",
1315
1316
  sm: "avatarSize-sm",
1316
1317
  md: "avatarSize-md",
1317
1318
  lg: "avatarSize-lg",
1318
- xl: "avatarSize-xl"
1319
+ xl: "avatarSize-xl",
1320
+ "2xl": "avatarSize-2xl",
1321
+ "3xl": "avatarSize-3xl"
1319
1322
  },
1320
1323
  iconSize: {
1321
1324
  xs: "iconSize-xs leading-none",
package/dist/styles/variants.d.cts CHANGED
@@ -12,6 +12,9 @@ declare const variants: {
12
12
  readonly secondary: "uds-avatar-image-variant-secondary-root";
13
13
  };
14
14
  avatarSizeIcon: {
15
+ readonly "2xl": "uds-avatar-size-2xl-icon";
16
+ readonly "2xs": "uds-avatar-size-2xs-icon";
17
+ readonly "3xl": "uds-avatar-size-3xl-icon";
15
18
  readonly default: "uds-avatar-size-default-icon";
16
19
  readonly lg: "uds-avatar-size-lg-icon";
17
20
  readonly md: "uds-avatar-size-md-icon";
@@ -20,6 +23,9 @@ declare const variants: {
20
23
  readonly xs: "uds-avatar-size-xs-icon";
21
24
  };
22
25
  avatarSizeRoot: {
26
+ readonly "2xl": "uds-avatar-size-2xl-root";
27
+ readonly "2xs": "uds-avatar-size-2xs-root";
28
+ readonly "3xl": "uds-avatar-size-3xl-root";
23
29
  readonly default: "uds-avatar-size-default-root";
24
30
  readonly lg: "uds-avatar-size-lg-root";
25
31
  readonly md: "uds-avatar-size-md-root";
@@ -2054,11 +2060,14 @@ declare const variants: {
2054
2060
  'elevation-5': string;
2055
2061
  };
2056
2062
  avatarSize: {
2063
+ '2xs': string;
2057
2064
  xs: string;
2058
2065
  sm: string;
2059
2066
  md: string;
2060
2067
  lg: string;
2061
2068
  xl: string;
2069
+ '2xl': string;
2070
+ '3xl': string;
2062
2071
  };
2063
2072
  iconSize: {
2064
2073
  xs: string;
package/dist/styles/variants.d.ts CHANGED
@@ -12,6 +12,9 @@ declare const variants: {
12
12
  readonly secondary: "uds-avatar-image-variant-secondary-root";
13
13
  };
14
14
  avatarSizeIcon: {
15
+ readonly "2xl": "uds-avatar-size-2xl-icon";
16
+ readonly "2xs": "uds-avatar-size-2xs-icon";
17
+ readonly "3xl": "uds-avatar-size-3xl-icon";
15
18
  readonly default: "uds-avatar-size-default-icon";
16
19
  readonly lg: "uds-avatar-size-lg-icon";
17
20
  readonly md: "uds-avatar-size-md-icon";
@@ -20,6 +23,9 @@ declare const variants: {
20
23
  readonly xs: "uds-avatar-size-xs-icon";
21
24
  };
22
25
  avatarSizeRoot: {
26
+ readonly "2xl": "uds-avatar-size-2xl-root";
27
+ readonly "2xs": "uds-avatar-size-2xs-root";
28
+ readonly "3xl": "uds-avatar-size-3xl-root";
23
29
  readonly default: "uds-avatar-size-default-root";
24
30
  readonly lg: "uds-avatar-size-lg-root";
25
31
  readonly md: "uds-avatar-size-md-root";
@@ -2054,11 +2060,14 @@ declare const variants: {
2054
2060
  'elevation-5': string;
2055
2061
  };
2056
2062
  avatarSize: {
2063
+ '2xs': string;
2057
2064
  xs: string;
2058
2065
  sm: string;
2059
2066
  md: string;
2060
2067
  lg: string;
2061
2068
  xl: string;
2069
+ '2xl': string;
2070
+ '3xl': string;
2062
2071
  };
2063
2072
  iconSize: {
2064
2073
  xs: string;
package/dist/styles/variants.js CHANGED
@@ -1310,11 +1310,14 @@ const variants = {
1310
1310
  "elevation-5": "uds-border-width-bottom-elevation-5"
1311
1311
  },
1312
1312
  avatarSize: {
1313
+ "2xs": "avatarSize-2xs",
1313
1314
  xs: "avatarSize-xs",
1314
1315
  sm: "avatarSize-sm",
1315
1316
  md: "avatarSize-md",
1316
1317
  lg: "avatarSize-lg",
1317
- xl: "avatarSize-xl"
1318
+ xl: "avatarSize-xl",
1319
+ "2xl": "avatarSize-2xl",
1320
+ "3xl": "avatarSize-3xl"
1318
1321
  },
1319
1322
  iconSize: {
1320
1323
  xs: "iconSize-xs leading-none",
package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs CHANGED
@@ -14,6 +14,9 @@ const autoVariants = {
14
14
  secondary: "uds-avatar-image-variant-secondary-root"
15
15
  },
16
16
  avatarSizeIcon: {
17
+ "2xl": "uds-avatar-size-2xl-icon",
18
+ "2xs": "uds-avatar-size-2xs-icon",
19
+ "3xl": "uds-avatar-size-3xl-icon",
17
20
  default: "uds-avatar-size-default-icon",
18
21
  lg: "uds-avatar-size-lg-icon",
19
22
  md: "uds-avatar-size-md-icon",
@@ -22,6 +25,9 @@ const autoVariants = {
22
25
  xs: "uds-avatar-size-xs-icon"
23
26
  },
24
27
  avatarSizeRoot: {
28
+ "2xl": "uds-avatar-size-2xl-root",
29
+ "2xs": "uds-avatar-size-2xs-root",
30
+ "3xl": "uds-avatar-size-3xl-root",
25
31
  default: "uds-avatar-size-default-root",
26
32
  lg: "uds-avatar-size-lg-root",
27
33
  md: "uds-avatar-size-md-root",
package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js CHANGED
@@ -13,6 +13,9 @@ const autoVariants = {
13
13
  secondary: "uds-avatar-image-variant-secondary-root"
14
14
  },
15
15
  avatarSizeIcon: {
16
+ "2xl": "uds-avatar-size-2xl-icon",
17
+ "2xs": "uds-avatar-size-2xs-icon",
18
+ "3xl": "uds-avatar-size-3xl-icon",
16
19
  default: "uds-avatar-size-default-icon",
17
20
  lg: "uds-avatar-size-lg-icon",
18
21
  md: "uds-avatar-size-md-icon",
@@ -21,6 +24,9 @@ const autoVariants = {
21
24
  xs: "uds-avatar-size-xs-icon"
22
25
  },
23
26
  avatarSizeRoot: {
27
+ "2xl": "uds-avatar-size-2xl-root",
28
+ "2xs": "uds-avatar-size-2xs-root",
29
+ "3xl": "uds-avatar-size-3xl-root",
24
30
  default: "uds-avatar-size-default-root",
25
31
  lg: "uds-avatar-size-lg-root",
26
32
  md: "uds-avatar-size-md-root",