@yahoo/uds 3.137.2 → 3.139.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 (66) hide show
  1. package/dist/components/Box.cjs +1 -1
  2. package/dist/components/Box.js +1 -1
  3. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  4. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  5. package/dist/config/dist/index.cjs +14 -2
  6. package/dist/config/dist/index.js +14 -2
  7. package/dist/css-tokens/dist/index.cjs +2 -0
  8. package/dist/css-tokens/dist/index.d.cts +2 -1
  9. package/dist/css-tokens/dist/index.d.ts +2 -1
  10. package/dist/css-tokens/dist/index.js +2 -1
  11. package/dist/fixtures/dist/index.cjs +4 -2
  12. package/dist/fixtures/dist/index.d.cts +3 -2
  13. package/dist/fixtures/dist/index.d.ts +3 -2
  14. package/dist/fixtures/dist/index.js +4 -3
  15. package/dist/fixtures/index.cjs +1 -0
  16. package/dist/fixtures/index.d.cts +2 -2
  17. package/dist/fixtures/index.d.ts +2 -2
  18. package/dist/fixtures/index.js +2 -2
  19. package/dist/index.cjs +1 -0
  20. package/dist/index.d.cts +3 -3
  21. package/dist/index.d.ts +3 -3
  22. package/dist/index.js +2 -2
  23. package/dist/styles/styler.d.cts +19 -19
  24. package/dist/styles/styler.d.ts +19 -19
  25. package/dist/styles/variants.cjs +7 -1
  26. package/dist/styles/variants.d.cts +6 -0
  27. package/dist/styles/variants.d.ts +6 -0
  28. package/dist/styles/variants.js +7 -1
  29. package/dist/tailwind/dist/config/dist/index.cjs +14 -2
  30. package/dist/tailwind/dist/config/dist/index.js +14 -2
  31. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  32. package/dist/tailwind/dist/css-tokens/dist/index.cjs +2 -0
  33. package/dist/tailwind/dist/css-tokens/dist/index.js +2 -1
  34. package/dist/tailwind/dist/css-tokens/dist/index.js.map +1 -1
  35. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
  36. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.cjs +1 -1
  37. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.js +1 -1
  38. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.js.map +1 -1
  39. package/dist/tailwind/dist/types/dist/index.d.cts +3 -0
  40. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  41. package/dist/tailwind/dist/types/dist/index.d.ts +3 -0
  42. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  43. package/dist/tailwind/dist/utils/parseTokens.cjs +9 -0
  44. package/dist/tailwind/dist/utils/parseTokens.d.cts.map +1 -1
  45. package/dist/tailwind/dist/utils/parseTokens.d.ts.map +1 -1
  46. package/dist/tailwind/dist/utils/parseTokens.js +10 -1
  47. package/dist/tailwind/dist/utils/parseTokens.js.map +1 -1
  48. package/dist/tokens/consts/cssTokens.cjs +1 -0
  49. package/dist/tokens/consts/cssTokens.d.cts +2 -2
  50. package/dist/tokens/consts/cssTokens.d.ts +2 -2
  51. package/dist/tokens/consts/cssTokens.js +2 -2
  52. package/dist/tokens/index.cjs +1 -0
  53. package/dist/tokens/index.d.cts +3 -3
  54. package/dist/tokens/index.d.ts +3 -3
  55. package/dist/tokens/index.js +2 -2
  56. package/dist/tokens/types.d.cts +2 -2
  57. package/dist/tokens/types.d.ts +2 -2
  58. package/dist/types/dist/index.d.cts +4 -2
  59. package/dist/types/dist/index.d.ts +4 -2
  60. package/dist/uds/generated/componentData.cjs +202 -201
  61. package/dist/uds/generated/componentData.js +202 -201
  62. package/dist/uds/generated/tailwindPurge.cjs +21 -3
  63. package/dist/uds/generated/tailwindPurge.js +21 -3
  64. package/generated/componentData.json +304 -303
  65. package/generated/tailwindPurge.ts +1 -1
  66. package/package.json +1 -1
package/dist/styles/styler.d.cts CHANGED
@@ -24,10 +24,10 @@ declare const getStylesInternal: (props?: ({
24
24
  bannerSizeIcon?: "default" | undefined;
25
25
  bannerSizeRoot?: "default" | undefined;
26
26
  bannerSizeTitle?: "default" | 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;
27
+ bannerVariantDescription?: "primary" | "secondary" | "brand" | "alert" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "warning-secondary" | "info-secondary" | "success" | "success-secondary" | "default" | undefined;
28
+ bannerVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "warning-secondary" | "info-secondary" | "success" | "success-secondary" | "default" | undefined;
29
+ bannerVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "warning-secondary" | "info-secondary" | "success" | "success-secondary" | "default" | undefined;
30
+ bannerVariantTitle?: "primary" | "secondary" | "brand" | "alert" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "warning-secondary" | "info-secondary" | "success" | "success-secondary" | "default" | undefined;
31
31
  bottomsheetVariantHandleIndicator?: "default" | undefined;
32
32
  bottomsheetVariantHeader?: "default" | undefined;
33
33
  bottomsheetVariantRoot?: "default" | undefined;
@@ -171,10 +171,10 @@ declare const getStylesInternal: (props?: ({
171
171
  toastSizeIcon?: "default" | undefined;
172
172
  toastSizeLabel?: "default" | undefined;
173
173
  toastSizeRoot?: "default" | undefined;
174
- toastVariantActionButton?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
175
- toastVariantCloseIcon?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
176
- toastVariantIcon?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
177
- toastVariantRoot?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
174
+ toastVariantActionButton?: "warning" | "info" | "success" | "loading" | "default" | "error" | undefined;
175
+ toastVariantCloseIcon?: "warning" | "info" | "success" | "loading" | "default" | "error" | undefined;
176
+ toastVariantIcon?: "warning" | "info" | "success" | "loading" | "default" | "error" | undefined;
177
+ toastVariantRoot?: "warning" | "info" | "success" | "loading" | "default" | "error" | undefined;
178
178
  tooltipSizeBody?: "default" | undefined;
179
179
  tooltipSizeEndContent?: "default" | undefined;
180
180
  tooltipSizeIcon?: "default" | undefined;
@@ -189,10 +189,10 @@ declare const getStylesInternal: (props?: ({
189
189
  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;
190
190
  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;
191
191
  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;
192
- fontWeight?: "black" | "thin" | "medium" | "bold" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
192
+ 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;
193
193
  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;
194
194
  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;
195
- textAlign?: "center" | "justify" | "start" | "end" | undefined;
195
+ textAlign?: "center" | "start" | "end" | "justify" | undefined;
196
196
  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;
197
197
  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;
198
198
  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;
@@ -210,12 +210,12 @@ declare const getStylesInternal: (props?: ({
210
210
  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;
211
211
  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;
212
212
  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;
213
- 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;
214
- 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;
215
- 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;
216
- 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;
217
- 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;
218
- 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;
213
+ backgroundColor?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "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" | undefined;
214
+ borderColor?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "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" | undefined;
215
+ borderStartColor?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "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" | undefined;
216
+ borderEndColor?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "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" | undefined;
217
+ borderBottomColor?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "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" | undefined;
218
+ borderTopColor?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "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" | undefined;
219
219
  borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
220
220
  borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
221
221
  borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
@@ -240,18 +240,18 @@ declare const getStylesInternal: (props?: ({
240
240
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
241
241
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
242
242
  flexBasis?: "min-content" | undefined;
243
- 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;
243
+ display?: "table" | "flex" | "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;
244
244
  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
245
245
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
246
246
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
247
247
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
248
- contentFit?: "none" | "cover" | "contain" | "fill" | "scale-down" | undefined;
248
+ contentFit?: "fill" | "none" | "cover" | "contain" | "scale-down" | undefined;
249
249
  colorMode?: "light" | "dark" | undefined;
250
250
  scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
251
251
  width?: "full" | "fit" | "screen" | undefined;
252
252
  height?: "full" | "fit" | "screen" | undefined;
253
253
  dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
254
- insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
254
+ 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;
255
255
  nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
256
256
  nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
257
257
  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;
package/dist/styles/styler.d.ts CHANGED
@@ -24,10 +24,10 @@ declare const getStylesInternal: (props?: ({
24
24
  bannerSizeIcon?: "default" | undefined;
25
25
  bannerSizeRoot?: "default" | undefined;
26
26
  bannerSizeTitle?: "default" | 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;
27
+ bannerVariantDescription?: "primary" | "secondary" | "brand" | "alert" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "warning-secondary" | "info-secondary" | "success" | "success-secondary" | "default" | undefined;
28
+ bannerVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "warning-secondary" | "info-secondary" | "success" | "success-secondary" | "default" | undefined;
29
+ bannerVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "warning-secondary" | "info-secondary" | "success" | "success-secondary" | "default" | undefined;
30
+ bannerVariantTitle?: "primary" | "secondary" | "brand" | "alert" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "warning-secondary" | "info-secondary" | "success" | "success-secondary" | "default" | undefined;
31
31
  bottomsheetVariantHandleIndicator?: "default" | undefined;
32
32
  bottomsheetVariantHeader?: "default" | undefined;
33
33
  bottomsheetVariantRoot?: "default" | undefined;
@@ -171,10 +171,10 @@ declare const getStylesInternal: (props?: ({
171
171
  toastSizeIcon?: "default" | undefined;
172
172
  toastSizeLabel?: "default" | undefined;
173
173
  toastSizeRoot?: "default" | undefined;
174
- toastVariantActionButton?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
175
- toastVariantCloseIcon?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
176
- toastVariantIcon?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
177
- toastVariantRoot?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
174
+ toastVariantActionButton?: "warning" | "info" | "success" | "loading" | "default" | "error" | undefined;
175
+ toastVariantCloseIcon?: "warning" | "info" | "success" | "loading" | "default" | "error" | undefined;
176
+ toastVariantIcon?: "warning" | "info" | "success" | "loading" | "default" | "error" | undefined;
177
+ toastVariantRoot?: "warning" | "info" | "success" | "loading" | "default" | "error" | undefined;
178
178
  tooltipSizeBody?: "default" | undefined;
179
179
  tooltipSizeEndContent?: "default" | undefined;
180
180
  tooltipSizeIcon?: "default" | undefined;
@@ -189,10 +189,10 @@ declare const getStylesInternal: (props?: ({
189
189
  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;
190
190
  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;
191
191
  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;
192
- fontWeight?: "black" | "thin" | "medium" | "bold" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
192
+ 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;
193
193
  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;
194
194
  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;
195
- textAlign?: "center" | "justify" | "start" | "end" | undefined;
195
+ textAlign?: "center" | "start" | "end" | "justify" | undefined;
196
196
  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;
197
197
  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;
198
198
  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;
@@ -210,12 +210,12 @@ declare const getStylesInternal: (props?: ({
210
210
  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;
211
211
  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;
212
212
  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;
213
- 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;
214
- 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;
215
- 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;
216
- 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;
217
- 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;
218
- 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;
213
+ backgroundColor?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "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" | undefined;
214
+ borderColor?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "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" | undefined;
215
+ borderStartColor?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "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" | undefined;
216
+ borderEndColor?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "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" | undefined;
217
+ borderBottomColor?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "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" | undefined;
218
+ borderTopColor?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "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" | undefined;
219
219
  borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
220
220
  borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
221
221
  borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
@@ -240,18 +240,18 @@ declare const getStylesInternal: (props?: ({
240
240
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
241
241
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
242
242
  flexBasis?: "min-content" | undefined;
243
- 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;
243
+ display?: "table" | "flex" | "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;
244
244
  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
245
245
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
246
246
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
247
247
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
248
- contentFit?: "none" | "cover" | "contain" | "fill" | "scale-down" | undefined;
248
+ contentFit?: "fill" | "none" | "cover" | "contain" | "scale-down" | undefined;
249
249
  colorMode?: "light" | "dark" | undefined;
250
250
  scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
251
251
  width?: "full" | "fit" | "screen" | undefined;
252
252
  height?: "full" | "fit" | "screen" | undefined;
253
253
  dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
254
- insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
254
+ 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;
255
255
  nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
256
256
  nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
257
257
  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;
package/dist/styles/variants.cjs CHANGED
@@ -1491,7 +1491,13 @@ const variants = {
1491
1491
  "md-invert": "uds-inset-shadow-md-invert",
1492
1492
  "lg-invert": "uds-inset-shadow-lg-invert",
1493
1493
  "xl-invert": "uds-inset-shadow-xl-invert",
1494
- "2xl-invert": "uds-inset-shadow-2xl-invert"
1494
+ "2xl-invert": "uds-inset-shadow-2xl-invert",
1495
+ "elevation-0": "uds-inset-shadow-elevation-0",
1496
+ "elevation-1": "uds-inset-shadow-elevation-1",
1497
+ "elevation-2": "uds-inset-shadow-elevation-2",
1498
+ "elevation-3": "uds-inset-shadow-elevation-3",
1499
+ "elevation-4": "uds-inset-shadow-elevation-4",
1500
+ "elevation-5": "uds-inset-shadow-elevation-5"
1495
1501
  },
1496
1502
  nestedBorderRadiusSize: {
1497
1503
  none: "uds-nested-border-radius-size-none",
package/dist/styles/variants.d.cts CHANGED
@@ -2390,6 +2390,12 @@ declare const variants: {
2390
2390
  'lg-invert': string;
2391
2391
  'xl-invert': string;
2392
2392
  '2xl-invert': string;
2393
+ 'elevation-0': string;
2394
+ 'elevation-1': string;
2395
+ 'elevation-2': string;
2396
+ 'elevation-3': string;
2397
+ 'elevation-4': string;
2398
+ 'elevation-5': string;
2393
2399
  };
2394
2400
  nestedBorderRadiusSize: {
2395
2401
  none: string;
package/dist/styles/variants.d.ts CHANGED
@@ -2390,6 +2390,12 @@ declare const variants: {
2390
2390
  'lg-invert': string;
2391
2391
  'xl-invert': string;
2392
2392
  '2xl-invert': string;
2393
+ 'elevation-0': string;
2394
+ 'elevation-1': string;
2395
+ 'elevation-2': string;
2396
+ 'elevation-3': string;
2397
+ 'elevation-4': string;
2398
+ 'elevation-5': string;
2393
2399
  };
2394
2400
  nestedBorderRadiusSize: {
2395
2401
  none: string;
package/dist/styles/variants.js CHANGED
@@ -1490,7 +1490,13 @@ const variants = {
1490
1490
  "md-invert": "uds-inset-shadow-md-invert",
1491
1491
  "lg-invert": "uds-inset-shadow-lg-invert",
1492
1492
  "xl-invert": "uds-inset-shadow-xl-invert",
1493
- "2xl-invert": "uds-inset-shadow-2xl-invert"
1493
+ "2xl-invert": "uds-inset-shadow-2xl-invert",
1494
+ "elevation-0": "uds-inset-shadow-elevation-0",
1495
+ "elevation-1": "uds-inset-shadow-elevation-1",
1496
+ "elevation-2": "uds-inset-shadow-elevation-2",
1497
+ "elevation-3": "uds-inset-shadow-elevation-3",
1498
+ "elevation-4": "uds-inset-shadow-elevation-4",
1499
+ "elevation-5": "uds-inset-shadow-elevation-5"
1494
1500
  },
1495
1501
  nestedBorderRadiusSize: {
1496
1502
  none: "uds-nested-border-radius-size-none",
package/dist/tailwind/dist/config/dist/index.cjs CHANGED
@@ -13876,6 +13876,7 @@ const defaultTokensConfig = {
13876
13876
  r: "30",
13877
13877
  type: "rgba"
13878
13878
  },
13879
+ insetShadow: "none",
13879
13880
  layerWithBackgroundFill: true,
13880
13881
  surfaceColor: {
13881
13882
  opacity: "6",
@@ -13909,6 +13910,7 @@ const defaultTokensConfig = {
13909
13910
  r: "255",
13910
13911
  type: "rgba"
13911
13912
  },
13913
+ insetShadow: "none",
13912
13914
  layerWithBackgroundFill: true,
13913
13915
  surfaceColor: {
13914
13916
  opacity: "0",
@@ -13989,6 +13991,7 @@ const defaultTokensConfig = {
13989
13991
  r: "35",
13990
13992
  type: "rgba"
13991
13993
  },
13994
+ insetShadow: "none",
13992
13995
  layerWithBackgroundFill: true,
13993
13996
  surfaceColor: {
13994
13997
  opacity: "8",
@@ -14067,6 +14070,7 @@ const defaultTokensConfig = {
14067
14070
  r: "255",
14068
14071
  type: "rgba"
14069
14072
  },
14073
+ insetShadow: "none",
14070
14074
  layerWithBackgroundFill: true,
14071
14075
  surfaceColor: {
14072
14076
  opacity: "0",
@@ -14147,6 +14151,7 @@ const defaultTokensConfig = {
14147
14151
  r: "40",
14148
14152
  type: "rgba"
14149
14153
  },
14154
+ insetShadow: "none",
14150
14155
  layerWithBackgroundFill: true,
14151
14156
  surfaceColor: {
14152
14157
  opacity: "10",
@@ -14225,6 +14230,7 @@ const defaultTokensConfig = {
14225
14230
  r: "255",
14226
14231
  type: "rgba"
14227
14232
  },
14233
+ insetShadow: "none",
14228
14234
  layerWithBackgroundFill: true,
14229
14235
  surfaceColor: {
14230
14236
  opacity: "0",
@@ -14305,6 +14311,7 @@ const defaultTokensConfig = {
14305
14311
  r: "45",
14306
14312
  type: "rgba"
14307
14313
  },
14314
+ insetShadow: "none",
14308
14315
  layerWithBackgroundFill: true,
14309
14316
  surfaceColor: {
14310
14317
  opacity: "12",
@@ -14383,6 +14390,7 @@ const defaultTokensConfig = {
14383
14390
  r: "255",
14384
14391
  type: "rgba"
14385
14392
  },
14393
+ insetShadow: "none",
14386
14394
  layerWithBackgroundFill: true,
14387
14395
  surfaceColor: {
14388
14396
  opacity: "0",
@@ -14463,6 +14471,7 @@ const defaultTokensConfig = {
14463
14471
  r: "49",
14464
14472
  type: "rgba"
14465
14473
  },
14474
+ insetShadow: "none",
14466
14475
  layerWithBackgroundFill: true,
14467
14476
  surfaceColor: {
14468
14477
  opacity: "14",
@@ -14541,6 +14550,7 @@ const defaultTokensConfig = {
14541
14550
  r: "255",
14542
14551
  type: "rgba"
14543
14552
  },
14553
+ insetShadow: "none",
14544
14554
  layerWithBackgroundFill: true,
14545
14555
  surfaceColor: {
14546
14556
  opacity: "0",
@@ -14621,6 +14631,7 @@ const defaultTokensConfig = {
14621
14631
  r: "54",
14622
14632
  type: "rgba"
14623
14633
  },
14634
+ insetShadow: "none",
14624
14635
  layerWithBackgroundFill: true,
14625
14636
  surfaceColor: {
14626
14637
  opacity: "16",
@@ -14699,6 +14710,7 @@ const defaultTokensConfig = {
14699
14710
  r: "255",
14700
14711
  type: "rgba"
14701
14712
  },
14713
+ insetShadow: "none",
14702
14714
  layerWithBackgroundFill: true,
14703
14715
  surfaceColor: {
14704
14716
  opacity: "0",
@@ -28550,8 +28562,8 @@ const defaultTokensConfig = {
28550
28562
  }
28551
28563
  }
28552
28564
  },
28553
- version: "v0.92.0",
28554
- version: "v0.92.0"
28565
+ version: "v0.93.0",
28566
+ version: "v0.93.0"
28555
28567
  };
28556
28568
  //#endregion
28557
28569
  exports.defaultTokensConfig = defaultTokensConfig;
package/dist/tailwind/dist/config/dist/index.js CHANGED
@@ -13876,6 +13876,7 @@ const defaultTokensConfig = {
13876
13876
  r: "30",
13877
13877
  type: "rgba"
13878
13878
  },
13879
+ insetShadow: "none",
13879
13880
  layerWithBackgroundFill: true,
13880
13881
  surfaceColor: {
13881
13882
  opacity: "6",
@@ -13909,6 +13910,7 @@ const defaultTokensConfig = {
13909
13910
  r: "255",
13910
13911
  type: "rgba"
13911
13912
  },
13913
+ insetShadow: "none",
13912
13914
  layerWithBackgroundFill: true,
13913
13915
  surfaceColor: {
13914
13916
  opacity: "0",
@@ -13989,6 +13991,7 @@ const defaultTokensConfig = {
13989
13991
  r: "35",
13990
13992
  type: "rgba"
13991
13993
  },
13994
+ insetShadow: "none",
13992
13995
  layerWithBackgroundFill: true,
13993
13996
  surfaceColor: {
13994
13997
  opacity: "8",
@@ -14067,6 +14070,7 @@ const defaultTokensConfig = {
14067
14070
  r: "255",
14068
14071
  type: "rgba"
14069
14072
  },
14073
+ insetShadow: "none",
14070
14074
  layerWithBackgroundFill: true,
14071
14075
  surfaceColor: {
14072
14076
  opacity: "0",
@@ -14147,6 +14151,7 @@ const defaultTokensConfig = {
14147
14151
  r: "40",
14148
14152
  type: "rgba"
14149
14153
  },
14154
+ insetShadow: "none",
14150
14155
  layerWithBackgroundFill: true,
14151
14156
  surfaceColor: {
14152
14157
  opacity: "10",
@@ -14225,6 +14230,7 @@ const defaultTokensConfig = {
14225
14230
  r: "255",
14226
14231
  type: "rgba"
14227
14232
  },
14233
+ insetShadow: "none",
14228
14234
  layerWithBackgroundFill: true,
14229
14235
  surfaceColor: {
14230
14236
  opacity: "0",
@@ -14305,6 +14311,7 @@ const defaultTokensConfig = {
14305
14311
  r: "45",
14306
14312
  type: "rgba"
14307
14313
  },
14314
+ insetShadow: "none",
14308
14315
  layerWithBackgroundFill: true,
14309
14316
  surfaceColor: {
14310
14317
  opacity: "12",
@@ -14383,6 +14390,7 @@ const defaultTokensConfig = {
14383
14390
  r: "255",
14384
14391
  type: "rgba"
14385
14392
  },
14393
+ insetShadow: "none",
14386
14394
  layerWithBackgroundFill: true,
14387
14395
  surfaceColor: {
14388
14396
  opacity: "0",
@@ -14463,6 +14471,7 @@ const defaultTokensConfig = {
14463
14471
  r: "49",
14464
14472
  type: "rgba"
14465
14473
  },
14474
+ insetShadow: "none",
14466
14475
  layerWithBackgroundFill: true,
14467
14476
  surfaceColor: {
14468
14477
  opacity: "14",
@@ -14541,6 +14550,7 @@ const defaultTokensConfig = {
14541
14550
  r: "255",
14542
14551
  type: "rgba"
14543
14552
  },
14553
+ insetShadow: "none",
14544
14554
  layerWithBackgroundFill: true,
14545
14555
  surfaceColor: {
14546
14556
  opacity: "0",
@@ -14621,6 +14631,7 @@ const defaultTokensConfig = {
14621
14631
  r: "54",
14622
14632
  type: "rgba"
14623
14633
  },
14634
+ insetShadow: "none",
14624
14635
  layerWithBackgroundFill: true,
14625
14636
  surfaceColor: {
14626
14637
  opacity: "16",
@@ -14699,6 +14710,7 @@ const defaultTokensConfig = {
14699
14710
  r: "255",
14700
14711
  type: "rgba"
14701
14712
  },
14713
+ insetShadow: "none",
14702
14714
  layerWithBackgroundFill: true,
14703
14715
  surfaceColor: {
14704
14716
  opacity: "0",
@@ -28550,8 +28562,8 @@ const defaultTokensConfig = {
28550
28562
  }
28551
28563
  }
28552
28564
  },
28553
- version: "v0.92.0",
28554
- version: "v0.92.0"
28565
+ version: "v0.93.0",
28566
+ version: "v0.93.0"
28555
28567
  };
28556
28568
  //#endregion
28557
28569
  export { defaultTokensConfig };