@yahoo/uds 3.127.1 → 3.128.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +30 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +2 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +2 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +30 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1050 -275
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +73 -0
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +73 -0
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1050 -275
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +126 -1
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +126 -1
  11. package/dist/automated-config/dist/properties.cjs +28 -0
  12. package/dist/automated-config/dist/properties.d.cts +2 -0
  13. package/dist/automated-config/dist/properties.d.ts +2 -0
  14. package/dist/automated-config/dist/properties.js +28 -0
  15. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +2 -2
  16. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +2 -2
  17. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  18. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  19. package/dist/components/Banner/Banner.cjs +3 -1
  20. package/dist/components/Banner/Banner.js +3 -1
  21. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  22. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  23. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  24. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  25. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  26. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  27. package/dist/config/dist/index.cjs +127 -2
  28. package/dist/config/dist/index.js +127 -2
  29. package/dist/css-tokens/dist/index.cjs +2 -2
  30. package/dist/css-tokens/dist/index.d.cts +3 -1
  31. package/dist/css-tokens/dist/index.d.ts +3 -1
  32. package/dist/css-tokens/dist/index.js +2 -2
  33. package/dist/fixtures/dist/index.cjs +2 -0
  34. package/dist/fixtures/dist/index.d.cts +4 -3
  35. package/dist/fixtures/dist/index.d.ts +4 -3
  36. package/dist/fixtures/dist/index.js +2 -1
  37. package/dist/fixtures/index.cjs +1 -0
  38. package/dist/fixtures/index.d.cts +2 -2
  39. package/dist/fixtures/index.d.ts +2 -2
  40. package/dist/fixtures/index.js +2 -2
  41. package/dist/index.d.cts +2 -2
  42. package/dist/index.d.ts +2 -2
  43. package/dist/styles/styler.d.cts +43 -41
  44. package/dist/styles/styler.d.ts +43 -41
  45. package/dist/styles/variants.d.cts +30 -0
  46. package/dist/styles/variants.d.ts +30 -0
  47. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +30 -0
  48. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +30 -0
  49. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
  50. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +1050 -275
  51. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +1050 -275
  52. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
  53. package/dist/tailwind/dist/automated-config/dist/properties.cjs +28 -0
  54. package/dist/tailwind/dist/automated-config/dist/properties.js +28 -0
  55. package/dist/tailwind/dist/automated-config/dist/properties.js.map +1 -1
  56. package/dist/tailwind/dist/config/dist/index.cjs +127 -2
  57. package/dist/tailwind/dist/config/dist/index.js +127 -2
  58. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  59. package/dist/tailwind/dist/css-tokens/dist/index.cjs +2 -2
  60. package/dist/tailwind/dist/css-tokens/dist/index.js +2 -2
  61. package/dist/tailwind/dist/css-tokens/dist/index.js.map +1 -1
  62. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
  63. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
  64. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
  65. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  66. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  67. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  68. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  69. package/dist/tokens/index.d.cts +2 -2
  70. package/dist/tokens/index.d.ts +2 -2
  71. package/dist/tokens/types.d.cts +2 -2
  72. package/dist/tokens/types.d.ts +2 -2
  73. package/dist/types/dist/index.d.cts +2 -1
  74. package/dist/types/dist/index.d.ts +2 -1
  75. package/dist/uds/generated/componentData.cjs +364 -360
  76. package/dist/uds/generated/componentData.js +364 -360
  77. package/dist/uds/generated/tailwindPurge.cjs +6 -4
  78. package/dist/uds/generated/tailwindPurge.js +6 -4
  79. package/generated/componentData.json +550 -549
  80. package/generated/tailwindPurge.ts +2 -2
  81. package/package.json +1 -1
package/dist/styles/styler.d.ts CHANGED
@@ -12,32 +12,34 @@ 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" | "default" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
16
- avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
15
+ avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "2xl" | "2xs" | "3xl" | undefined;
16
+ avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "2xl" | "2xs" | "3xl" | undefined;
17
17
  avatarTextVariantRoot?: "primary" | "secondary" | "default" | undefined;
18
18
  badgeSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
19
19
  badgeSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
20
- badgeVariantIcon?: "alert" | "primary" | "secondary" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | undefined;
21
- badgeVariantRoot?: "alert" | "primary" | "secondary" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "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;
22
22
  bannerSizeClose?: "default" | undefined;
23
23
  bannerSizeDescription?: "default" | undefined;
24
24
  bannerSizeIcon?: "default" | undefined;
25
25
  bannerSizeRoot?: "default" | undefined;
26
26
  bannerSizeTitle?: "default" | undefined;
27
- bannerVariantIcon?: "alert" | "primary" | "secondary" | "brand" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "warning-secondary" | "info-secondary" | "default" | "success" | "success-secondary" | undefined;
28
- bannerVariantRoot?: "alert" | "primary" | "secondary" | "brand" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "warning-secondary" | "info-secondary" | "default" | "success" | "success-secondary" | undefined;
27
+ bannerVariantDescription?: "primary" | "secondary" | "brand" | "alert" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "warning-secondary" | "info-secondary" | "default" | "success" | "success-secondary" | undefined;
28
+ bannerVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "warning-secondary" | "info-secondary" | "default" | "success" | "success-secondary" | undefined;
29
+ bannerVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "warning-secondary" | "info-secondary" | "default" | "success" | "success-secondary" | undefined;
30
+ bannerVariantTitle?: "primary" | "secondary" | "brand" | "alert" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "warning-secondary" | "info-secondary" | "default" | "success" | "success-secondary" | undefined;
29
31
  bottomsheetVariantHandleIndicator?: "default" | undefined;
30
32
  bottomsheetVariantHeader?: "default" | undefined;
31
33
  bottomsheetVariantRoot?: "default" | undefined;
32
34
  buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
33
35
  buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
34
- buttonVariantIcon?: "alert" | "primary" | "secondary" | "tertiary" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
35
- buttonVariantRoot?: "alert" | "primary" | "secondary" | "tertiary" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
36
+ buttonVariantIcon?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
37
+ buttonVariantRoot?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
36
38
  checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
37
39
  checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
38
- checkboxVariantCheckbox?: "alert" | "primary" | "secondary" | "alert-secondary" | "default" | undefined;
39
- checkboxVariantCheckboxIcon?: "alert" | "primary" | "secondary" | "alert-secondary" | "default" | undefined;
40
- checkboxVariantRoot?: "alert" | "primary" | "secondary" | "alert-secondary" | "default" | undefined;
40
+ checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
41
+ checkboxVariantCheckboxIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
42
+ checkboxVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
41
43
  checkboxVariantValueCheckbox?: "checked" | "indeterminate" | "unchecked" | undefined;
42
44
  checkboxVariantValueCheckboxIcon?: "checked" | "indeterminate" | "unchecked" | undefined;
43
45
  checkboxVariantValueRoot?: "checked" | "indeterminate" | "unchecked" | undefined;
@@ -54,8 +56,8 @@ declare const getStylesInternal: (props?: ({
54
56
  dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
55
57
  dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
56
58
  dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
57
- iconbuttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | "xl" | undefined;
58
- iconbuttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | "xl" | undefined;
59
+ iconbuttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
60
+ iconbuttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
59
61
  inputSizeEndIcon?: "md" | "lg" | "default" | undefined;
60
62
  inputSizeHelperIcon?: "md" | "lg" | "default" | undefined;
61
63
  inputSizeHelperText?: "md" | "lg" | "default" | undefined;
@@ -124,9 +126,9 @@ declare const getStylesInternal: (props?: ({
124
126
  popoverVariantSvgBorder?: "default" | undefined;
125
127
  radioSizeRadio?: "sm" | "md" | "default" | undefined;
126
128
  radioSizeRoot?: "sm" | "md" | "default" | undefined;
127
- radioVariantRadio?: "alert" | "primary" | "secondary" | "alert-secondary" | "default" | undefined;
128
- radioVariantRadioCircle?: "alert" | "primary" | "secondary" | "alert-secondary" | "default" | undefined;
129
- radioVariantRoot?: "alert" | "primary" | "secondary" | "alert-secondary" | "default" | undefined;
129
+ radioVariantRadio?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
130
+ radioVariantRadioCircle?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
131
+ radioVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
130
132
  radioVariantValueRadio?: "checked" | "unchecked" | undefined;
131
133
  radioVariantValueRadioCircle?: "checked" | "unchecked" | undefined;
132
134
  radioVariantValueRoot?: "checked" | "unchecked" | undefined;
@@ -155,10 +157,10 @@ declare const getStylesInternal: (props?: ({
155
157
  toastSizeIcon?: "default" | undefined;
156
158
  toastSizeLabel?: "default" | undefined;
157
159
  toastSizeRoot?: "default" | undefined;
158
- toastVariantActionButton?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
159
- toastVariantCloseIcon?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
160
- toastVariantIcon?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
161
- toastVariantRoot?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
160
+ toastVariantActionButton?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
161
+ toastVariantCloseIcon?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
162
+ toastVariantIcon?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
163
+ toastVariantRoot?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
162
164
  tooltipSizeBody?: "default" | undefined;
163
165
  tooltipSizeEndContent?: "default" | undefined;
164
166
  tooltipSizeIcon?: "default" | undefined;
@@ -169,11 +171,11 @@ declare const getStylesInternal: (props?: ({
169
171
  tooltipVariantIcon?: "default" | undefined;
170
172
  tooltipVariantRoot?: "default" | undefined;
171
173
  tooltipVariantSvg?: "default" | undefined;
172
- color?: "alert" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "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;
173
- placeholderColor?: "alert" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "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;
174
+ color?: "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "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" | undefined;
175
+ placeholderColor?: "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "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" | undefined;
174
176
  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;
175
177
  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;
176
- fontWeight?: "black" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "thin" | "medium" | "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;
178
+ fontWeight?: "black" | "medium" | "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" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
177
179
  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;
178
180
  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;
179
181
  textAlign?: "center" | "justify" | "start" | "end" | undefined;
@@ -194,50 +196,50 @@ declare const getStylesInternal: (props?: ({
194
196
  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;
195
197
  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;
196
198
  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;
197
- backgroundColor?: "alert" | "primary" | "secondary" | "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;
198
- borderColor?: "alert" | "primary" | "secondary" | "tertiary" | "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;
199
- borderStartColor?: "alert" | "primary" | "secondary" | "tertiary" | "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;
200
- borderEndColor?: "alert" | "primary" | "secondary" | "tertiary" | "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;
201
- borderBottomColor?: "alert" | "primary" | "secondary" | "tertiary" | "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;
202
- borderTopColor?: "alert" | "primary" | "secondary" | "tertiary" | "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;
199
+ 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;
200
+ borderColor?: "primary" | "secondary" | "tertiary" | "muted" | "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;
201
+ borderStartColor?: "primary" | "secondary" | "tertiary" | "muted" | "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;
202
+ borderEndColor?: "primary" | "secondary" | "tertiary" | "muted" | "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;
203
+ borderBottomColor?: "primary" | "secondary" | "tertiary" | "muted" | "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;
204
+ borderTopColor?: "primary" | "secondary" | "tertiary" | "muted" | "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;
203
205
  borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
204
206
  borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
205
207
  borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
206
208
  borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
207
209
  borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
208
- borderWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
209
- borderVerticalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
210
- borderHorizontalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
211
- borderStartWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
212
- borderEndWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
213
- borderTopWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
214
- borderBottomWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
210
+ borderWidth?: "none" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
211
+ borderVerticalWidth?: "none" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
212
+ borderHorizontalWidth?: "none" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
213
+ borderStartWidth?: "none" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
214
+ borderEndWidth?: "none" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
215
+ borderTopWidth?: "none" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
216
+ borderBottomWidth?: "none" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
215
217
  avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
216
218
  iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
217
219
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
218
220
  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
219
221
  alignSelf?: "center" | "auto" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
220
- flex?: "1" | "none" | "auto" | "initial" | undefined;
222
+ flex?: "none" | "auto" | "1" | "initial" | undefined;
221
223
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
222
224
  flexGrow?: "0" | "1" | "2" | "3" | undefined;
223
225
  flexShrink?: "0" | "1" | undefined;
224
226
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
225
227
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
226
228
  flexBasis?: "min-content" | undefined;
227
- display?: "flex" | "table" | "none" | "grid" | "inline" | "block" | "inline-block" | "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;
229
+ display?: "table" | "none" | "grid" | "inline" | "flex" | "block" | "inline-block" | "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;
228
230
  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
229
231
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
230
232
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
231
- position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
233
+ position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
232
234
  contentFit?: "fill" | "none" | "cover" | "contain" | "scale-down" | undefined;
233
235
  colorMode?: "light" | "dark" | undefined;
234
- scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
236
+ scaleMode?: "small" | "xSmall" | "medium" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
235
237
  width?: "full" | "fit" | "screen" | undefined;
236
238
  height?: "full" | "fit" | "screen" | undefined;
237
239
  dropShadow?: "none" | "xs" | "sm" | "md" | "lg" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xl" | "2xl" | undefined;
238
240
  insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
239
241
  nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
240
- nestedBorderRadiusWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
242
+ nestedBorderRadiusWidth?: "none" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
241
243
  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;
242
244
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
243
245
  } & {
package/dist/styles/variants.d.cts CHANGED
@@ -97,6 +97,21 @@ declare const variants: {
97
97
  bannerSizeTitle: {
98
98
  readonly default: "uds-banner-size-default-title";
99
99
  };
100
+ bannerVariantDescription: {
101
+ readonly alert: "uds-banner-variant-alert-description";
102
+ readonly "alert-secondary": "uds-banner-variant-alert-secondary-description";
103
+ readonly brand: "uds-banner-variant-brand-description";
104
+ readonly "brand-secondary": "uds-banner-variant-brand-secondary-description";
105
+ readonly default: "uds-banner-variant-default-description";
106
+ readonly info: "uds-banner-variant-info-description";
107
+ readonly "info-secondary": "uds-banner-variant-info-secondary-description";
108
+ readonly primary: "uds-banner-variant-primary-description";
109
+ readonly secondary: "uds-banner-variant-secondary-description";
110
+ readonly success: "uds-banner-variant-success-description";
111
+ readonly "success-secondary": "uds-banner-variant-success-secondary-description";
112
+ readonly warning: "uds-banner-variant-warning-description";
113
+ readonly "warning-secondary": "uds-banner-variant-warning-secondary-description";
114
+ };
100
115
  bannerVariantIcon: {
101
116
  readonly alert: "uds-banner-variant-alert-icon";
102
117
  readonly "alert-secondary": "uds-banner-variant-alert-secondary-icon";
@@ -127,6 +142,21 @@ declare const variants: {
127
142
  readonly warning: "uds-banner-variant-warning-root";
128
143
  readonly "warning-secondary": "uds-banner-variant-warning-secondary-root";
129
144
  };
145
+ bannerVariantTitle: {
146
+ readonly alert: "uds-banner-variant-alert-title";
147
+ readonly "alert-secondary": "uds-banner-variant-alert-secondary-title";
148
+ readonly brand: "uds-banner-variant-brand-title";
149
+ readonly "brand-secondary": "uds-banner-variant-brand-secondary-title";
150
+ readonly default: "uds-banner-variant-default-title";
151
+ readonly info: "uds-banner-variant-info-title";
152
+ readonly "info-secondary": "uds-banner-variant-info-secondary-title";
153
+ readonly primary: "uds-banner-variant-primary-title";
154
+ readonly secondary: "uds-banner-variant-secondary-title";
155
+ readonly success: "uds-banner-variant-success-title";
156
+ readonly "success-secondary": "uds-banner-variant-success-secondary-title";
157
+ readonly warning: "uds-banner-variant-warning-title";
158
+ readonly "warning-secondary": "uds-banner-variant-warning-secondary-title";
159
+ };
130
160
  bottomsheetVariantHandleIndicator: {
131
161
  readonly default: "uds-bottomsheet-variant-default-handleindicator";
132
162
  };
package/dist/styles/variants.d.ts CHANGED
@@ -97,6 +97,21 @@ declare const variants: {
97
97
  bannerSizeTitle: {
98
98
  readonly default: "uds-banner-size-default-title";
99
99
  };
100
+ bannerVariantDescription: {
101
+ readonly alert: "uds-banner-variant-alert-description";
102
+ readonly "alert-secondary": "uds-banner-variant-alert-secondary-description";
103
+ readonly brand: "uds-banner-variant-brand-description";
104
+ readonly "brand-secondary": "uds-banner-variant-brand-secondary-description";
105
+ readonly default: "uds-banner-variant-default-description";
106
+ readonly info: "uds-banner-variant-info-description";
107
+ readonly "info-secondary": "uds-banner-variant-info-secondary-description";
108
+ readonly primary: "uds-banner-variant-primary-description";
109
+ readonly secondary: "uds-banner-variant-secondary-description";
110
+ readonly success: "uds-banner-variant-success-description";
111
+ readonly "success-secondary": "uds-banner-variant-success-secondary-description";
112
+ readonly warning: "uds-banner-variant-warning-description";
113
+ readonly "warning-secondary": "uds-banner-variant-warning-secondary-description";
114
+ };
100
115
  bannerVariantIcon: {
101
116
  readonly alert: "uds-banner-variant-alert-icon";
102
117
  readonly "alert-secondary": "uds-banner-variant-alert-secondary-icon";
@@ -127,6 +142,21 @@ declare const variants: {
127
142
  readonly warning: "uds-banner-variant-warning-root";
128
143
  readonly "warning-secondary": "uds-banner-variant-warning-secondary-root";
129
144
  };
145
+ bannerVariantTitle: {
146
+ readonly alert: "uds-banner-variant-alert-title";
147
+ readonly "alert-secondary": "uds-banner-variant-alert-secondary-title";
148
+ readonly brand: "uds-banner-variant-brand-title";
149
+ readonly "brand-secondary": "uds-banner-variant-brand-secondary-title";
150
+ readonly default: "uds-banner-variant-default-title";
151
+ readonly info: "uds-banner-variant-info-title";
152
+ readonly "info-secondary": "uds-banner-variant-info-secondary-title";
153
+ readonly primary: "uds-banner-variant-primary-title";
154
+ readonly secondary: "uds-banner-variant-secondary-title";
155
+ readonly success: "uds-banner-variant-success-title";
156
+ readonly "success-secondary": "uds-banner-variant-success-secondary-title";
157
+ readonly warning: "uds-banner-variant-warning-title";
158
+ readonly "warning-secondary": "uds-banner-variant-warning-secondary-title";
159
+ };
130
160
  bottomsheetVariantHandleIndicator: {
131
161
  readonly default: "uds-bottomsheet-variant-default-handleindicator";
132
162
  };
package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs CHANGED
@@ -89,6 +89,21 @@ const autoVariants = {
89
89
  bannerSizeIcon: { default: "uds-banner-size-default-icon" },
90
90
  bannerSizeRoot: { default: "uds-banner-size-default-root" },
91
91
  bannerSizeTitle: { default: "uds-banner-size-default-title" },
92
+ bannerVariantDescription: {
93
+ alert: "uds-banner-variant-alert-description",
94
+ "alert-secondary": "uds-banner-variant-alert-secondary-description",
95
+ brand: "uds-banner-variant-brand-description",
96
+ "brand-secondary": "uds-banner-variant-brand-secondary-description",
97
+ default: "uds-banner-variant-default-description",
98
+ info: "uds-banner-variant-info-description",
99
+ "info-secondary": "uds-banner-variant-info-secondary-description",
100
+ primary: "uds-banner-variant-primary-description",
101
+ secondary: "uds-banner-variant-secondary-description",
102
+ success: "uds-banner-variant-success-description",
103
+ "success-secondary": "uds-banner-variant-success-secondary-description",
104
+ warning: "uds-banner-variant-warning-description",
105
+ "warning-secondary": "uds-banner-variant-warning-secondary-description"
106
+ },
92
107
  bannerVariantIcon: {
93
108
  alert: "uds-banner-variant-alert-icon",
94
109
  "alert-secondary": "uds-banner-variant-alert-secondary-icon",
@@ -119,6 +134,21 @@ const autoVariants = {
119
134
  warning: "uds-banner-variant-warning-root",
120
135
  "warning-secondary": "uds-banner-variant-warning-secondary-root"
121
136
  },
137
+ bannerVariantTitle: {
138
+ alert: "uds-banner-variant-alert-title",
139
+ "alert-secondary": "uds-banner-variant-alert-secondary-title",
140
+ brand: "uds-banner-variant-brand-title",
141
+ "brand-secondary": "uds-banner-variant-brand-secondary-title",
142
+ default: "uds-banner-variant-default-title",
143
+ info: "uds-banner-variant-info-title",
144
+ "info-secondary": "uds-banner-variant-info-secondary-title",
145
+ primary: "uds-banner-variant-primary-title",
146
+ secondary: "uds-banner-variant-secondary-title",
147
+ success: "uds-banner-variant-success-title",
148
+ "success-secondary": "uds-banner-variant-success-secondary-title",
149
+ warning: "uds-banner-variant-warning-title",
150
+ "warning-secondary": "uds-banner-variant-warning-secondary-title"
151
+ },
122
152
  bottomsheetVariantHandleIndicator: { default: "uds-bottomsheet-variant-default-handleindicator" },
123
153
  bottomsheetVariantHeader: { default: "uds-bottomsheet-variant-default-header" },
124
154
  bottomsheetVariantRoot: { default: "uds-bottomsheet-variant-default-root" },
package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js CHANGED
@@ -88,6 +88,21 @@ const autoVariants = {
88
88
  bannerSizeIcon: { default: "uds-banner-size-default-icon" },
89
89
  bannerSizeRoot: { default: "uds-banner-size-default-root" },
90
90
  bannerSizeTitle: { default: "uds-banner-size-default-title" },
91
+ bannerVariantDescription: {
92
+ alert: "uds-banner-variant-alert-description",
93
+ "alert-secondary": "uds-banner-variant-alert-secondary-description",
94
+ brand: "uds-banner-variant-brand-description",
95
+ "brand-secondary": "uds-banner-variant-brand-secondary-description",
96
+ default: "uds-banner-variant-default-description",
97
+ info: "uds-banner-variant-info-description",
98
+ "info-secondary": "uds-banner-variant-info-secondary-description",
99
+ primary: "uds-banner-variant-primary-description",
100
+ secondary: "uds-banner-variant-secondary-description",
101
+ success: "uds-banner-variant-success-description",
102
+ "success-secondary": "uds-banner-variant-success-secondary-description",
103
+ warning: "uds-banner-variant-warning-description",
104
+ "warning-secondary": "uds-banner-variant-warning-secondary-description"
105
+ },
91
106
  bannerVariantIcon: {
92
107
  alert: "uds-banner-variant-alert-icon",
93
108
  "alert-secondary": "uds-banner-variant-alert-secondary-icon",
@@ -118,6 +133,21 @@ const autoVariants = {
118
133
  warning: "uds-banner-variant-warning-root",
119
134
  "warning-secondary": "uds-banner-variant-warning-secondary-root"
120
135
  },
136
+ bannerVariantTitle: {
137
+ alert: "uds-banner-variant-alert-title",
138
+ "alert-secondary": "uds-banner-variant-alert-secondary-title",
139
+ brand: "uds-banner-variant-brand-title",
140
+ "brand-secondary": "uds-banner-variant-brand-secondary-title",
141
+ default: "uds-banner-variant-default-title",
142
+ info: "uds-banner-variant-info-title",
143
+ "info-secondary": "uds-banner-variant-info-secondary-title",
144
+ primary: "uds-banner-variant-primary-title",
145
+ secondary: "uds-banner-variant-secondary-title",
146
+ success: "uds-banner-variant-success-title",
147
+ "success-secondary": "uds-banner-variant-success-secondary-title",
148
+ warning: "uds-banner-variant-warning-title",
149
+ "warning-secondary": "uds-banner-variant-warning-secondary-title"
150
+ },
121
151
  bottomsheetVariantHandleIndicator: { default: "uds-bottomsheet-variant-default-handleindicator" },
122
152
  bottomsheetVariantHeader: { default: "uds-bottomsheet-variant-default-header" },
123
153
  bottomsheetVariantRoot: { default: "uds-bottomsheet-variant-default-root" },