@yahoo/uds 3.98.0 → 3.100.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +9 -1
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +8 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +8 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +9 -1
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1588 -1
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +378 -189
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +378 -189
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1587 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +82 -0
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +2 -1
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +2 -1
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +82 -0
  13. package/dist/automated-config/dist/properties.cjs +141 -89
  14. package/dist/automated-config/dist/properties.d.cts +18 -3
  15. package/dist/automated-config/dist/properties.d.ts +18 -3
  16. package/dist/automated-config/dist/properties.js +142 -90
  17. package/dist/automated-config/dist/utils/buildConfigSchema.cjs +5 -1
  18. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +2 -1
  19. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +2 -1
  20. package/dist/automated-config/dist/utils/buildConfigSchema.js +5 -1
  21. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  22. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  23. package/dist/automated-config/dist/utils/index.d.cts +2 -1
  24. package/dist/automated-config/dist/utils/index.d.ts +2 -1
  25. package/dist/cli/commands/sync.cjs +5 -1
  26. package/dist/cli/commands/sync.js +5 -1
  27. package/dist/components/client/Button.js +2 -2
  28. package/dist/components/client/Tooltip/Tooltip.cjs +37 -0
  29. package/dist/components/client/Tooltip/Tooltip.d.cts +16 -0
  30. package/dist/components/client/Tooltip/Tooltip.d.ts +16 -0
  31. package/dist/components/client/Tooltip/Tooltip.js +35 -0
  32. package/dist/components/client/Tooltip/TooltipContent.cjs +171 -0
  33. package/dist/components/client/Tooltip/TooltipContent.d.cts +8 -0
  34. package/dist/components/client/Tooltip/TooltipContent.d.ts +8 -0
  35. package/dist/components/client/Tooltip/TooltipContent.js +169 -0
  36. package/dist/components/client/Tooltip/TooltipTrigger.cjs +20 -0
  37. package/dist/components/client/Tooltip/TooltipTrigger.d.cts +13 -0
  38. package/dist/components/client/Tooltip/TooltipTrigger.d.ts +13 -0
  39. package/dist/components/client/Tooltip/TooltipTrigger.js +18 -0
  40. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.cjs +41 -0
  41. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts +29 -0
  42. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.ts +29 -0
  43. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.js +38 -0
  44. package/dist/components/client/Tooltip/index.cjs +12 -0
  45. package/dist/components/client/Tooltip/index.d.cts +7 -0
  46. package/dist/components/client/Tooltip/index.d.ts +7 -0
  47. package/dist/components/client/Tooltip/index.js +8 -0
  48. package/dist/components/client/Tooltip/tooltipContext.cjs +12 -0
  49. package/dist/components/client/Tooltip/tooltipContext.d.cts +12 -0
  50. package/dist/components/client/Tooltip/tooltipContext.d.ts +12 -0
  51. package/dist/components/client/Tooltip/tooltipContext.js +10 -0
  52. package/dist/components/client/Tooltip/useTooltipContent.cjs +186 -0
  53. package/dist/components/client/Tooltip/useTooltipContent.d.cts +63 -0
  54. package/dist/components/client/Tooltip/useTooltipContent.d.ts +63 -0
  55. package/dist/components/client/Tooltip/useTooltipContent.js +184 -0
  56. package/dist/components/client/Tooltip/util.cjs +248 -0
  57. package/dist/components/client/Tooltip/util.d.cts +118 -0
  58. package/dist/components/client/Tooltip/util.d.ts +118 -0
  59. package/dist/components/client/Tooltip/util.js +240 -0
  60. package/dist/components/client/index.cjs +8 -0
  61. package/dist/components/client/index.d.cts +7 -1
  62. package/dist/components/client/index.d.ts +7 -1
  63. package/dist/components/client/index.js +5 -1
  64. package/dist/components/client/providers/UDSConfigProvider.cjs +6 -2
  65. package/dist/components/client/providers/UDSConfigProvider.d.cts +2 -1
  66. package/dist/components/client/providers/UDSConfigProvider.d.ts +2 -1
  67. package/dist/components/client/providers/UDSConfigProvider.js +6 -2
  68. package/dist/components/index.cjs +8 -0
  69. package/dist/components/index.d.cts +6 -1
  70. package/dist/components/index.d.ts +6 -1
  71. package/dist/components/index.js +5 -1
  72. package/dist/config/dist/index.cjs +83 -1
  73. package/dist/config/dist/index.d.cts +123 -1
  74. package/dist/config/dist/index.d.ts +123 -1
  75. package/dist/config/dist/index.js +83 -1
  76. package/dist/css-tokens/dist/index.cjs +2 -0
  77. package/dist/css-tokens/dist/index.d.cts +2 -1
  78. package/dist/css-tokens/dist/index.d.ts +2 -1
  79. package/dist/css-tokens/dist/index.js +2 -1
  80. package/dist/fixtures/dist/arbitrary.d.cts +11 -0
  81. package/dist/fixtures/dist/arbitrary.d.ts +11 -0
  82. package/dist/fixtures/dist/index.cjs +28 -2
  83. package/dist/fixtures/dist/index.d.cts +18 -4
  84. package/dist/fixtures/dist/index.d.ts +18 -4
  85. package/dist/fixtures/dist/index.js +27 -3
  86. package/dist/fixtures/index.cjs +6 -1
  87. package/dist/fixtures/index.d.cts +4 -2
  88. package/dist/fixtures/index.d.ts +4 -2
  89. package/dist/fixtures/index.js +3 -2
  90. package/dist/fixtures/src/arbitrary.cjs +23 -0
  91. package/dist/fixtures/src/arbitrary.d.cts +15 -0
  92. package/dist/fixtures/src/arbitrary.d.ts +15 -0
  93. package/dist/fixtures/src/arbitrary.js +18 -0
  94. package/dist/fixtures/src/util.cjs +26 -0
  95. package/dist/fixtures/src/util.d.cts +9 -0
  96. package/dist/fixtures/src/util.d.ts +9 -0
  97. package/dist/fixtures/src/util.js +25 -0
  98. package/dist/fonts/dist/index.cjs +1 -1
  99. package/dist/fonts/dist/index.d.cts +1 -1
  100. package/dist/fonts/dist/index.d.ts +1 -1
  101. package/dist/fonts/dist/index.js +1 -1
  102. package/dist/index.cjs +12 -0
  103. package/dist/index.d.cts +9 -4
  104. package/dist/index.d.ts +9 -4
  105. package/dist/index.js +8 -3
  106. package/dist/runtime/index.cjs +2 -0
  107. package/dist/runtime/index.d.cts +2 -1
  108. package/dist/runtime/index.d.ts +2 -1
  109. package/dist/runtime/index.js +2 -1
  110. package/dist/runtime/tooltipConfig.cjs +36 -0
  111. package/dist/runtime/tooltipConfig.d.cts +20 -0
  112. package/dist/runtime/tooltipConfig.d.ts +20 -0
  113. package/dist/runtime/tooltipConfig.js +35 -0
  114. package/dist/runtime/udsConfig.cjs +3 -1
  115. package/dist/runtime/udsConfig.d.cts +2 -0
  116. package/dist/runtime/udsConfig.d.ts +2 -0
  117. package/dist/runtime/udsConfig.js +3 -1
  118. package/dist/styles/styler.d.cts +73 -65
  119. package/dist/styles/styler.d.ts +73 -65
  120. package/dist/styles/variants.d.cts +24 -0
  121. package/dist/styles/variants.d.ts +24 -0
  122. package/dist/tailwind/plugins/blurBgFallback.cjs +30 -0
  123. package/dist/tailwind/plugins/blurBgFallback.d.cts +14 -0
  124. package/dist/tailwind/plugins/blurBgFallback.d.ts +14 -0
  125. package/dist/tailwind/plugins/blurBgFallback.js +27 -0
  126. package/dist/tailwind/plugins/components.cjs +1 -0
  127. package/dist/tailwind/plugins/components.js +2 -1
  128. package/dist/tailwind/tailwindPlugin.cjs +2 -1
  129. package/dist/tailwind/tailwindPlugin.js +2 -1
  130. package/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  131. package/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  132. package/dist/tailwind/utils/getTailwindAsUdsColors.d.cts +1 -1
  133. package/dist/tailwind/utils/getTailwindAsUdsColors.d.ts +1 -1
  134. package/dist/tokens/automation/configs/index.cjs +2 -1
  135. package/dist/tokens/automation/configs/index.d.cts +2 -2
  136. package/dist/tokens/automation/configs/index.d.ts +2 -2
  137. package/dist/tokens/automation/configs/index.js +2 -2
  138. package/dist/tokens/automation/index.cjs +1 -0
  139. package/dist/tokens/automation/index.d.cts +2 -2
  140. package/dist/tokens/automation/index.d.ts +2 -2
  141. package/dist/tokens/automation/index.js +2 -2
  142. package/dist/tokens/automation/properties.d.cts +2 -2
  143. package/dist/tokens/automation/properties.d.ts +2 -2
  144. package/dist/tokens/consts/cssTokens.cjs +1 -0
  145. package/dist/tokens/consts/cssTokens.d.cts +2 -2
  146. package/dist/tokens/consts/cssTokens.d.ts +2 -2
  147. package/dist/tokens/consts/cssTokens.js +2 -2
  148. package/dist/tokens/index.cjs +2 -0
  149. package/dist/tokens/index.d.cts +4 -4
  150. package/dist/tokens/index.d.ts +4 -4
  151. package/dist/tokens/index.js +3 -3
  152. package/dist/tokens/types.d.cts +2 -2
  153. package/dist/tokens/types.d.ts +2 -2
  154. package/dist/types/dist/index.d.cts +25 -2
  155. package/dist/types/dist/index.d.ts +25 -2
  156. package/dist/uds/generated/tailwindPurge.cjs +30 -2
  157. package/dist/uds/generated/tailwindPurge.js +30 -2
  158. package/package.json +1 -2
package/dist/styles/styler.d.cts CHANGED
@@ -12,17 +12,17 @@ declare const cva: CVA<string>;
12
12
  declare const getStylesInternal: (props?: ({
13
13
  avatarIconVariantRoot?: "primary" | "secondary" | undefined;
14
14
  avatarImageVariantRoot?: "primary" | "secondary" | undefined;
15
- avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
16
- avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
15
+ avatarSizeIcon?: "sm" | "md" | "xs" | "lg" | "xl" | undefined;
16
+ avatarSizeRoot?: "sm" | "md" | "xs" | "lg" | "xl" | undefined;
17
17
  avatarTextVariantRoot?: "primary" | "secondary" | undefined;
18
- badgeSizeIcon?: "xs" | "sm" | "md" | "lg" | undefined;
19
- badgeSizeRoot?: "xs" | "sm" | "md" | "lg" | undefined;
18
+ badgeSizeIcon?: "sm" | "md" | "xs" | "lg" | undefined;
19
+ badgeSizeRoot?: "sm" | "md" | "xs" | "lg" | undefined;
20
20
  badgeVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
21
21
  badgeVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
22
- buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | undefined;
23
- buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | undefined;
24
- buttonVariantIcon?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
25
- buttonVariantRoot?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
22
+ buttonSizeIcon?: "sm" | "md" | "xs" | "lg" | undefined;
23
+ buttonSizeRoot?: "sm" | "md" | "xs" | "lg" | undefined;
24
+ buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
25
+ buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
26
26
  checkboxSizeCheckbox?: "sm" | "md" | undefined;
27
27
  checkboxSizeRoot?: "sm" | "md" | undefined;
28
28
  checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
@@ -44,8 +44,8 @@ declare const getStylesInternal: (props?: ({
44
44
  dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
45
45
  dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
46
46
  dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
47
- iconbuttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
48
- iconbuttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
47
+ iconbuttonSizeIcon?: "sm" | "md" | "xs" | "lg" | "xl" | undefined;
48
+ iconbuttonSizeRoot?: "sm" | "md" | "xs" | "lg" | "xl" | undefined;
49
49
  inputSizeEndIcon?: "md" | "lg" | undefined;
50
50
  inputSizeHelperIcon?: "md" | "lg" | undefined;
51
51
  inputSizeHelperText?: "md" | "lg" | undefined;
@@ -130,76 +130,84 @@ declare const getStylesInternal: (props?: ({
130
130
  toastVariantCloseIcon?: "warning" | "info" | "error" | "loading" | "success" | undefined;
131
131
  toastVariantIcon?: "warning" | "info" | "error" | "loading" | "success" | undefined;
132
132
  toastVariantRoot?: "warning" | "info" | "error" | "loading" | "success" | undefined;
133
- 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;
134
- 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;
133
+ tooltipSizeBody?: "default" | undefined;
134
+ tooltipSizeIcon?: "default" | undefined;
135
+ tooltipSizeRoot?: "default" | undefined;
136
+ tooltipSizeSvg?: "default" | undefined;
137
+ tooltipSizeTitle?: "default" | undefined;
138
+ tooltipVariantBlur?: "default" | undefined;
139
+ tooltipVariantRoot?: "default" | undefined;
140
+ tooltipVariantSvg?: "default" | undefined;
141
+ 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;
142
+ 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;
135
143
  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;
136
144
  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;
137
- 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;
145
+ fontWeight?: "black" | "thin" | "medium" | "light" | "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" | "regular" | "semibold" | "extrabold" | undefined;
138
146
  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;
139
147
  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;
140
- textAlign?: "center" | "justify" | "start" | "end" | undefined;
141
- 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;
142
- 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;
143
- 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;
144
- 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;
145
- 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;
146
- 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;
147
- 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;
148
- 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;
149
- 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;
150
- 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;
151
- 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;
152
- 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;
153
- 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;
154
- 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;
155
- 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;
156
- 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;
157
- 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;
148
+ textAlign?: "start" | "end" | "center" | "justify" | undefined;
149
+ 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;
150
+ 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;
151
+ 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;
152
+ 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;
153
+ 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;
154
+ 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;
155
+ 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;
156
+ 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;
157
+ 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;
158
+ 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;
159
+ 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;
160
+ 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;
161
+ 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;
162
+ 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;
163
+ 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;
164
+ 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;
165
+ 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;
158
166
  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;
159
- 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;
160
- 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;
161
- 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;
162
- 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;
163
- 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;
164
- borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
165
- borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
166
- borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
167
- borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
168
- borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
169
- borderWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
170
- borderVerticalWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
171
- borderHorizontalWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
172
- borderStartWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
173
- borderEndWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
174
- borderTopWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
175
- borderBottomWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
176
- avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
177
- iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
178
- alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
179
- alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
180
- alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
181
- flex?: "none" | "1" | "auto" | "initial" | undefined;
167
+ 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;
168
+ 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;
169
+ 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;
170
+ 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;
171
+ 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;
172
+ borderRadius?: "sm" | "md" | "none" | "xs" | "lg" | "xl" | "full" | undefined;
173
+ borderTopStartRadius?: "sm" | "md" | "none" | "xs" | "lg" | "xl" | "full" | undefined;
174
+ borderTopEndRadius?: "sm" | "md" | "none" | "xs" | "lg" | "xl" | "full" | undefined;
175
+ borderBottomStartRadius?: "sm" | "md" | "none" | "xs" | "lg" | "xl" | "full" | undefined;
176
+ borderBottomEndRadius?: "sm" | "md" | "none" | "xs" | "lg" | "xl" | "full" | undefined;
177
+ borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
178
+ borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
179
+ borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
180
+ borderStartWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
181
+ borderEndWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
182
+ borderTopWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
183
+ borderBottomWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
184
+ avatarSize?: "sm" | "md" | "xs" | "lg" | "xl" | undefined;
185
+ iconSize?: "sm" | "md" | "xs" | "lg" | undefined;
186
+ alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
187
+ alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
188
+ alignSelf?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | "auto" | undefined;
189
+ flex?: "1" | "none" | "auto" | "initial" | undefined;
182
190
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
183
191
  flexGrow?: "0" | "1" | "2" | "3" | undefined;
184
192
  flexShrink?: "0" | "1" | undefined;
185
193
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
186
- justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
194
+ justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
187
195
  flexBasis?: "min-content" | undefined;
188
196
  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;
189
- overflow?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
190
- overflowX?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
191
- overflowY?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
197
+ overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
198
+ overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
199
+ overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
192
200
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
193
- contentFit?: "none" | "cover" | "contain" | "fill" | "scale-down" | undefined;
201
+ contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
194
202
  colorMode?: "light" | "dark" | undefined;
195
- scaleMode?: "xSmall" | "small" | "medium" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
203
+ scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
196
204
  width?: "full" | "fit" | "screen" | undefined;
197
205
  height?: "full" | "fit" | "screen" | undefined;
198
- dropShadow?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
199
- insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
200
- nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
201
- nestedBorderRadiusWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
202
- 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;
206
+ dropShadow?: "sm" | "md" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "lg" | "xl" | "2xl" | undefined;
207
+ insetShadow?: "sm" | "md" | "none" | "xs" | "lg" | "xl" | "2xl" | "sm-invert" | "md-invert" | "xs-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
208
+ nestedBorderRadiusSize?: "sm" | "md" | "none" | "xs" | "lg" | "xl" | "full" | undefined;
209
+ nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
210
+ 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;
203
211
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
204
212
  } & {
205
213
  className?: string | undefined;