@yahoo/uds 3.163.2 → 3.164.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 (25) hide show
  1. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  2. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  3. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  4. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  5. package/dist/config/dist/index.cjs +3 -2
  6. package/dist/config/dist/index.js +3 -2
  7. package/dist/css/dist/packages/config/dist/index.cjs +3 -2
  8. package/dist/css/dist/packages/config/dist/index.js +3 -2
  9. package/dist/styles/styler.d.cts +65 -65
  10. package/dist/styles/styler.d.ts +65 -65
  11. package/dist/tailwind-internal/dist/components/getResponsiveTextStyles.cjs +6 -2
  12. package/dist/tailwind-internal/dist/components/getResponsiveTextStyles.js +6 -2
  13. package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +3 -2
  14. package/dist/tailwind-internal/dist/packages/config/dist/index.js +3 -2
  15. package/dist/tailwind-internal/dist/packages/types/dist/index.d.cts +1 -0
  16. package/dist/tailwind-internal/dist/packages/types/dist/index.d.ts +1 -0
  17. package/dist/types/dist/index.d.cts +1 -0
  18. package/dist/types/dist/index.d.ts +1 -0
  19. package/dist/uds/generated/componentData.cjs +388 -388
  20. package/dist/uds/generated/componentData.js +388 -388
  21. package/dist/uds/generated/migrationSchemaVersion.cjs +1 -1
  22. package/dist/uds/generated/migrationSchemaVersion.js +1 -1
  23. package/generated/componentData.json +546 -546
  24. package/generated/migrationSchemaVersion.ts +1 -1
  25. package/package.json +1 -1
package/dist/styles/styler.d.ts CHANGED
@@ -12,11 +12,11 @@ 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?: "sm" | "md" | "xs" | "lg" | "xl" | "2xs" | "2xl" | "3xl" | "default" | undefined;
16
- avatarSizeRoot?: "sm" | "md" | "xs" | "lg" | "xl" | "2xs" | "2xl" | "3xl" | "default" | undefined;
15
+ avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default" | "2xs" | "3xl" | undefined;
16
+ avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default" | "2xs" | "3xl" | undefined;
17
17
  avatarTextVariantRoot?: "primary" | "secondary" | "default" | undefined;
18
- badgeSizeIcon?: "sm" | "md" | "xs" | "lg" | "default" | undefined;
19
- badgeSizeRoot?: "sm" | "md" | "xs" | "lg" | "default" | undefined;
18
+ badgeSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
19
+ badgeSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
20
20
  badgeVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | undefined;
21
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;
@@ -31,10 +31,10 @@ declare const getStylesInternal: (props?: ({
31
31
  bottomsheetVariantHandleIndicator?: "default" | undefined;
32
32
  bottomsheetVariantHeader?: "default" | undefined;
33
33
  bottomsheetVariantRoot?: "default" | undefined;
34
- buttonSizeIcon?: "sm" | "md" | "xs" | "lg" | "default" | undefined;
35
- buttonSizeRoot?: "sm" | "md" | "xs" | "lg" | "default" | 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;
34
+ buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
35
+ buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
36
+ 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;
37
+ 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;
38
38
  checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
39
39
  checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
40
40
  checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
@@ -56,8 +56,8 @@ declare const getStylesInternal: (props?: ({
56
56
  dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
57
57
  dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
58
58
  dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
59
- iconbuttonSizeIcon?: "sm" | "md" | "xs" | "lg" | "xl" | "default" | undefined;
60
- iconbuttonSizeRoot?: "sm" | "md" | "xs" | "lg" | "xl" | "default" | undefined;
59
+ iconbuttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
60
+ iconbuttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
61
61
  inputSizeEndIcon?: "md" | "lg" | "default" | undefined;
62
62
  inputSizeHelperIcon?: "md" | "lg" | "default" | undefined;
63
63
  inputSizeHelperText?: "md" | "lg" | "default" | undefined;
@@ -129,8 +129,8 @@ declare const getStylesInternal: (props?: ({
129
129
  modalVariantDescription?: "default" | undefined;
130
130
  modalVariantRoot?: "default" | undefined;
131
131
  modalVariantTitle?: "default" | undefined;
132
- paddlenavSizeIcon?: "sm" | "md" | "xs" | "lg" | "xl" | "default" | undefined;
133
- paddlenavSizeRoot?: "sm" | "md" | "xs" | "lg" | "xl" | "default" | undefined;
132
+ paddlenavSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
133
+ paddlenavSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
134
134
  paddlenavVariantBackground?: "primary" | "secondary" | "tertiary" | "default" | undefined;
135
135
  paddlenavVariantIcon?: "primary" | "secondary" | "tertiary" | "default" | undefined;
136
136
  paddlenavVariantRoot?: "primary" | "secondary" | "tertiary" | "default" | undefined;
@@ -200,10 +200,10 @@ declare const getStylesInternal: (props?: ({
200
200
  toastSizeIcon?: "default" | undefined;
201
201
  toastSizeLabel?: "default" | undefined;
202
202
  toastSizeRoot?: "default" | undefined;
203
- toastVariantActionButton?: "warning" | "info" | "default" | "success" | "error" | "loading" | undefined;
204
- toastVariantCloseIcon?: "warning" | "info" | "default" | "success" | "error" | "loading" | undefined;
205
- toastVariantIcon?: "warning" | "info" | "default" | "success" | "error" | "loading" | undefined;
206
- toastVariantRoot?: "warning" | "info" | "default" | "success" | "error" | "loading" | undefined;
203
+ toastVariantActionButton?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
204
+ toastVariantCloseIcon?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
205
+ toastVariantIcon?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
206
+ toastVariantRoot?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
207
207
  tooltipSizeBody?: "default" | undefined;
208
208
  tooltipSizeEndContent?: "default" | undefined;
209
209
  tooltipSizeIcon?: "default" | undefined;
@@ -214,76 +214,76 @@ declare const getStylesInternal: (props?: ({
214
214
  tooltipVariantIcon?: "default" | undefined;
215
215
  tooltipVariantRoot?: "default" | undefined;
216
216
  tooltipVariantSvg?: "default" | undefined;
217
- 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;
218
- 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;
217
+ 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;
218
+ 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;
219
219
  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;
220
220
  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;
221
- fontWeight?: "light" | "medium" | "black" | "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" | "thin" | "extralight" | "regular" | "semibold" | "bold" | "extrabold" | undefined;
221
+ 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;
222
222
  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;
223
223
  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;
224
- textAlign?: "start" | "end" | "center" | "justify" | undefined;
225
- textTransform?: "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" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
226
- 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;
227
- 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;
228
- 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;
229
- 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;
230
- 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;
231
- 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;
232
- 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;
233
- 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;
234
- 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;
235
- 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;
236
- 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;
237
- 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;
238
- 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;
239
- 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;
240
- 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;
241
- 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;
224
+ textAlign?: "center" | "justify" | "start" | "end" | undefined;
225
+ 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;
226
+ 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;
227
+ 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;
228
+ 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;
229
+ 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;
230
+ 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;
231
+ 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;
232
+ 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;
233
+ 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;
234
+ 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;
235
+ 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;
236
+ 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;
237
+ 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;
238
+ 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;
239
+ 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;
240
+ 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;
241
+ 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;
242
242
  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;
243
- 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;
244
- 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;
245
- 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;
246
- 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;
247
- 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;
248
- borderRadius?: "sm" | "md" | "none" | "xs" | "lg" | "xl" | "full" | undefined;
249
- borderTopStartRadius?: "sm" | "md" | "none" | "xs" | "lg" | "xl" | "full" | undefined;
250
- borderTopEndRadius?: "sm" | "md" | "none" | "xs" | "lg" | "xl" | "full" | undefined;
251
- borderBottomStartRadius?: "sm" | "md" | "none" | "xs" | "lg" | "xl" | "full" | undefined;
252
- borderBottomEndRadius?: "sm" | "md" | "none" | "xs" | "lg" | "xl" | "full" | undefined;
253
- borderWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
254
- borderVerticalWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
255
- borderHorizontalWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
256
- borderStartWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
257
- borderEndWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
258
- borderTopWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
259
- borderBottomWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
260
- avatarSize?: "sm" | "md" | "xs" | "lg" | "xl" | "2xs" | "2xl" | "3xl" | undefined;
261
- iconSize?: "sm" | "md" | "xs" | "lg" | undefined;
243
+ 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;
244
+ 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;
245
+ 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;
246
+ 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;
247
+ 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;
248
+ borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
249
+ borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
250
+ borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
251
+ borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
252
+ borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
253
+ borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
254
+ borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
255
+ borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
256
+ borderStartWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
257
+ borderEndWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
258
+ borderTopWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
259
+ borderBottomWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
260
+ avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
261
+ iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
262
262
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
263
263
  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
264
264
  alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
265
- flex?: "none" | "1" | "auto" | "initial" | undefined;
265
+ flex?: "1" | "none" | "auto" | "initial" | undefined;
266
266
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
267
267
  flexGrow?: "0" | "1" | "2" | "3" | undefined;
268
268
  flexShrink?: "0" | "1" | undefined;
269
269
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
270
270
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
271
271
  flexBasis?: "min-content" | undefined;
272
- display?: "flex" | "none" | "block" | "inline-block" | "inline" | "inline-flex" | "table" | "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;
272
+ 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;
273
273
  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
274
274
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
275
275
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
276
276
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
277
- contentFit?: "none" | "cover" | "contain" | "fill" | "scale-down" | undefined;
277
+ contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
278
278
  colorMode?: "light" | "dark" | undefined;
279
- scaleMode?: "xSmall" | "small" | "medium" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
279
+ scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
280
280
  width?: "full" | "fit" | "screen" | undefined;
281
281
  height?: "full" | "fit" | "screen" | undefined;
282
- dropShadow?: "sm" | "md" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xs" | "lg" | "xl" | "2xl" | undefined;
283
- insetShadow?: "sm" | "md" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xs" | "lg" | "xl" | "2xl" | "sm-invert" | "md-invert" | "xs-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
284
- nestedBorderRadiusSize?: "sm" | "md" | "none" | "xs" | "lg" | "xl" | "full" | undefined;
285
- nestedBorderRadiusWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
286
- 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;
282
+ dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
283
+ insetShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
284
+ nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
285
+ nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
286
+ 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;
287
287
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
288
288
  } & {
289
289
  className?: string | undefined;
package/dist/tailwind-internal/dist/components/getResponsiveTextStyles.cjs CHANGED
@@ -52,12 +52,16 @@ const RESPONSIVE_TAILWIND_CONFIG_MAP = {
52
52
  letterSpacing: tailwindConfigPerVariant(require_index$1.LETTER_SPACING_PREFIX)
53
53
  };
54
54
  const getBaseTextVars = (config) => {
55
- return cssVariablesForBreakpoint(config, "base");
55
+ const { breakpoint, applyDefaultBreakpointInCode } = config.globalDefaults;
56
+ return cssVariablesForBreakpoint(config, applyDefaultBreakpointInCode ? breakpoint : "base");
56
57
  };
57
58
  const getResponsiveTextStyles = (config) => {
58
59
  const breakpoints = require_entries.entries(config.breakpoints).sort(([, { value: minWidthA }], [, { value: minWidthB }]) => minWidthA - minWidthB);
59
60
  return {
60
- [`.${require_index$1.TEXT_RESPONSIVE_CLASSNAME}`]: Object.fromEntries(breakpoints.map(([name, { value: minWidth }]) => [`@media (min-width: ${minWidth}px)`, cssVariablesForBreakpoint(config, name)])),
61
+ [`.${require_index$1.TEXT_RESPONSIVE_CLASSNAME}`]: {
62
+ ...config.globalDefaults.applyDefaultBreakpointInCode ? cssVariablesForBreakpoint(config, "base") : {},
63
+ ...Object.fromEntries(breakpoints.map(([name, { value: minWidth }]) => [`@media (min-width: ${minWidth}px)`, cssVariablesForBreakpoint(config, name)]))
64
+ },
61
65
  [mapClassNames("base")]: cssVariablesForBreakpoint(config, "base"),
62
66
  [mapClassNames("defaultBreakpoint")]: cssVariablesForBreakpoint(config, config.globalDefaults.breakpoint),
63
67
  ...Object.fromEntries(breakpoints.map(([name]) => [mapClassNames(name), cssVariablesForBreakpoint(config, name)]))
package/dist/tailwind-internal/dist/components/getResponsiveTextStyles.js CHANGED
@@ -51,12 +51,16 @@ const RESPONSIVE_TAILWIND_CONFIG_MAP = {
51
51
  letterSpacing: tailwindConfigPerVariant(LETTER_SPACING_PREFIX)
52
52
  };
53
53
  const getBaseTextVars = (config) => {
54
- return cssVariablesForBreakpoint(config, "base");
54
+ const { breakpoint, applyDefaultBreakpointInCode } = config.globalDefaults;
55
+ return cssVariablesForBreakpoint(config, applyDefaultBreakpointInCode ? breakpoint : "base");
55
56
  };
56
57
  const getResponsiveTextStyles = (config) => {
57
58
  const breakpoints = entries$1(config.breakpoints).sort(([, { value: minWidthA }], [, { value: minWidthB }]) => minWidthA - minWidthB);
58
59
  return {
59
- [`.${TEXT_RESPONSIVE_CLASSNAME}`]: Object.fromEntries(breakpoints.map(([name, { value: minWidth }]) => [`@media (min-width: ${minWidth}px)`, cssVariablesForBreakpoint(config, name)])),
60
+ [`.${TEXT_RESPONSIVE_CLASSNAME}`]: {
61
+ ...config.globalDefaults.applyDefaultBreakpointInCode ? cssVariablesForBreakpoint(config, "base") : {},
62
+ ...Object.fromEntries(breakpoints.map(([name, { value: minWidth }]) => [`@media (min-width: ${minWidth}px)`, cssVariablesForBreakpoint(config, name)]))
63
+ },
60
64
  [mapClassNames("base")]: cssVariablesForBreakpoint(config, "base"),
61
65
  [mapClassNames("defaultBreakpoint")]: cssVariablesForBreakpoint(config, config.globalDefaults.breakpoint),
62
66
  ...Object.fromEntries(breakpoints.map(([name]) => [mapClassNames(name), cssVariablesForBreakpoint(config, name)]))
package/dist/tailwind-internal/dist/packages/config/dist/index.cjs CHANGED
@@ -14799,7 +14799,8 @@ const defaultTokensConfig = {
14799
14799
  },
14800
14800
  globalDefaults: {
14801
14801
  breakpoint: "lg",
14802
- enableResponsiveType: true
14802
+ enableResponsiveType: true,
14803
+ applyDefaultBreakpointInCode: false
14803
14804
  },
14804
14805
  iconButton: {
14805
14806
  defaults: {
@@ -29210,7 +29211,7 @@ const defaultTokensConfig = {
29210
29211
  }
29211
29212
  },
29212
29213
  version: "v0.100.0",
29213
- version: "v0.100.0"
29214
+ version: "v0.101.0"
29214
29215
  };
29215
29216
  //#endregion
29216
29217
  exports.defaultTokensConfig = defaultTokensConfig;
package/dist/tailwind-internal/dist/packages/config/dist/index.js CHANGED
@@ -14799,7 +14799,8 @@ const defaultTokensConfig = {
14799
14799
  },
14800
14800
  globalDefaults: {
14801
14801
  breakpoint: "lg",
14802
- enableResponsiveType: true
14802
+ enableResponsiveType: true,
14803
+ applyDefaultBreakpointInCode: false
14803
14804
  },
14804
14805
  iconButton: {
14805
14806
  defaults: {
@@ -29210,7 +29211,7 @@ const defaultTokensConfig = {
29210
29211
  }
29211
29212
  },
29212
29213
  version: "v0.100.0",
29213
- version: "v0.100.0"
29214
+ version: "v0.101.0"
29214
29215
  };
29215
29216
  //#endregion
29216
29217
  export { defaultTokensConfig };
package/dist/tailwind-internal/dist/packages/types/dist/index.d.cts CHANGED
@@ -293,6 +293,7 @@ type UniversalTokensConfigGeneric<ConfigAuto = UniversalTokensConfigAutoBase> =
293
293
  type GlobalDefaultsConfig = {
294
294
  breakpoint: Breakpoint | 'base';
295
295
  enableResponsiveType: boolean;
296
+ applyDefaultBreakpointInCode: boolean;
296
297
  }; //#endregion
297
298
  //#endregion
298
299
  //#endregion
package/dist/tailwind-internal/dist/packages/types/dist/index.d.ts CHANGED
@@ -293,6 +293,7 @@ type UniversalTokensConfigGeneric<ConfigAuto = UniversalTokensConfigAutoBase> =
293
293
  type GlobalDefaultsConfig = {
294
294
  breakpoint: Breakpoint | 'base';
295
295
  enableResponsiveType: boolean;
296
+ applyDefaultBreakpointInCode: boolean;
296
297
  }; //#endregion
297
298
  //#endregion
298
299
  //#endregion
package/dist/types/dist/index.d.cts CHANGED
@@ -1363,6 +1363,7 @@ type UniversalTokensConfigGeneric<ConfigAuto = UniversalTokensConfigAutoBase> =
1363
1363
  type GlobalDefaultsConfig = {
1364
1364
  breakpoint: Breakpoint | 'base';
1365
1365
  enableResponsiveType: boolean;
1366
+ applyDefaultBreakpointInCode: boolean;
1366
1367
  }; //#endregion
1367
1368
  //#endregion
1368
1369
  export { type AlwaysPaletteAlias, type AlwaysPaletteAliasWithPrefix, type AlwaysPaletteColor, type Animation, type AriaAttribute, type AvatarAbbreviationStrategy, type AvatarShape, type AvatarSize, type AvatarSizeConfig, type AvatarVariant, type BackgroundColor, type BackgroundPalette, type BackgroundPaletteAlias, type BackgroundStyleProps, type BackwardsCompatibleReactElement, type BadgeSize, type BadgeVariant, type BannerInnerShadowOption, type BannerSize, type BannerVariant, type BorderRadius, type BorderRadiusConfig, type BorderStyleProps, type BorderWidth, type BorderWidthConfig, type BorderWidthWithElevation, type BottomSheetHeight, type BottomSheetSnapPoints, type BottomSheetVariant, type Breakpoint, type BreakpointValue, type BreakpointWithBase, type BreakpointsConfig, type ButtonPalette, type ButtonPaletteColor, type ButtonSize, type ButtonSpectrumColor, type ButtonVariant, type ButtonVariantFlat, type CheckboxSize, type CheckboxValue, type CheckboxVariant, type ChipSize, type ChipVariant, type ColorMode, type ColorModeConfig, type ColorModeForApp, type ColorsConfig, type ConfigurableComponentName, type CustomSizingStyleProps, type DataAttribute, type DeprecatedAlwaysPaletteAlias, type Display, type DividerVariant, type ElevationAlias, type ElevationBackgroundFillColor, type ElevationBorderColor, type ElevationConfig, type ElevationCustomInsetShadows, type ElevationCustomShadows, type ElevationGlobalRampConfig, type ElevationGlobalRampSettings, type ElevationLevel, type ElevationPreset, type ElevationSurfaceColor, type ExtractUrlFromFontFaceRule, type Flex, type FlexAlignContent, type FlexAlignItems, type FlexAlignSelf, type FlexBasis, type FlexDirection, type FlexGrow, type FlexJustifyContent, type FlexShrink, type FlexStyleProps, type FlexWrap, type FocusRingColor, type FocusRingConfig, type FocusRingModeConfig, type FocusRingOffset, type FocusRingWidth, type FontAlias, type FontConfig, type FontCssVar, type FontFamilyConfig, type FontSize, type FontSizeConfig, type FontSlantConfig, type FontType, type FontWeightConfig, type FontWeightDescriptive, type FontWeightNumeric, type FontWidthConfig, type ForegroundColor, type ForegroundPalette, type ForegroundPaletteAlias, type GenericIconComponent, type GlobalDefaultsConfig, type HighContrastMode, type Hue, type HueStep, type IconButtonSize, type IconPixelSize, type IconPropsWithSVGProps, type IconSize, type IconSizeConfig, type IconSlotRenderProps, type IconVariant, type ImagePropsWithImgProps, type ImageStyleProps, type ImgElementProps, type InputSize, type LayoutStyleProps, type LineClampAlias, type LineColor, type LineHeight, type LineHeightConfig, type LinePalette, type LinePaletteAlias, type LinkTextVariant, type LinkVariant, type LinkableValue, type MaxLengthArray, type ModalSize, type ModalVariant, type Modes, type MotionConfig, type MotionCssVar, type MotionSpringConfig, type MotionSpringConfigOptions, type MotionVariant, type MotionVariantSpeed, type MotionVariantValues, type NestedBorderRadiusStyleProps, type OpacityStep, type Overflow, type PaddleNavOrientation, type PaddleNavSize, type PaddleNavVariant, type PaginationEllipsisPlacement, type PaginationSize, type PaginationVariant, type PaginationVisibleItem, type Palette, type PaletteConfig, type PaletteType, type PaletteValue, type Percentage, type PercentageUnit, type PixelsUnit, type PlatformMode, type PopoverPlacement, type PopoverSize, type PopoverVariant, type Position, type PropertyToPaletteAliasMap, type RGBAUnit, type RGBColorValue, type RGBUnit, type RadioSize, type RadioValue, type RadioVariant, type RegionMode, type RemsUnit, type SVGElementProps, type ScaleConfig, type ScaleEffect, type ScaleMode, type ScaleModeConfig, type ScaleModeForApp, type SelectOption, type SelectSize, type ShadowAlwaysColor, type ShadowColor, type ShadowColorConfig, type ShadowConfig, type ShadowOffset, type ShadowOpacity, type ShadowPalette, type ShadowPaletteAlias, type ShadowPaletteColor, type ShadowPreset, type ShadowSpectrumColor, type ShadowSpreadRadius, type ShadowStyleProps, type ShadowType, type ShadowTypeConfig, type ShadowVariant, type ShadowVariantConfig, type ShadowVariantInvert, type ShadowVariantWithElevation, type ShadowVariantWithInvert, type SharedPaletteAlias, type SizeStyleProps, type SpacingAlias, type SpacingConfig, type SpacingStyleProps, type SpectrumColor, type SpectrumConfig, type SpectrumRGB, type SpectrumValue, type SpectrumValueEntry, type StateStyleProps, type StyleProps, type SwitchSize, type TShirtSize, type TShirtSizeCommon, type TextDecorationLine, type TextProperty, type TextStyleProps, type TextTransform, type TextTransformConfig, type TextVariant, type TextVariantTypography, type TextVariantUi, type TextVariantWithoutEmphasized, type ToastPosition, type ToastSize, type ToastVariant, type TooltipPlacement, type TooltipSize, type TooltipVariant, type TransitionDelay, type TransitionDuration, type TransitionTiming, type TypographyConfig, type TypographyResponsiveProperty, type TypographyStyle, type TypographyStyleProperty, type TypographyUnitValue, type UdsCssVar, type UnitlessUnit, type UniversalAvatarBaseProps, type UniversalAvatarIconProps, type UniversalAvatarImageProps, type UniversalAvatarProps, type UniversalAvatarTextProps, type UniversalBadgeProps, type UniversalBannerProps, type UniversalBottomSheetContentProps, type UniversalBottomSheetHeaderProps, type UniversalBottomSheetProps, type UniversalBoxProps, type UniversalButtonProps, type UniversalCheckboxProps, type UniversalChipBaseProps, type UniversalChipButtonProps, type UniversalChipDismissibleProps, type UniversalChipLinkProps, type UniversalChipProps, type UniversalChipToggleProps, type UniversalDividerProps, type UniversalFormLabelProps, type UniversalIconButtonProps, type UniversalIconProps, type UniversalIconSlot, type UniversalImageProps, type UniversalInputProps, type UniversalLinkProps, type UniversalMenuItemProps, type UniversalModalActionsProps, type UniversalModalContentProps, type UniversalModalDescriptionProps, type UniversalModalProps, type UniversalModalTitleProps, type UniversalPaddleButtonProps, type UniversalPaddleNavContentProps, type UniversalPaddleNavProps, type UniversalPaginationItemProps, type UniversalPaginationLinkProps, type UniversalPaginationNextProps, type UniversalPaginationNumbersProps, type UniversalPaginationPrevProps, type UniversalPaginationProps, type UniversalPopoverContentProps, type UniversalPopoverProps, type UniversalPopoverTriggerProps, type UniversalPressableProps, type UniversalRadioGroupProps, type UniversalRadioProps, type UniversalSelectProps, type UniversalStackProps, type UniversalSwitchProps, type UniversalTabListProps, type UniversalTabPanelProps, type UniversalTabProps, type UniversalTabsProps, type UniversalTabsVariant, type UniversalTextProps, type UniversalToastProps, type UniversalTokensConfigAutoBase, type UniversalTokensConfigBase, type UniversalTokensConfigGeneric, type UniversalTooltipContentProps, type UniversalTooltipProps, type UniversalTooltipTriggerProps };
package/dist/types/dist/index.d.ts CHANGED
@@ -1363,6 +1363,7 @@ type UniversalTokensConfigGeneric<ConfigAuto = UniversalTokensConfigAutoBase> =
1363
1363
  type GlobalDefaultsConfig = {
1364
1364
  breakpoint: Breakpoint | 'base';
1365
1365
  enableResponsiveType: boolean;
1366
+ applyDefaultBreakpointInCode: boolean;
1366
1367
  }; //#endregion
1367
1368
  //#endregion
1368
1369
  export { type AlwaysPaletteAlias, type AlwaysPaletteAliasWithPrefix, type AlwaysPaletteColor, type Animation, type AriaAttribute, type AvatarAbbreviationStrategy, type AvatarShape, type AvatarSize, type AvatarSizeConfig, type AvatarVariant, type BackgroundColor, type BackgroundPalette, type BackgroundPaletteAlias, type BackgroundStyleProps, type BackwardsCompatibleReactElement, type BadgeSize, type BadgeVariant, type BannerInnerShadowOption, type BannerSize, type BannerVariant, type BorderRadius, type BorderRadiusConfig, type BorderStyleProps, type BorderWidth, type BorderWidthConfig, type BorderWidthWithElevation, type BottomSheetHeight, type BottomSheetSnapPoints, type BottomSheetVariant, type Breakpoint, type BreakpointValue, type BreakpointWithBase, type BreakpointsConfig, type ButtonPalette, type ButtonPaletteColor, type ButtonSize, type ButtonSpectrumColor, type ButtonVariant, type ButtonVariantFlat, type CheckboxSize, type CheckboxValue, type CheckboxVariant, type ChipSize, type ChipVariant, type ColorMode, type ColorModeConfig, type ColorModeForApp, type ColorsConfig, type ConfigurableComponentName, type CustomSizingStyleProps, type DataAttribute, type DeprecatedAlwaysPaletteAlias, type Display, type DividerVariant, type ElevationAlias, type ElevationBackgroundFillColor, type ElevationBorderColor, type ElevationConfig, type ElevationCustomInsetShadows, type ElevationCustomShadows, type ElevationGlobalRampConfig, type ElevationGlobalRampSettings, type ElevationLevel, type ElevationPreset, type ElevationSurfaceColor, type ExtractUrlFromFontFaceRule, type Flex, type FlexAlignContent, type FlexAlignItems, type FlexAlignSelf, type FlexBasis, type FlexDirection, type FlexGrow, type FlexJustifyContent, type FlexShrink, type FlexStyleProps, type FlexWrap, type FocusRingColor, type FocusRingConfig, type FocusRingModeConfig, type FocusRingOffset, type FocusRingWidth, type FontAlias, type FontConfig, type FontCssVar, type FontFamilyConfig, type FontSize, type FontSizeConfig, type FontSlantConfig, type FontType, type FontWeightConfig, type FontWeightDescriptive, type FontWeightNumeric, type FontWidthConfig, type ForegroundColor, type ForegroundPalette, type ForegroundPaletteAlias, type GenericIconComponent, type GlobalDefaultsConfig, type HighContrastMode, type Hue, type HueStep, type IconButtonSize, type IconPixelSize, type IconPropsWithSVGProps, type IconSize, type IconSizeConfig, type IconSlotRenderProps, type IconVariant, type ImagePropsWithImgProps, type ImageStyleProps, type ImgElementProps, type InputSize, type LayoutStyleProps, type LineClampAlias, type LineColor, type LineHeight, type LineHeightConfig, type LinePalette, type LinePaletteAlias, type LinkTextVariant, type LinkVariant, type LinkableValue, type MaxLengthArray, type ModalSize, type ModalVariant, type Modes, type MotionConfig, type MotionCssVar, type MotionSpringConfig, type MotionSpringConfigOptions, type MotionVariant, type MotionVariantSpeed, type MotionVariantValues, type NestedBorderRadiusStyleProps, type OpacityStep, type Overflow, type PaddleNavOrientation, type PaddleNavSize, type PaddleNavVariant, type PaginationEllipsisPlacement, type PaginationSize, type PaginationVariant, type PaginationVisibleItem, type Palette, type PaletteConfig, type PaletteType, type PaletteValue, type Percentage, type PercentageUnit, type PixelsUnit, type PlatformMode, type PopoverPlacement, type PopoverSize, type PopoverVariant, type Position, type PropertyToPaletteAliasMap, type RGBAUnit, type RGBColorValue, type RGBUnit, type RadioSize, type RadioValue, type RadioVariant, type RegionMode, type RemsUnit, type SVGElementProps, type ScaleConfig, type ScaleEffect, type ScaleMode, type ScaleModeConfig, type ScaleModeForApp, type SelectOption, type SelectSize, type ShadowAlwaysColor, type ShadowColor, type ShadowColorConfig, type ShadowConfig, type ShadowOffset, type ShadowOpacity, type ShadowPalette, type ShadowPaletteAlias, type ShadowPaletteColor, type ShadowPreset, type ShadowSpectrumColor, type ShadowSpreadRadius, type ShadowStyleProps, type ShadowType, type ShadowTypeConfig, type ShadowVariant, type ShadowVariantConfig, type ShadowVariantInvert, type ShadowVariantWithElevation, type ShadowVariantWithInvert, type SharedPaletteAlias, type SizeStyleProps, type SpacingAlias, type SpacingConfig, type SpacingStyleProps, type SpectrumColor, type SpectrumConfig, type SpectrumRGB, type SpectrumValue, type SpectrumValueEntry, type StateStyleProps, type StyleProps, type SwitchSize, type TShirtSize, type TShirtSizeCommon, type TextDecorationLine, type TextProperty, type TextStyleProps, type TextTransform, type TextTransformConfig, type TextVariant, type TextVariantTypography, type TextVariantUi, type TextVariantWithoutEmphasized, type ToastPosition, type ToastSize, type ToastVariant, type TooltipPlacement, type TooltipSize, type TooltipVariant, type TransitionDelay, type TransitionDuration, type TransitionTiming, type TypographyConfig, type TypographyResponsiveProperty, type TypographyStyle, type TypographyStyleProperty, type TypographyUnitValue, type UdsCssVar, type UnitlessUnit, type UniversalAvatarBaseProps, type UniversalAvatarIconProps, type UniversalAvatarImageProps, type UniversalAvatarProps, type UniversalAvatarTextProps, type UniversalBadgeProps, type UniversalBannerProps, type UniversalBottomSheetContentProps, type UniversalBottomSheetHeaderProps, type UniversalBottomSheetProps, type UniversalBoxProps, type UniversalButtonProps, type UniversalCheckboxProps, type UniversalChipBaseProps, type UniversalChipButtonProps, type UniversalChipDismissibleProps, type UniversalChipLinkProps, type UniversalChipProps, type UniversalChipToggleProps, type UniversalDividerProps, type UniversalFormLabelProps, type UniversalIconButtonProps, type UniversalIconProps, type UniversalIconSlot, type UniversalImageProps, type UniversalInputProps, type UniversalLinkProps, type UniversalMenuItemProps, type UniversalModalActionsProps, type UniversalModalContentProps, type UniversalModalDescriptionProps, type UniversalModalProps, type UniversalModalTitleProps, type UniversalPaddleButtonProps, type UniversalPaddleNavContentProps, type UniversalPaddleNavProps, type UniversalPaginationItemProps, type UniversalPaginationLinkProps, type UniversalPaginationNextProps, type UniversalPaginationNumbersProps, type UniversalPaginationPrevProps, type UniversalPaginationProps, type UniversalPopoverContentProps, type UniversalPopoverProps, type UniversalPopoverTriggerProps, type UniversalPressableProps, type UniversalRadioGroupProps, type UniversalRadioProps, type UniversalSelectProps, type UniversalStackProps, type UniversalSwitchProps, type UniversalTabListProps, type UniversalTabPanelProps, type UniversalTabProps, type UniversalTabsProps, type UniversalTabsVariant, type UniversalTextProps, type UniversalToastProps, type UniversalTokensConfigAutoBase, type UniversalTokensConfigBase, type UniversalTokensConfigGeneric, type UniversalTooltipContentProps, type UniversalTooltipProps, type UniversalTooltipTriggerProps };