@yahoo/uds 3.70.0-beta.2 → 3.71.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 (138) hide show
  1. package/cli/FlattenButtonVariant.mock.tsx +17 -0
  2. package/dist/components/Box.d.cts +2 -2
  3. package/dist/components/Box.d.ts +2 -2
  4. package/dist/components/Divider/Divider.d.cts +2 -2
  5. package/dist/components/Divider/Divider.d.ts +2 -2
  6. package/dist/components/Divider/DividerCore.d.cts +2 -2
  7. package/dist/components/Divider/DividerCore.d.ts +2 -2
  8. package/dist/components/Divider/DividerInternal.d.cts +2 -2
  9. package/dist/components/Divider/DividerInternal.d.ts +2 -2
  10. package/dist/components/FormLabel.d.cts +2 -2
  11. package/dist/components/HStack.d.cts +2 -2
  12. package/dist/components/HStack.d.ts +2 -2
  13. package/dist/components/Icon.d.cts +2 -2
  14. package/dist/components/Icon.d.ts +2 -2
  15. package/dist/components/Image.d.cts +2 -2
  16. package/dist/components/Image.d.ts +2 -2
  17. package/dist/components/Link.d.cts +2 -2
  18. package/dist/components/Link.d.ts +2 -2
  19. package/dist/components/Text.d.cts +8 -8
  20. package/dist/components/Text.d.ts +8 -8
  21. package/dist/components/VStack.d.cts +2 -2
  22. package/dist/components/VStack.d.ts +2 -2
  23. package/dist/components/client/AnimateHeightChange.d.cts +2 -2
  24. package/dist/components/client/AnimateHeightChange.d.ts +2 -2
  25. package/dist/components/client/Avatar/Avatar.d.cts +2 -2
  26. package/dist/components/client/Avatar/Avatar.d.ts +2 -2
  27. package/dist/components/client/Avatar/AvatarIcon.d.cts +2 -2
  28. package/dist/components/client/Avatar/AvatarIcon.d.ts +2 -2
  29. package/dist/components/client/Avatar/AvatarImage.d.cts +2 -2
  30. package/dist/components/client/Avatar/AvatarImage.d.ts +2 -2
  31. package/dist/components/client/Avatar/AvatarText.d.cts +2 -2
  32. package/dist/components/client/Avatar/AvatarText.d.ts +2 -2
  33. package/dist/components/client/Checkbox.d.cts +1 -1
  34. package/dist/components/client/Checkbox.d.ts +1 -1
  35. package/dist/components/client/IconButton.d.cts +2 -2
  36. package/dist/components/client/IconButton.d.ts +2 -2
  37. package/dist/components/client/Input/Input.d.cts +2 -2
  38. package/dist/components/client/Input/Input.d.ts +2 -2
  39. package/dist/components/client/Input/InputHelpText.d.cts +2 -2
  40. package/dist/components/client/Input/InputHelpText.d.ts +2 -2
  41. package/dist/components/client/Input/InputHelpTextInternal.d.cts +4 -4
  42. package/dist/components/client/Input/InputHelpTextInternal.d.ts +4 -4
  43. package/dist/components/client/Menu/Menu.Content.d.cts +2 -2
  44. package/dist/components/client/Menu/Menu.Content.d.ts +2 -2
  45. package/dist/components/client/Menu/Menu.Divider.d.cts +2 -2
  46. package/dist/components/client/Menu/Menu.Divider.d.ts +2 -2
  47. package/dist/components/client/Menu/Menu.Item.d.cts +2 -2
  48. package/dist/components/client/Menu/Menu.Item.d.ts +2 -2
  49. package/dist/components/client/Menu/Menu.ItemBase.d.cts +2 -2
  50. package/dist/components/client/Menu/Menu.ItemBase.d.ts +2 -2
  51. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +2 -2
  52. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +2 -2
  53. package/dist/components/client/Menu/Menu.Provider.d.cts +2 -2
  54. package/dist/components/client/Menu/Menu.Provider.d.ts +2 -2
  55. package/dist/components/client/Menu/Menu.Trigger.d.cts +2 -2
  56. package/dist/components/client/Menu/Menu.Trigger.d.ts +2 -2
  57. package/dist/components/client/Pressable.d.cts +2 -2
  58. package/dist/components/client/Pressable.d.ts +2 -2
  59. package/dist/components/client/Radio/RadioGroupStore.d.cts +2 -2
  60. package/dist/components/client/Radio/RadioGroupStore.d.ts +2 -2
  61. package/dist/components/client/SpringMotionConfig.d.cts +3 -3
  62. package/dist/components/client/SpringMotionConfig.d.ts +3 -3
  63. package/dist/components/experimental/Spinner.d.cts +2 -2
  64. package/dist/components/experimental/Spinner.d.ts +2 -2
  65. package/dist/components/experimental/Table.d.cts +2 -2
  66. package/dist/components/experimental/Table.d.ts +2 -2
  67. package/dist/components/experimental/client/Accordion.d.cts +2 -2
  68. package/dist/components/experimental/client/Accordion.d.ts +2 -2
  69. package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.cts +2 -2
  70. package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.ts +2 -2
  71. package/dist/components/experimental/client/Modal.d.cts +3 -3
  72. package/dist/components/experimental/client/Modal.d.ts +3 -3
  73. package/dist/components/experimental/client/Popover.d.cts +3 -3
  74. package/dist/components/experimental/client/Popover.d.ts +3 -3
  75. package/dist/components/experimental/client/Tabs.d.cts +3 -3
  76. package/dist/components/experimental/client/Tabs.d.ts +6 -6
  77. package/dist/components/experimental/client/Toast.d.cts +2 -2
  78. package/dist/components/experimental/client/Toast.d.ts +2 -2
  79. package/dist/fixtures.d.cts +1 -1
  80. package/dist/fixtures.d.ts +1 -1
  81. package/dist/index.d.cts +2 -2
  82. package/dist/index.d.ts +2 -2
  83. package/dist/providers/ColorModeProvider.d.cts +4 -4
  84. package/dist/providers/ColorModeProvider.d.ts +4 -4
  85. package/dist/providers/ScaleModeProvider.d.cts +4 -4
  86. package/dist/providers/ScaleModeProvider.d.ts +4 -4
  87. package/dist/providers/ThemeProvider.d.cts +2 -2
  88. package/dist/providers/ThemeProvider.d.ts +2 -2
  89. package/dist/styles/styler.d.cts +77 -77
  90. package/dist/styles/styler.d.ts +77 -77
  91. package/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.cts +1 -1
  92. package/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts +1 -1
  93. package/dist/tailwind/plugins/borders.d.cts +3 -3
  94. package/dist/tailwind/plugins/borders.d.ts +3 -3
  95. package/dist/tailwind/plugins/colors.d.cts +3 -3
  96. package/dist/tailwind/plugins/components.d.cts +3 -3
  97. package/dist/tailwind/plugins/components.d.ts +3 -3
  98. package/dist/tailwind/plugins/elevation.d.cts +3 -3
  99. package/dist/tailwind/plugins/icons.d.cts +3 -3
  100. package/dist/tailwind/plugins/icons.d.ts +3 -3
  101. package/dist/tailwind/plugins/input.d.cts +3 -3
  102. package/dist/tailwind/plugins/motion.d.cts +3 -3
  103. package/dist/tailwind/plugins/motion.d.ts +3 -3
  104. package/dist/tailwind/plugins/nestedBorderRadius.d.cts +3 -3
  105. package/dist/tailwind/plugins/nestedBorderRadius.d.ts +3 -3
  106. package/dist/tailwind/plugins/scaleMode.d.cts +3 -3
  107. package/dist/tailwind/plugins/scaleMode.d.ts +3 -3
  108. package/dist/tailwind/plugins/shadows.d.cts +3 -3
  109. package/dist/tailwind/plugins/shadows.d.ts +3 -3
  110. package/dist/tailwind/plugins/sizing.d.cts +3 -3
  111. package/dist/tailwind/plugins/sizing.d.ts +3 -3
  112. package/dist/tailwind/plugins/spacing.d.cts +3 -3
  113. package/dist/tailwind/plugins/spacing.d.ts +3 -3
  114. package/dist/tailwind/plugins/typography.d.cts +3 -3
  115. package/dist/tailwind/plugins/typography.d.ts +3 -3
  116. package/dist/tailwind/tailwind.config.d.cts +3 -3
  117. package/dist/tailwind/tailwindPlugin.d.cts +3 -3
  118. package/dist/tailwind/utils/addFontsPlugin.d.cts +3 -3
  119. package/dist/tailwind/utils/addFontsPlugin.d.ts +3 -3
  120. package/dist/tailwind/utils/composeTailwindPlugins.d.cts +3 -3
  121. package/dist/tailwind/utils/composeTailwindPlugins.d.ts +3 -3
  122. package/dist/tailwind/utils/getElevationStyles.d.cts +2 -2
  123. package/dist/tailwind/utils/getElevationStyles.d.ts +2 -2
  124. package/dist/tailwind/utils/getMotionStyles.d.cts +1 -1
  125. package/dist/tailwind/utils/getMotionStyles.d.ts +1 -1
  126. package/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  127. package/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  128. package/dist/tokens/automation/utils/getConfigVariantProperties.d.cts +2 -2
  129. package/dist/tokens/automation/utils/getConfigVariantProperties.d.ts +2 -2
  130. package/dist/tokens/index.d.cts +2 -2
  131. package/dist/tokens/index.d.ts +2 -2
  132. package/dist/tokens/parseTokens.cjs +7 -1
  133. package/dist/tokens/parseTokens.js +7 -1
  134. package/dist/tokens/types.d.cts +3 -2
  135. package/dist/tokens/types.d.ts +3 -2
  136. package/dist/utils/intersperse.d.cts +2 -2
  137. package/dist/utils/intersperse.d.ts +2 -2
  138. package/package.json +1 -1
@@ -12,19 +12,19 @@ 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?: "md" | "sm" | "lg" | "xl" | "xs" | undefined;
16
+ avatarSizeRoot?: "md" | "sm" | "lg" | "xl" | "xs" | undefined;
17
17
  avatarTextVariantRoot?: "primary" | "secondary" | undefined;
18
- badgeSizeIcon?: "xs" | "sm" | "md" | "lg" | undefined;
19
- badgeSizeRoot?: "xs" | "sm" | "md" | "lg" | undefined;
20
- badgeVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
21
- badgeVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
22
- buttonSizeIcon?: "sm" | "md" | "lg" | undefined;
23
- buttonSizeRoot?: "sm" | "md" | "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
- checkboxSizeCheckbox?: "sm" | "md" | undefined;
27
- checkboxSizeRoot?: "sm" | "md" | undefined;
18
+ badgeSizeIcon?: "md" | "sm" | "lg" | "xs" | undefined;
19
+ badgeSizeRoot?: "md" | "sm" | "lg" | "xs" | undefined;
20
+ badgeVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "alert-secondary" | "brand-secondary" | "warning" | "positive" | "info-secondary" | "warning-secondary" | "positive-secondary" | "info" | undefined;
21
+ badgeVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "alert-secondary" | "brand-secondary" | "warning" | "positive" | "info-secondary" | "warning-secondary" | "positive-secondary" | "info" | undefined;
22
+ buttonSizeIcon?: "md" | "sm" | "lg" | undefined;
23
+ buttonSizeRoot?: "md" | "sm" | "lg" | undefined;
24
+ buttonVariantIcon?: "primary" | "secondary" | "brand" | "tertiary" | "alert" | "alert-secondary" | "brand-secondary" | "warning" | "positive" | "info-secondary" | "warning-secondary" | "positive-secondary" | "info" | "brand-tertiary" | "alert-tertiary" | "warning-tertiary" | "positive-tertiary" | "info-tertiary" | undefined;
25
+ buttonVariantRoot?: "primary" | "secondary" | "brand" | "tertiary" | "alert" | "alert-secondary" | "brand-secondary" | "warning" | "positive" | "info-secondary" | "warning-secondary" | "positive-secondary" | "info" | "brand-tertiary" | "alert-tertiary" | "warning-tertiary" | "positive-tertiary" | "info-tertiary" | undefined;
26
+ checkboxSizeCheckbox?: "md" | "sm" | undefined;
27
+ checkboxSizeRoot?: "md" | "sm" | undefined;
28
28
  checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
29
29
  checkboxVariantCheckboxIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
30
30
  checkboxVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
@@ -35,17 +35,17 @@ declare const getStylesInternal: (props?: ({
35
35
  chipDismissibleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
36
36
  chipLinkVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
37
37
  chipLinkVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
38
- chipSizeIcon?: "sm" | "md" | undefined;
39
- chipSizeRoot?: "sm" | "md" | undefined;
38
+ chipSizeIcon?: "md" | "sm" | undefined;
39
+ chipSizeRoot?: "md" | "sm" | undefined;
40
40
  chipToggleVariantActiveIcon?: "off" | "on" | undefined;
41
41
  chipToggleVariantActiveRoot?: "off" | "on" | undefined;
42
42
  chipToggleVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
43
43
  chipToggleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
44
- dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
45
- dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
46
- dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
47
- iconbuttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
48
- iconbuttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
44
+ dividerVariantLabel?: "primary" | "secondary" | "muted" | "tertiary" | undefined;
45
+ dividerVariantLine?: "primary" | "secondary" | "muted" | "tertiary" | undefined;
46
+ dividerVariantRoot?: "primary" | "secondary" | "muted" | "tertiary" | undefined;
47
+ iconbuttonSizeIcon?: "md" | "sm" | "lg" | "xl" | "xs" | undefined;
48
+ iconbuttonSizeRoot?: "md" | "sm" | "lg" | "xl" | "xs" | undefined;
49
49
  inputSizeEndIcon?: "md" | "lg" | undefined;
50
50
  inputSizeHelperIcon?: "md" | "lg" | undefined;
51
51
  inputSizeHelperText?: "md" | "lg" | undefined;
@@ -99,18 +99,18 @@ declare const getStylesInternal: (props?: ({
99
99
  menuSizeEndIcon?: "default" | undefined;
100
100
  menuSizeRoot?: "default" | undefined;
101
101
  menuSizeStartIcon?: "default" | undefined;
102
- radioSizeRadio?: "sm" | "md" | undefined;
103
- radioSizeRoot?: "sm" | "md" | undefined;
102
+ radioSizeRadio?: "md" | "sm" | undefined;
103
+ radioSizeRoot?: "md" | "sm" | undefined;
104
104
  radioVariantRadio?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
105
105
  radioVariantRadioCircle?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
106
106
  radioVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
107
107
  radioVariantValueRadio?: "checked" | "unchecked" | undefined;
108
108
  radioVariantValueRadioCircle?: "checked" | "unchecked" | undefined;
109
109
  radioVariantValueRoot?: "checked" | "unchecked" | undefined;
110
- switchSizeHandle?: "sm" | "md" | undefined;
111
- switchSizeHandleIcon?: "sm" | "md" | undefined;
112
- switchSizeRoot?: "sm" | "md" | undefined;
113
- switchSizeSwitch?: "sm" | "md" | undefined;
110
+ switchSizeHandle?: "md" | "sm" | undefined;
111
+ switchSizeHandleIcon?: "md" | "sm" | undefined;
112
+ switchSizeRoot?: "md" | "sm" | undefined;
113
+ switchSizeSwitch?: "md" | "sm" | undefined;
114
114
  switchVariantActiveHandle?: "off" | "on" | undefined;
115
115
  switchVariantActiveHandleIcon?: "off" | "on" | undefined;
116
116
  switchVariantActiveRoot?: "off" | "on" | undefined;
@@ -119,76 +119,76 @@ declare const getStylesInternal: (props?: ({
119
119
  switchVariantHandleIcon?: "default" | undefined;
120
120
  switchVariantRoot?: "default" | undefined;
121
121
  switchVariantSwitch?: "default" | undefined;
122
- color?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "tertiary" | "muted" | "on-color" | undefined;
123
- placeholderColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "transparent" | "white" | "black" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "tertiary" | "muted" | "on-color" | undefined;
122
+ color?: "primary" | "secondary" | "muted" | "brand" | "tertiary" | "alert" | "always/white" | "alert-secondary" | "always/transparent" | "on-color" | "brand-secondary" | "warning" | "positive" | "accent" | "info-secondary" | "warning-secondary" | "positive-secondary" | "info" | "white" | "current" | "transparent" | "black" | "always/black" | "always/current" | "always/brand" | "always/accent" | undefined;
123
+ placeholderColor?: "primary" | "secondary" | "muted" | "brand" | "tertiary" | "alert" | "always/white" | "alert-secondary" | "always/transparent" | "on-color" | "brand-secondary" | "warning" | "positive" | "accent" | "info-secondary" | "warning-secondary" | "positive-secondary" | "info" | "white" | "current" | "transparent" | "black" | "always/black" | "always/current" | "always/brand" | "always/accent" | undefined;
124
124
  fontFamily?: "title4" | "caption1" | "title3" | "caption2" | "headline1" | "sans" | "ui4" | "ui2" | "label4" | "ui1" | "ui3" | "title1" | "label2" | "label1" | "label3" | "sans-alt" | "serif" | "serif-alt" | "mono" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title4/emphasized" | "caption1/emphasized" | "title3/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "label4/emphasized" | "title1/emphasized" | "label2/emphasized" | "label1/emphasized" | "label3/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
125
125
  fontSize?: "title4" | "caption1" | "title3" | "caption2" | "headline1" | "ui4" | "ui2" | "label4" | "ui1" | "ui3" | "title1" | "label2" | "label1" | "label3" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title4/emphasized" | "caption1/emphasized" | "title3/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "label4/emphasized" | "title1/emphasized" | "label2/emphasized" | "label1/emphasized" | "label3/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
126
- fontWeight?: "black" | "thin" | "medium" | "title4" | "caption1" | "title3" | "caption2" | "headline1" | "ui4" | "ui2" | "label4" | "ui1" | "ui3" | "title1" | "label2" | "label1" | "label3" | "light" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title4/emphasized" | "caption1/emphasized" | "title3/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "label4/emphasized" | "title1/emphasized" | "label2/emphasized" | "label1/emphasized" | "label3/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "regular" | "semibold" | "extrabold" | undefined;
126
+ fontWeight?: "title4" | "thin" | "caption1" | "title3" | "caption2" | "headline1" | "ui4" | "medium" | "ui2" | "label4" | "ui1" | "ui3" | "title1" | "label2" | "label1" | "label3" | "light" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title4/emphasized" | "caption1/emphasized" | "title3/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "label4/emphasized" | "title1/emphasized" | "label2/emphasized" | "label1/emphasized" | "label3/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "black" | "extralight" | "regular" | "semibold" | "extrabold" | undefined;
127
127
  lineHeight?: "title4" | "caption1" | "title3" | "caption2" | "headline1" | "ui4" | "ui2" | "label4" | "ui1" | "ui3" | "title1" | "label2" | "label1" | "label3" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title4/emphasized" | "caption1/emphasized" | "title3/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "label4/emphasized" | "title1/emphasized" | "label2/emphasized" | "label1/emphasized" | "label3/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
128
128
  letterSpacing?: "title4" | "caption1" | "title3" | "caption2" | "headline1" | "ui4" | "ui2" | "label4" | "ui1" | "ui3" | "title1" | "label2" | "label1" | "label3" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title4/emphasized" | "caption1/emphasized" | "title3/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "label4/emphasized" | "title1/emphasized" | "label2/emphasized" | "label1/emphasized" | "label3/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
129
- textAlign?: "center" | "justify" | "start" | "end" | undefined;
130
- textTransform?: "none" | "title4" | "caption1" | "title3" | "caption2" | "headline1" | "ui4" | "ui2" | "label4" | "ui1" | "ui3" | "title1" | "label2" | "label1" | "label3" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title4/emphasized" | "caption1/emphasized" | "title3/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "label4/emphasized" | "title1/emphasized" | "label2/emphasized" | "label1/emphasized" | "label3/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
131
- 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;
132
- 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;
133
- 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;
134
- 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;
135
- 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;
136
- 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;
137
- 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;
138
- 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;
139
- 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;
140
- 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;
141
- 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;
142
- 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;
143
- 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;
144
- 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;
145
- 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;
146
- 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;
147
- backgroundColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "transparent" | "white" | "black" | "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;
148
- borderColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "transparent" | "white" | "black" | "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;
149
- borderStartColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "transparent" | "white" | "black" | "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;
150
- borderEndColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "transparent" | "white" | "black" | "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;
151
- borderBottomColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "transparent" | "white" | "black" | "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;
152
- borderTopColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "transparent" | "white" | "black" | "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;
153
- borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
154
- borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
155
- borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
156
- borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
157
- borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
158
- borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
159
- borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
160
- borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
161
- borderStartWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
162
- borderEndWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
163
- borderTopWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
164
- borderBottomWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
165
- avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
166
- iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
129
+ textAlign?: "center" | "start" | "end" | "justify" | undefined;
130
+ textTransform?: "title4" | "caption1" | "title3" | "caption2" | "headline1" | "none" | "ui4" | "ui2" | "label4" | "ui1" | "ui3" | "title1" | "label2" | "label1" | "label3" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title4/emphasized" | "caption1/emphasized" | "title3/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "label4/emphasized" | "title1/emphasized" | "label2/emphasized" | "label1/emphasized" | "label3/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
131
+ spacing?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
132
+ spacingHorizontal?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
133
+ spacingVertical?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
134
+ spacingBottom?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
135
+ spacingEnd?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
136
+ spacingStart?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
137
+ spacingTop?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
138
+ offset?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
139
+ offsetVertical?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
140
+ offsetHorizontal?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
141
+ offsetBottom?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
142
+ offsetEnd?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
143
+ offsetStart?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
144
+ offsetTop?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
145
+ columnGap?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
146
+ rowGap?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
147
+ backgroundColor?: "primary" | "secondary" | "brand" | "alert" | "always/white" | "alert-secondary" | "always/transparent" | "brand-secondary" | "warning" | "positive" | "accent" | "info-secondary" | "warning-secondary" | "positive-secondary" | "info" | "white" | "current" | "transparent" | "black" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | undefined;
148
+ borderColor?: "primary" | "secondary" | "muted" | "brand" | "tertiary" | "alert" | "always/white" | "alert-secondary" | "always/transparent" | "brand-secondary" | "warning" | "positive" | "accent" | "info-secondary" | "warning-secondary" | "positive-secondary" | "info" | "white" | "current" | "transparent" | "black" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | undefined;
149
+ borderStartColor?: "primary" | "secondary" | "muted" | "brand" | "tertiary" | "alert" | "always/white" | "alert-secondary" | "always/transparent" | "brand-secondary" | "warning" | "positive" | "accent" | "info-secondary" | "warning-secondary" | "positive-secondary" | "info" | "white" | "current" | "transparent" | "black" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | undefined;
150
+ borderEndColor?: "primary" | "secondary" | "muted" | "brand" | "tertiary" | "alert" | "always/white" | "alert-secondary" | "always/transparent" | "brand-secondary" | "warning" | "positive" | "accent" | "info-secondary" | "warning-secondary" | "positive-secondary" | "info" | "white" | "current" | "transparent" | "black" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | undefined;
151
+ borderBottomColor?: "primary" | "secondary" | "muted" | "brand" | "tertiary" | "alert" | "always/white" | "alert-secondary" | "always/transparent" | "brand-secondary" | "warning" | "positive" | "accent" | "info-secondary" | "warning-secondary" | "positive-secondary" | "info" | "white" | "current" | "transparent" | "black" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | undefined;
152
+ borderTopColor?: "primary" | "secondary" | "muted" | "brand" | "tertiary" | "alert" | "always/white" | "alert-secondary" | "always/transparent" | "brand-secondary" | "warning" | "positive" | "accent" | "info-secondary" | "warning-secondary" | "positive-secondary" | "info" | "white" | "current" | "transparent" | "black" | "always/black" | "always/current" | "always/brand" | "always/accent" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | undefined;
153
+ borderRadius?: "md" | "sm" | "full" | "lg" | "none" | "xl" | "xs" | undefined;
154
+ borderTopStartRadius?: "md" | "sm" | "full" | "lg" | "none" | "xl" | "xs" | undefined;
155
+ borderTopEndRadius?: "md" | "sm" | "full" | "lg" | "none" | "xl" | "xs" | undefined;
156
+ borderBottomStartRadius?: "md" | "sm" | "full" | "lg" | "none" | "xl" | "xs" | undefined;
157
+ borderBottomEndRadius?: "md" | "sm" | "full" | "lg" | "none" | "xl" | "xs" | undefined;
158
+ borderWidth?: "thin" | "none" | "medium" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | "thick" | undefined;
159
+ borderVerticalWidth?: "thin" | "none" | "medium" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | "thick" | undefined;
160
+ borderHorizontalWidth?: "thin" | "none" | "medium" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | "thick" | undefined;
161
+ borderStartWidth?: "thin" | "none" | "medium" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | "thick" | undefined;
162
+ borderEndWidth?: "thin" | "none" | "medium" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | "thick" | undefined;
163
+ borderTopWidth?: "thin" | "none" | "medium" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | "thick" | undefined;
164
+ borderBottomWidth?: "thin" | "none" | "medium" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | "thick" | undefined;
165
+ avatarSize?: "md" | "sm" | "lg" | "xl" | "xs" | undefined;
166
+ iconSize?: "md" | "sm" | "lg" | "xs" | undefined;
167
167
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
168
168
  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
169
169
  alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
170
- flex?: "1" | "none" | "auto" | "initial" | undefined;
170
+ flex?: "none" | "1" | "initial" | "auto" | undefined;
171
171
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
172
- flexGrow?: "0" | "1" | "2" | "3" | undefined;
172
+ flexGrow?: "3" | "2" | "0" | "1" | undefined;
173
173
  flexShrink?: "0" | "1" | undefined;
174
174
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
175
175
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
176
176
  flexBasis?: "min-content" | undefined;
177
- display?: "flex" | "table" | "block" | "inline-block" | "inline" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
177
+ display?: "flex" | "table" | "grid" | "inline" | "block" | "inline-block" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "contents" | undefined;
178
178
  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
179
179
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
180
180
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
181
- position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
182
- contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
181
+ position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
182
+ contentFit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
183
183
  colorMode?: "light" | "dark" | undefined;
184
- scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
184
+ scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
185
185
  width?: "full" | "fit" | "screen" | undefined;
186
186
  height?: "full" | "fit" | "screen" | undefined;
187
- dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
188
- insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
189
- nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
190
- nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
191
- 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;
187
+ dropShadow?: "md" | "sm" | "lg" | "none" | "2xl" | "xl" | "xs" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | undefined;
188
+ insetShadow?: "md" | "sm" | "lg" | "none" | "2xl" | "xl" | "2xl-invert" | "xl-invert" | "lg-invert" | "md-invert" | "xs" | "sm-invert" | "xs-invert" | undefined;
189
+ nestedBorderRadiusSize?: "md" | "sm" | "full" | "lg" | "none" | "xl" | "xs" | undefined;
190
+ nestedBorderRadiusWidth?: "thin" | "none" | "medium" | "elevation-3" | "elevation-4" | "elevation-2" | "elevation-0" | "elevation-1" | "elevation-5" | "thick" | undefined;
191
+ nestedBorderRadiusSpacing?: "12" | "7" | "16" | "6" | "10" | "px" | "3" | "4" | "3.5" | "2" | "0" | "1" | "8" | "0.5" | "5" | "1.5" | "4.5" | "2.5" | "20" | "14" | "9" | "11" | "44" | "48" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
192
192
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
193
193
  } & {
194
194
  className?: string | undefined;
@@ -12,7 +12,7 @@ type TwBorderWidth = Exclude<keyof typeof defaultTailwindTheme.borderWidth, TwBo
12
12
  declare const udsToTailwindMap: {
13
13
  fontSize: Record<"title4" | "caption1" | "title3" | "caption2" | "headline1" | "label4" | "title1" | "label2" | "label1" | "label3" | "display1" | "display2" | "display3" | "title2" | "body1" | TextVariantUi | "title4/emphasized" | "caption1/emphasized" | "title3/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "label4/emphasized" | "title1/emphasized" | "label2/emphasized" | "label1/emphasized" | "label3/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
14
14
  lineHeight: Record<"title4" | "caption1" | "title3" | "caption2" | "headline1" | "label4" | "title1" | "label2" | "label1" | "label3" | "display1" | "display2" | "display3" | "title2" | "body1" | TextVariantUi | "title4/emphasized" | "caption1/emphasized" | "title3/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "label4/emphasized" | "title1/emphasized" | "label2/emphasized" | "label1/emphasized" | "label3/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
15
- borderRadius: Record<"xs" | "sm" | "md" | "lg" | "xl", TwBorderRadius>;
15
+ borderRadius: Record<"md" | "sm" | "lg" | "xl" | "xs", TwBorderRadius>;
16
16
  borderWidth: Record<"thin" | "medium" | "thick", TwBorderWidth>;
17
17
  };
18
18
  //#endregion
@@ -12,7 +12,7 @@ type TwBorderWidth = Exclude<keyof typeof defaultTailwindTheme.borderWidth, TwBo
12
12
  declare const udsToTailwindMap: {
13
13
  fontSize: Record<"title4" | "caption1" | "title3" | "caption2" | "headline1" | "label4" | "title1" | "label2" | "label1" | "label3" | "display1" | "display2" | "display3" | "title2" | "body1" | TextVariantUi | "title4/emphasized" | "caption1/emphasized" | "title3/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "label4/emphasized" | "title1/emphasized" | "label2/emphasized" | "label1/emphasized" | "label3/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
14
14
  lineHeight: Record<"title4" | "caption1" | "title3" | "caption2" | "headline1" | "label4" | "title1" | "label2" | "label1" | "label3" | "display1" | "display2" | "display3" | "title2" | "body1" | TextVariantUi | "title4/emphasized" | "caption1/emphasized" | "title3/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "label4/emphasized" | "title1/emphasized" | "label2/emphasized" | "label1/emphasized" | "label3/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
15
- borderRadius: Record<"xs" | "sm" | "md" | "lg" | "xl", TwBorderRadius>;
15
+ borderRadius: Record<"md" | "sm" | "lg" | "xl" | "xs", TwBorderRadius>;
16
16
  borderWidth: Record<"thin" | "medium" | "thick", TwBorderWidth>;
17
17
  };
18
18
  //#endregion
@@ -1,11 +1,11 @@
1
1
  import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
2
- import * as tailwindcss_types_config7 from "tailwindcss/types/config";
2
+ import * as tailwindcss_types_config5 from "tailwindcss/types/config";
3
3
 
4
4
  //#region src/tailwind/plugins/borders.d.ts
5
5
  declare const bordersPlugin: {
6
6
  (options: TailwindPluginOptions): {
7
- handler: tailwindcss_types_config7.PluginCreator;
8
- config?: Partial<tailwindcss_types_config7.Config>;
7
+ handler: tailwindcss_types_config5.PluginCreator;
8
+ config?: Partial<tailwindcss_types_config5.Config>;
9
9
  };
10
10
  __isOptionsFunction: true;
11
11
  };
@@ -1,11 +1,11 @@
1
1
  import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
2
- import * as tailwindcss_types_config7 from "tailwindcss/types/config";
2
+ import * as tailwindcss_types_config11 from "tailwindcss/types/config";
3
3
 
4
4
  //#region src/tailwind/plugins/borders.d.ts
5
5
  declare const bordersPlugin: {
6
6
  (options: TailwindPluginOptions): {
7
- handler: tailwindcss_types_config7.PluginCreator;
8
- config?: Partial<tailwindcss_types_config7.Config>;
7
+ handler: tailwindcss_types_config11.PluginCreator;
8
+ config?: Partial<tailwindcss_types_config11.Config>;
9
9
  };
10
10
  __isOptionsFunction: true;
11
11
  };
@@ -1,11 +1,11 @@
1
1
  import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
2
- import * as tailwindcss_types_config9 from "tailwindcss/types/config";
2
+ import * as tailwindcss_types_config7 from "tailwindcss/types/config";
3
3
 
4
4
  //#region src/tailwind/plugins/colors.d.ts
5
5
  declare const colorsPlugin: {
6
6
  (options: TailwindPluginOptions): {
7
- handler: tailwindcss_types_config9.PluginCreator;
8
- config?: Partial<tailwindcss_types_config9.Config>;
7
+ handler: tailwindcss_types_config7.PluginCreator;
8
+ config?: Partial<tailwindcss_types_config7.Config>;
9
9
  };
10
10
  __isOptionsFunction: true;
11
11
  };
@@ -1,11 +1,11 @@
1
1
  import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
2
- import * as tailwindcss_types_config11 from "tailwindcss/types/config";
2
+ import * as tailwindcss_types_config9 from "tailwindcss/types/config";
3
3
 
4
4
  //#region src/tailwind/plugins/components.d.ts
5
5
  declare const componentsPlugin: {
6
6
  (options: TailwindPluginOptions): {
7
- handler: tailwindcss_types_config11.PluginCreator;
8
- config?: Partial<tailwindcss_types_config11.Config>;
7
+ handler: tailwindcss_types_config9.PluginCreator;
8
+ config?: Partial<tailwindcss_types_config9.Config>;
9
9
  };
10
10
  __isOptionsFunction: true;
11
11
  };
@@ -1,11 +1,11 @@
1
1
  import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
2
- import * as tailwindcss_types_config11 from "tailwindcss/types/config";
2
+ import * as tailwindcss_types_config15 from "tailwindcss/types/config";
3
3
 
4
4
  //#region src/tailwind/plugins/components.d.ts
5
5
  declare const componentsPlugin: {
6
6
  (options: TailwindPluginOptions): {
7
- handler: tailwindcss_types_config11.PluginCreator;
8
- config?: Partial<tailwindcss_types_config11.Config>;
7
+ handler: tailwindcss_types_config15.PluginCreator;
8
+ config?: Partial<tailwindcss_types_config15.Config>;
9
9
  };
10
10
  __isOptionsFunction: true;
11
11
  };
@@ -1,11 +1,11 @@
1
1
  import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
2
- import * as tailwindcss_types_config13 from "tailwindcss/types/config";
2
+ import * as tailwindcss_types_config11 from "tailwindcss/types/config";
3
3
 
4
4
  //#region src/tailwind/plugins/elevation.d.ts
5
5
  declare const elevationPlugin: {
6
6
  (options: TailwindPluginOptions): {
7
- handler: tailwindcss_types_config13.PluginCreator;
8
- config?: Partial<tailwindcss_types_config13.Config>;
7
+ handler: tailwindcss_types_config11.PluginCreator;
8
+ config?: Partial<tailwindcss_types_config11.Config>;
9
9
  };
10
10
  __isOptionsFunction: true;
11
11
  };
@@ -1,11 +1,11 @@
1
1
  import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
2
- import * as tailwindcss_types_config15 from "tailwindcss/types/config";
2
+ import * as tailwindcss_types_config13 from "tailwindcss/types/config";
3
3
 
4
4
  //#region src/tailwind/plugins/icons.d.ts
5
5
  declare const iconsPlugin: {
6
6
  (options: TailwindPluginOptions): {
7
- handler: tailwindcss_types_config15.PluginCreator;
8
- config?: Partial<tailwindcss_types_config15.Config>;
7
+ handler: tailwindcss_types_config13.PluginCreator;
8
+ config?: Partial<tailwindcss_types_config13.Config>;
9
9
  };
10
10
  __isOptionsFunction: true;
11
11
  };
@@ -1,11 +1,11 @@
1
1
  import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
2
- import * as tailwindcss_types_config15 from "tailwindcss/types/config";
2
+ import * as tailwindcss_types_config19 from "tailwindcss/types/config";
3
3
 
4
4
  //#region src/tailwind/plugins/icons.d.ts
5
5
  declare const iconsPlugin: {
6
6
  (options: TailwindPluginOptions): {
7
- handler: tailwindcss_types_config15.PluginCreator;
8
- config?: Partial<tailwindcss_types_config15.Config>;
7
+ handler: tailwindcss_types_config19.PluginCreator;
8
+ config?: Partial<tailwindcss_types_config19.Config>;
9
9
  };
10
10
  __isOptionsFunction: true;
11
11
  };
@@ -1,5 +1,5 @@
1
1
  import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
2
- import * as tailwindcss_types_config17 from "tailwindcss/types/config";
2
+ import * as tailwindcss_types_config15 from "tailwindcss/types/config";
3
3
 
4
4
  //#region src/tailwind/plugins/input.d.ts
5
5
  /**
@@ -7,8 +7,8 @@ import * as tailwindcss_types_config17 from "tailwindcss/types/config";
7
7
  */
8
8
  declare const inputPlugin: {
9
9
  (options: TailwindPluginOptions): {
10
- handler: tailwindcss_types_config17.PluginCreator;
11
- config?: Partial<tailwindcss_types_config17.Config>;
10
+ handler: tailwindcss_types_config15.PluginCreator;
11
+ config?: Partial<tailwindcss_types_config15.Config>;
12
12
  };
13
13
  __isOptionsFunction: true;
14
14
  };
@@ -1,11 +1,11 @@
1
1
  import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
2
- import * as tailwindcss_types_config19 from "tailwindcss/types/config";
2
+ import * as tailwindcss_types_config17 from "tailwindcss/types/config";
3
3
 
4
4
  //#region src/tailwind/plugins/motion.d.ts
5
5
  declare const motionPlugin: {
6
6
  (options: TailwindPluginOptions): {
7
- handler: tailwindcss_types_config19.PluginCreator;
8
- config?: Partial<tailwindcss_types_config19.Config>;
7
+ handler: tailwindcss_types_config17.PluginCreator;
8
+ config?: Partial<tailwindcss_types_config17.Config>;
9
9
  };
10
10
  __isOptionsFunction: true;
11
11
  };
@@ -1,11 +1,11 @@
1
1
  import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
2
- import * as tailwindcss_types_config19 from "tailwindcss/types/config";
2
+ import * as tailwindcss_types_config21 from "tailwindcss/types/config";
3
3
 
4
4
  //#region src/tailwind/plugins/motion.d.ts
5
5
  declare const motionPlugin: {
6
6
  (options: TailwindPluginOptions): {
7
- handler: tailwindcss_types_config19.PluginCreator;
8
- config?: Partial<tailwindcss_types_config19.Config>;
7
+ handler: tailwindcss_types_config21.PluginCreator;
8
+ config?: Partial<tailwindcss_types_config21.Config>;
9
9
  };
10
10
  __isOptionsFunction: true;
11
11
  };
@@ -1,11 +1,11 @@
1
1
  import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
2
- import * as tailwindcss_types_config21 from "tailwindcss/types/config";
2
+ import * as tailwindcss_types_config19 from "tailwindcss/types/config";
3
3
 
4
4
  //#region src/tailwind/plugins/nestedBorderRadius.d.ts
5
5
  declare const nestedBorderRadiusPlugin: {
6
6
  (options: TailwindPluginOptions): {
7
- handler: tailwindcss_types_config21.PluginCreator;
8
- config?: Partial<tailwindcss_types_config21.Config>;
7
+ handler: tailwindcss_types_config19.PluginCreator;
8
+ config?: Partial<tailwindcss_types_config19.Config>;
9
9
  };
10
10
  __isOptionsFunction: true;
11
11
  };