@yahoo/uds 3.125.0 → 3.126.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 (280) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +35 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +7 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +7 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +35 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1493 -0
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +222 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +222 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1493 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +314 -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 +314 -0
  13. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  14. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  15. package/dist/components/Banner/Banner.cjs +167 -0
  16. package/dist/components/Banner/Banner.d.cts +56 -0
  17. package/dist/components/Banner/Banner.d.ts +56 -0
  18. package/dist/components/Banner/Banner.js +165 -0
  19. package/dist/components/Banner/BannerContent.cjs +20 -0
  20. package/dist/components/Banner/BannerContent.d.cts +13 -0
  21. package/dist/components/Banner/BannerContent.d.ts +13 -0
  22. package/dist/components/Banner/BannerContent.js +18 -0
  23. package/dist/components/Banner/BannerDescription.cjs +47 -0
  24. package/dist/components/Banner/BannerDescription.d.cts +36 -0
  25. package/dist/components/Banner/BannerDescription.d.ts +36 -0
  26. package/dist/components/Banner/BannerDescription.js +45 -0
  27. package/dist/components/Banner/BannerTitle.cjs +42 -0
  28. package/dist/components/Banner/BannerTitle.d.cts +34 -0
  29. package/dist/components/Banner/BannerTitle.d.ts +34 -0
  30. package/dist/components/Banner/BannerTitle.js +40 -0
  31. package/dist/components/Banner/index.cjs +11 -0
  32. package/dist/components/Banner/index.d.cts +6 -0
  33. package/dist/components/Banner/index.d.ts +6 -0
  34. package/dist/components/Banner/index.js +7 -0
  35. package/dist/components/Banner/utils.cjs +56 -0
  36. package/dist/components/Banner/utils.d.cts +26 -0
  37. package/dist/components/Banner/utils.d.ts +26 -0
  38. package/dist/components/Banner/utils.js +52 -0
  39. package/dist/components/Divider/DividerCore.cjs +1 -1
  40. package/dist/components/Divider/DividerCore.js +1 -1
  41. package/dist/components/FormLabel.cjs +4 -2
  42. package/dist/components/FormLabel.d.cts +2 -17
  43. package/dist/components/FormLabel.d.ts +2 -17
  44. package/dist/components/FormLabel.js +4 -2
  45. package/dist/components/Image.cjs +4 -2
  46. package/dist/components/Image.d.cts +2 -61
  47. package/dist/components/Image.d.ts +2 -61
  48. package/dist/components/Image.js +4 -2
  49. package/dist/components/client/Avatar/AvatarIcon.cjs +2 -2
  50. package/dist/components/client/Avatar/AvatarIcon.js +2 -2
  51. package/dist/components/client/Avatar/AvatarImage.cjs +1 -0
  52. package/dist/components/client/Avatar/AvatarImage.js +1 -0
  53. package/dist/components/client/Avatar/AvatarText.cjs +1 -1
  54. package/dist/components/client/Avatar/AvatarText.js +1 -1
  55. package/dist/components/client/Badge.cjs +1 -1
  56. package/dist/components/client/Badge.js +1 -1
  57. package/dist/components/client/BottomSheet/BottomSheetHeader.cjs +1 -1
  58. package/dist/components/client/BottomSheet/BottomSheetHeader.js +1 -1
  59. package/dist/components/client/Button.cjs +1 -1
  60. package/dist/components/client/Button.js +1 -1
  61. package/dist/components/client/Checkbox.cjs +4 -3
  62. package/dist/components/client/Checkbox.js +4 -3
  63. package/dist/components/client/Chip/ChipBase.cjs +2 -2
  64. package/dist/components/client/Chip/ChipBase.js +2 -2
  65. package/dist/components/client/Chip/ChipDismissible.cjs +2 -2
  66. package/dist/components/client/Chip/ChipDismissible.js +2 -2
  67. package/dist/components/client/IconButton.cjs +1 -1
  68. package/dist/components/client/IconButton.js +1 -1
  69. package/dist/components/client/Input/Input.cjs +3 -2
  70. package/dist/components/client/Input/Input.js +3 -2
  71. package/dist/components/client/Input/InputHelpTextInternal.cjs +4 -3
  72. package/dist/components/client/Input/InputHelpTextInternal.d.cts +1 -14
  73. package/dist/components/client/Input/InputHelpTextInternal.d.ts +1 -14
  74. package/dist/components/client/Input/InputHelpTextInternal.js +5 -4
  75. package/dist/components/client/Menu/Menu.ItemBase.cjs +2 -2
  76. package/dist/components/client/Menu/Menu.ItemBase.js +2 -2
  77. package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +1 -1
  78. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  79. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  80. package/dist/components/client/Menu/Menu.ItemCheckbox.js +1 -1
  81. package/dist/components/client/Popover/PopoverContent.cjs +3 -3
  82. package/dist/components/client/Popover/PopoverContent.js +3 -3
  83. package/dist/components/client/Radio/Radio.cjs +2 -1
  84. package/dist/components/client/Radio/Radio.js +2 -1
  85. package/dist/components/client/Switch.cjs +4 -4
  86. package/dist/components/client/Switch.js +4 -4
  87. package/dist/components/client/Toast/Toast.cjs +3 -3
  88. package/dist/components/client/Toast/Toast.js +3 -3
  89. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  90. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  91. package/dist/components/client/Tooltip/TooltipContent.cjs +2 -2
  92. package/dist/components/client/Tooltip/TooltipContent.js +2 -2
  93. package/dist/components/client/index.cjs +1 -1
  94. package/dist/components/client/index.js +1 -1
  95. package/dist/components/experimental/Spinner.cjs +1 -1
  96. package/dist/components/experimental/Spinner.js +1 -1
  97. package/dist/components/experimental/Table.cjs +1 -1
  98. package/dist/components/experimental/Table.js +1 -1
  99. package/dist/components/experimental/client/Accordion.cjs +4 -4
  100. package/dist/components/experimental/client/Accordion.js +4 -4
  101. package/dist/components/experimental/client/Modal.cjs +2 -2
  102. package/dist/components/experimental/client/Modal.js +2 -2
  103. package/dist/components/experimental/client/SegmentedControl.cjs +3 -3
  104. package/dist/components/experimental/client/SegmentedControl.d.cts +1 -2
  105. package/dist/components/experimental/client/SegmentedControl.js +3 -3
  106. package/dist/components/experimental/client/SwitchV2.cjs +1 -1
  107. package/dist/components/experimental/client/SwitchV2.js +1 -1
  108. package/dist/components/experimental/client/Tabs.cjs +2 -2
  109. package/dist/components/experimental/client/Tabs.js +2 -2
  110. package/dist/components/index.cjs +15 -3
  111. package/dist/components/index.d.cts +6 -1
  112. package/dist/components/index.d.ts +6 -1
  113. package/dist/components/index.js +12 -4
  114. package/dist/config/dist/index.cjs +381 -46
  115. package/dist/config/dist/index.js +381 -46
  116. package/dist/index.cjs +12 -3
  117. package/dist/index.d.cts +7 -3
  118. package/dist/index.d.ts +7 -3
  119. package/dist/index.js +9 -5
  120. package/dist/styles/styler.d.cts +100 -93
  121. package/dist/styles/styler.d.ts +100 -93
  122. package/dist/styles/variants.d.cts +45 -0
  123. package/dist/styles/variants.d.ts +45 -0
  124. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +35 -0
  125. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +35 -0
  126. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
  127. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +1493 -0
  128. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +1493 -1
  129. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
  130. package/dist/tailwind/dist/config/dist/index.cjs +381 -46
  131. package/dist/tailwind/dist/config/dist/index.js +381 -46
  132. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  133. package/dist/tailwind/dist/tailwind/plugins/components.cjs +1 -0
  134. package/dist/tailwind/dist/tailwind/plugins/components.js +2 -1
  135. package/dist/tailwind/dist/tailwind/plugins/components.js.map +1 -1
  136. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  137. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  138. package/dist/tokens/automation/configs/index.cjs +1 -0
  139. package/dist/tokens/automation/configs/index.d.cts +2 -2
  140. package/dist/tokens/automation/configs/index.d.ts +2 -2
  141. package/dist/tokens/automation/configs/index.js +2 -2
  142. package/dist/tokens/automation/index.cjs +1 -0
  143. package/dist/tokens/automation/index.d.cts +2 -2
  144. package/dist/tokens/automation/index.d.ts +2 -2
  145. package/dist/tokens/automation/index.js +2 -2
  146. package/dist/tokens/index.cjs +1 -0
  147. package/dist/tokens/index.d.cts +3 -3
  148. package/dist/tokens/index.d.ts +3 -3
  149. package/dist/tokens/index.js +2 -2
  150. package/dist/tokens/types.d.cts +2 -2
  151. package/dist/tokens/types.d.ts +2 -2
  152. package/dist/types/dist/index.d.cts +19 -1
  153. package/dist/types/dist/index.d.ts +19 -1
  154. package/dist/uds/generated/componentData.cjs +1486 -1338
  155. package/dist/uds/generated/componentData.js +1465 -1341
  156. package/dist/uds/generated/tailwindPurge.cjs +28 -1
  157. package/dist/uds/generated/tailwindPurge.js +28 -1
  158. package/generated/componentData.json +1916 -1765
  159. package/generated/tailwindPurge.ts +4 -4
  160. package/package.json +1 -1
  161. package/dist/uds/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +0 -2
  162. package/dist/uds/dist/automated-config/dist/properties.d.cts +0 -5
  163. package/dist/uds/dist/automated-config/dist/types/ComponentConfig.d.cts +0 -3
  164. package/dist/uds/dist/automated-config/dist/types/ComponentStyles.d.cts +0 -2
  165. package/dist/uds/dist/automated-config/dist/types/ConfigSchema.d.cts +0 -2
  166. package/dist/uds/dist/automated-config/dist/utils/buildConfigSchema.d.cts +0 -7
  167. package/dist/uds/dist/automated-config/dist/utils/coalesceConfigVariant.d.cts +0 -2
  168. package/dist/uds/dist/automated-config/dist/utils/defaults.d.cts +0 -2
  169. package/dist/uds/dist/automated-config/dist/utils/getConfigVariantComponentStatesMatrix.d.cts +0 -2
  170. package/dist/uds/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +0 -3
  171. package/dist/uds/dist/automated-config/dist/utils/getConfigVariantPseudoStates.d.cts +0 -3
  172. package/dist/uds/dist/automated-config/dist/utils/getConfigVariants.d.cts +0 -2
  173. package/dist/uds/dist/automated-config/dist/utils/index.d.cts +0 -12
  174. package/dist/uds/dist/automated-config/dist/utils/subcomponents.d.cts +0 -2
  175. package/dist/uds/dist/components/Box.d.cts +0 -4
  176. package/dist/uds/dist/components/Divider/Divider.d.cts +0 -3
  177. package/dist/uds/dist/components/Divider/DividerCore.d.cts +0 -5
  178. package/dist/uds/dist/components/Divider/DividerInternal.d.cts +0 -5
  179. package/dist/uds/dist/components/Divider/index.d.cts +0 -2
  180. package/dist/uds/dist/components/FormLabel.d.cts +0 -4
  181. package/dist/uds/dist/components/HStack.d.cts +0 -5
  182. package/dist/uds/dist/components/Icon.d.cts +0 -4
  183. package/dist/uds/dist/components/Image.d.cts +0 -3
  184. package/dist/uds/dist/components/Link.d.cts +0 -4
  185. package/dist/uds/dist/components/Scrim.d.cts +0 -3
  186. package/dist/uds/dist/components/Text.d.cts +0 -4
  187. package/dist/uds/dist/components/VStack.d.cts +0 -5
  188. package/dist/uds/dist/components/client/Avatar/Avatar.d.cts +0 -5
  189. package/dist/uds/dist/components/client/Avatar/AvatarIcon.d.cts +0 -7
  190. package/dist/uds/dist/components/client/Avatar/AvatarImage.d.cts +0 -9
  191. package/dist/uds/dist/components/client/Avatar/AvatarText.d.cts +0 -7
  192. package/dist/uds/dist/components/client/Avatar/index.d.cts +0 -7
  193. package/dist/uds/dist/components/client/Badge.d.cts +0 -6
  194. package/dist/uds/dist/components/client/BottomSheet/BottomSheet.d.cts +0 -7
  195. package/dist/uds/dist/components/client/BottomSheet/BottomSheetContent.d.cts +0 -4
  196. package/dist/uds/dist/components/client/BottomSheet/BottomSheetHeader.d.cts +0 -4
  197. package/dist/uds/dist/components/client/BottomSheet/BottomSheetProvider.d.cts +0 -5
  198. package/dist/uds/dist/components/client/BottomSheet/UDSBottomSheetConfigProvider.d.cts +0 -5
  199. package/dist/uds/dist/components/client/BottomSheet/index.d.cts +0 -9
  200. package/dist/uds/dist/components/client/BottomSheet/useBottomSheetStore.d.cts +0 -4
  201. package/dist/uds/dist/components/client/Button.d.cts +0 -7
  202. package/dist/uds/dist/components/client/Checkbox.d.cts +0 -6
  203. package/dist/uds/dist/components/client/Chip/Chip.d.cts +0 -7
  204. package/dist/uds/dist/components/client/Chip/ChipBase.d.cts +0 -8
  205. package/dist/uds/dist/components/client/Chip/ChipButton.d.cts +0 -7
  206. package/dist/uds/dist/components/client/Chip/ChipDismissible.d.cts +0 -7
  207. package/dist/uds/dist/components/client/Chip/ChipLink.d.cts +0 -7
  208. package/dist/uds/dist/components/client/Chip/ChipToggle.d.cts +0 -7
  209. package/dist/uds/dist/components/client/Chip/index.d.cts +0 -8
  210. package/dist/uds/dist/components/client/IconButton.d.cts +0 -7
  211. package/dist/uds/dist/components/client/Input/Input.d.cts +0 -9
  212. package/dist/uds/dist/components/client/Input/InputHelpText.d.cts +0 -4
  213. package/dist/uds/dist/components/client/Input/InputHelpTextInternal.d.cts +0 -8
  214. package/dist/uds/dist/components/client/Input/index.d.cts +0 -5
  215. package/dist/uds/dist/components/client/Menu/Menu.Content.d.cts +0 -8
  216. package/dist/uds/dist/components/client/Menu/Menu.Divider.d.cts +0 -5
  217. package/dist/uds/dist/components/client/Menu/Menu.Item.d.cts +0 -8
  218. package/dist/uds/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +0 -8
  219. package/dist/uds/dist/components/client/Menu/Menu.Provider.d.cts +0 -5
  220. package/dist/uds/dist/components/client/Menu/Menu.Trigger.d.cts +0 -7
  221. package/dist/uds/dist/components/client/Menu/Menu.d.cts +0 -4
  222. package/dist/uds/dist/components/client/Menu/Menu.index.d.cts +0 -11
  223. package/dist/uds/dist/components/client/Menu/index.d.cts +0 -11
  224. package/dist/uds/dist/components/client/Popover/Popover.d.cts +0 -4
  225. package/dist/uds/dist/components/client/Popover/PopoverContent.d.cts +0 -7
  226. package/dist/uds/dist/components/client/Popover/PopoverTrigger.d.cts +0 -4
  227. package/dist/uds/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +0 -6
  228. package/dist/uds/dist/components/client/Popover/index.d.cts +0 -8
  229. package/dist/uds/dist/components/client/Pressable.d.cts +0 -6
  230. package/dist/uds/dist/components/client/Radio/Radio.d.cts +0 -6
  231. package/dist/uds/dist/components/client/Radio/RadioGroupProvider.d.cts +0 -6
  232. package/dist/uds/dist/components/client/Radio/index.d.cts +0 -5
  233. package/dist/uds/dist/components/client/SpringMotionConfig.d.cts +0 -7
  234. package/dist/uds/dist/components/client/Switch.d.cts +0 -6
  235. package/dist/uds/dist/components/client/Toast/Toast.d.cts +0 -10
  236. package/dist/uds/dist/components/client/Toast/ToastContainer.d.cts +0 -8
  237. package/dist/uds/dist/components/client/Toast/ToastPortal.d.cts +0 -5
  238. package/dist/uds/dist/components/client/Toast/UDSToastConfigProvider.d.cts +0 -7
  239. package/dist/uds/dist/components/client/Toast/createToast.d.cts +0 -8
  240. package/dist/uds/dist/components/client/Toast/index.d.cts +0 -8
  241. package/dist/uds/dist/components/client/Tooltip/Tooltip.d.cts +0 -4
  242. package/dist/uds/dist/components/client/Tooltip/TooltipContent.d.cts +0 -5
  243. package/dist/uds/dist/components/client/Tooltip/TooltipTrigger.d.cts +0 -4
  244. package/dist/uds/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts +0 -7
  245. package/dist/uds/dist/components/client/Tooltip/index.d.cts +0 -8
  246. package/dist/uds/dist/components/client/index.d.cts +0 -61
  247. package/dist/uds/dist/components/client/providers/UDSBreakpointsConfigProvider.d.cts +0 -6
  248. package/dist/uds/dist/components/client/providers/UDSConfigProvider.d.cts +0 -5
  249. package/dist/uds/dist/components/index.d.cts +0 -61
  250. package/dist/uds/dist/config/dist/index.d.cts +0 -4
  251. package/dist/uds/dist/css-tokens/dist/index.d.cts +0 -2
  252. package/dist/uds/dist/fixtures/dist/index.d.cts +0 -2
  253. package/dist/uds/dist/fonts/dist/index.d.cts +0 -2
  254. package/dist/uds/dist/index.d.cts +0 -93
  255. package/dist/uds/dist/modes/dist/index.d.cts +0 -2
  256. package/dist/uds/dist/runtime/bottomSheetConfig.d.cts +0 -3
  257. package/dist/uds/dist/runtime/breakpointsConfig.d.cts +0 -4
  258. package/dist/uds/dist/runtime/index.d.cts +0 -7
  259. package/dist/uds/dist/runtime/popoverConfig.d.cts +0 -5
  260. package/dist/uds/dist/runtime/toastConfig.d.cts +0 -4
  261. package/dist/uds/dist/runtime/tooltipConfig.d.cts +0 -5
  262. package/dist/uds/dist/runtime/udsConfig.d.cts +0 -8
  263. package/dist/uds/dist/styles/styler.d.cts +0 -2
  264. package/dist/uds/dist/styles/stylerTypes.d.cts +0 -3
  265. package/dist/uds/dist/tailwind/dist/config/dist/index.d.cts +0 -2
  266. package/dist/uds/dist/tailwind/dist/index.d.cts +0 -3
  267. package/dist/uds/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.d.cts +0 -2
  268. package/dist/uds/dist/tailwind/dist/utils/parseTokens.d.cts +0 -2
  269. package/dist/uds/dist/tokens/automation/index.d.cts +0 -10
  270. package/dist/uds/dist/tokens/configs/shadow.d.cts +0 -3
  271. package/dist/uds/dist/tokens/consts/cssTokens.d.cts +0 -2
  272. package/dist/uds/dist/tokens/consts/defaultModes.d.cts +0 -2
  273. package/dist/uds/dist/tokens/consts/fontDeclarationsMap.d.cts +0 -2
  274. package/dist/uds/dist/tokens/index.d.cts +0 -28
  275. package/dist/uds/dist/tokens/parseButtonVariants.d.cts +0 -3
  276. package/dist/uds/dist/tokens/types.d.cts +0 -9
  277. package/dist/uds/dist/tokens/utils/getFontUrls.d.cts +0 -4
  278. package/dist/uds/dist/tokens/utils/spectrum.d.cts +0 -3
  279. package/dist/uds/dist/types/dist/index.d.cts +0 -11
  280. package/dist/uds/dist/types.d.cts +0 -2
@@ -1,9 +1,32 @@
1
1
  {
2
- "Box": {
3
- "name": "Box",
2
+ "Icon": {
3
+ "name": "Icon",
4
4
  "defaultProps": {
5
- "as": "div",
6
- "display": "flex"
5
+ "size": "md",
6
+ "variant": "outline",
7
+ "color": "primary"
8
+ },
9
+ "getStylesLiterals": {
10
+ "flex": "none"
11
+ },
12
+ "cxLiterals": [
13
+ "[&_path]:fill-current"
14
+ ],
15
+ "internalComponents": [
16
+ "SVGIcon"
17
+ ],
18
+ "internalComponentProps": {},
19
+ "propToVariantKeys": {},
20
+ "runtimeConfigDefaultProps": {},
21
+ "runtimeConfigGetStyles": {},
22
+ "runtimeConfigInternalComponentProps": {},
23
+ "motionVarPrefixes": []
24
+ },
25
+ "Text": {
26
+ "name": "Text",
27
+ "defaultProps": {
28
+ "color": "primary",
29
+ "variant": "body1"
7
30
  },
8
31
  "getStylesLiterals": {},
9
32
  "cxLiterals": [],
@@ -12,11 +35,65 @@
12
35
  ],
13
36
  "internalComponentProps": {},
14
37
  "propToVariantKeys": {
15
- "elevationAlias": [
16
- "backgroundColor",
17
- "borderColor",
18
- "borderWidth",
19
- "dropShadow"
38
+ "variant": [
39
+ "fontFamily",
40
+ "fontSize",
41
+ "fontWeight",
42
+ "lineHeight",
43
+ "textTransform",
44
+ "letterSpacing"
45
+ ]
46
+ },
47
+ "runtimeConfigDefaultProps": {},
48
+ "runtimeConfigGetStyles": {},
49
+ "runtimeConfigInternalComponentProps": {},
50
+ "motionVarPrefixes": []
51
+ },
52
+ "Image": {
53
+ "name": "Image",
54
+ "defaultProps": {},
55
+ "getStylesLiterals": {},
56
+ "cxLiterals": [],
57
+ "internalComponents": [],
58
+ "internalComponentProps": {},
59
+ "propToVariantKeys": {},
60
+ "runtimeConfigDefaultProps": {},
61
+ "runtimeConfigGetStyles": {},
62
+ "runtimeConfigInternalComponentProps": {},
63
+ "motionVarPrefixes": []
64
+ },
65
+ "Scrim": {
66
+ "name": "Scrim",
67
+ "defaultProps": {
68
+ "variant": "default",
69
+ "position": "fixed"
70
+ },
71
+ "getStylesLiterals": {},
72
+ "cxLiterals": [
73
+ "fixed",
74
+ "absolute",
75
+ "inset-0",
76
+ "z-40",
77
+ "transition-opacity",
78
+ "duration-150",
79
+ "data-[enter]:opacity-100",
80
+ "[&:not([data-enter])]:opacity-0",
81
+ "opacity-100",
82
+ "uds-bgBlurFallback"
83
+ ],
84
+ "internalComponents": [
85
+ "Box"
86
+ ],
87
+ "internalComponentProps": {
88
+ "Box": {
89
+ "display": [
90
+ "block"
91
+ ]
92
+ }
93
+ },
94
+ "propToVariantKeys": {
95
+ "variant": [
96
+ "scrimVariantRoot"
20
97
  ]
21
98
  },
22
99
  "runtimeConfigDefaultProps": {},
@@ -57,8 +134,8 @@
57
134
  "runtimeConfigInternalComponentProps": {},
58
135
  "motionVarPrefixes": []
59
136
  },
60
- "HStack": {
61
- "name": "HStack",
137
+ "VStack": {
138
+ "name": "VStack",
62
139
  "defaultProps": {},
63
140
  "getStylesLiterals": {},
64
141
  "cxLiterals": [],
@@ -68,14 +145,14 @@
68
145
  "internalComponentProps": {
69
146
  "Box": {
70
147
  "flexDirection": [
71
- "row"
148
+ "column"
72
149
  ]
73
150
  }
74
151
  },
75
152
  "propToVariantKeys": {
76
153
  "gap": [
77
- "rowGap",
78
- "columnGap"
154
+ "columnGap",
155
+ "rowGap"
79
156
  ]
80
157
  },
81
158
  "runtimeConfigDefaultProps": {},
@@ -83,29 +160,6 @@
83
160
  "runtimeConfigInternalComponentProps": {},
84
161
  "motionVarPrefixes": []
85
162
  },
86
- "Icon": {
87
- "name": "Icon",
88
- "defaultProps": {
89
- "size": "md",
90
- "variant": "outline",
91
- "color": "primary"
92
- },
93
- "getStylesLiterals": {
94
- "flex": "none"
95
- },
96
- "cxLiterals": [
97
- "[&_path]:fill-current"
98
- ],
99
- "internalComponents": [
100
- "SVGIcon"
101
- ],
102
- "internalComponentProps": {},
103
- "propToVariantKeys": {},
104
- "runtimeConfigDefaultProps": {},
105
- "runtimeConfigGetStyles": {},
106
- "runtimeConfigInternalComponentProps": {},
107
- "motionVarPrefixes": []
108
- },
109
163
  "IconSlot": {
110
164
  "name": "IconSlot",
111
165
  "defaultProps": {},
@@ -121,104 +175,24 @@
121
175
  "runtimeConfigInternalComponentProps": {},
122
176
  "motionVarPrefixes": []
123
177
  },
124
- "Image": {
125
- "name": "Image",
126
- "defaultProps": {},
127
- "getStylesLiterals": {},
128
- "cxLiterals": [],
129
- "internalComponents": [],
130
- "internalComponentProps": {},
131
- "propToVariantKeys": {},
132
- "runtimeConfigDefaultProps": {},
133
- "runtimeConfigGetStyles": {},
134
- "runtimeConfigInternalComponentProps": {},
135
- "motionVarPrefixes": []
136
- },
137
- "Link": {
138
- "name": "Link",
139
- "defaultProps": {
140
- "variant": "primary"
141
- },
142
- "getStylesLiterals": {
143
- "display": "inline-flex",
144
- "alignItems": "center"
145
- },
146
- "cxLiterals": [
147
- "uds-ring",
148
- "underline",
149
- "w-[0.7em]",
150
- "h-[0.7em]"
151
- ],
152
- "internalComponents": [
153
- "IconSlot"
154
- ],
155
- "internalComponentProps": {
156
- "IconSlot": {
157
- "data-testid": [
158
- "start-icon",
159
- "end-icon"
160
- ]
161
- }
162
- },
163
- "propToVariantKeys": {
164
- "textVariant": [
165
- "linkTextStyleRoot",
166
- "fontSize",
167
- "fontFamily",
168
- "fontWeight",
169
- "lineHeight",
170
- "textTransform",
171
- "linkTextStyleIcon"
172
- ],
173
- "variant": [
174
- "linkVariantRoot",
175
- "linkVariantIconStart",
176
- "linkVariantIconEnd"
177
- ],
178
- "startIcon": [
179
- "icon"
180
- ],
181
- "endIcon": [
182
- "icon"
183
- ]
184
- },
185
- "runtimeConfigDefaultProps": {},
186
- "runtimeConfigGetStyles": {},
187
- "runtimeConfigInternalComponentProps": {},
188
- "motionVarPrefixes": []
189
- },
190
- "Scrim": {
191
- "name": "Scrim",
178
+ "Box": {
179
+ "name": "Box",
192
180
  "defaultProps": {
193
- "variant": "default",
194
- "position": "fixed"
181
+ "as": "div",
182
+ "display": "flex"
195
183
  },
196
184
  "getStylesLiterals": {},
197
- "cxLiterals": [
198
- "fixed",
199
- "absolute",
200
- "inset-0",
201
- "z-40",
202
- "transition-opacity",
203
- "duration-150",
204
- "data-[enter]:opacity-100",
205
- "[&:not([data-enter])]:opacity-0",
206
- "opacity-100",
207
- "uds-bgBlurFallback"
208
- ],
185
+ "cxLiterals": [],
209
186
  "internalComponents": [
210
- "Box"
187
+ "Comp"
211
188
  ],
212
- "internalComponentProps": {
213
- "Box": {
214
- "display": [
215
- "block"
216
- ]
217
- }
218
- },
189
+ "internalComponentProps": {},
219
190
  "propToVariantKeys": {
220
- "variant": [
221
- "scrimVariantRoot"
191
+ "elevationAlias": [
192
+ "backgroundColor",
193
+ "borderColor",
194
+ "borderWidth",
195
+ "dropShadow"
222
196
  ]
223
197
  },
224
198
  "runtimeConfigDefaultProps": {},
@@ -281,26 +255,78 @@
281
255
  "runtimeConfigInternalComponentProps": {},
282
256
  "motionVarPrefixes": []
283
257
  },
284
- "Text": {
285
- "name": "Text",
286
- "defaultProps": {
287
- "color": "primary",
288
- "variant": "body1"
289
- },
258
+ "HStack": {
259
+ "name": "HStack",
260
+ "defaultProps": {},
290
261
  "getStylesLiterals": {},
291
262
  "cxLiterals": [],
292
263
  "internalComponents": [
293
- "Comp"
264
+ "Box"
294
265
  ],
295
- "internalComponentProps": {},
266
+ "internalComponentProps": {
267
+ "Box": {
268
+ "flexDirection": [
269
+ "row"
270
+ ]
271
+ }
272
+ },
296
273
  "propToVariantKeys": {
297
- "variant": [
298
- "fontFamily",
299
- "fontSize",
300
- "fontWeight",
301
- "lineHeight",
274
+ "gap": [
275
+ "rowGap",
276
+ "columnGap"
277
+ ]
278
+ },
279
+ "runtimeConfigDefaultProps": {},
280
+ "runtimeConfigGetStyles": {},
281
+ "runtimeConfigInternalComponentProps": {},
282
+ "motionVarPrefixes": []
283
+ },
284
+ "Link": {
285
+ "name": "Link",
286
+ "defaultProps": {
287
+ "variant": "primary"
288
+ },
289
+ "getStylesLiterals": {
290
+ "display": "inline-flex",
291
+ "alignItems": "center"
292
+ },
293
+ "cxLiterals": [
294
+ "uds-ring",
295
+ "underline",
296
+ "w-[0.7em]",
297
+ "h-[0.7em]"
298
+ ],
299
+ "internalComponents": [
300
+ "IconSlot"
301
+ ],
302
+ "internalComponentProps": {
303
+ "IconSlot": {
304
+ "data-testid": [
305
+ "start-icon",
306
+ "end-icon"
307
+ ]
308
+ }
309
+ },
310
+ "propToVariantKeys": {
311
+ "textVariant": [
312
+ "linkTextStyleRoot",
313
+ "fontSize",
314
+ "fontFamily",
315
+ "fontWeight",
316
+ "lineHeight",
302
317
  "textTransform",
303
- "letterSpacing"
318
+ "linkTextStyleIcon"
319
+ ],
320
+ "variant": [
321
+ "linkVariantRoot",
322
+ "linkVariantIconStart",
323
+ "linkVariantIconEnd"
324
+ ],
325
+ "startIcon": [
326
+ "icon"
327
+ ],
328
+ "endIcon": [
329
+ "icon"
304
330
  ]
305
331
  },
306
332
  "runtimeConfigDefaultProps": {},
@@ -308,25 +334,110 @@
308
334
  "runtimeConfigInternalComponentProps": {},
309
335
  "motionVarPrefixes": []
310
336
  },
311
- "VStack": {
312
- "name": "VStack",
337
+ "BannerDescription": {
338
+ "name": "BannerDescription",
313
339
  "defaultProps": {},
314
- "getStylesLiterals": {},
340
+ "getStylesLiterals": {
341
+ "bannerSizeDescription": "default",
342
+ "className": "w-full line-clamp-3"
343
+ },
315
344
  "cxLiterals": [],
316
345
  "internalComponents": [
317
- "Box"
346
+ "Text"
347
+ ],
348
+ "internalComponentProps": {},
349
+ "propToVariantKeys": {},
350
+ "runtimeConfigDefaultProps": {},
351
+ "runtimeConfigGetStyles": {},
352
+ "runtimeConfigInternalComponentProps": {},
353
+ "motionVarPrefixes": []
354
+ },
355
+ "Banner": {
356
+ "name": "Banner",
357
+ "defaultProps": {
358
+ "variant": "primary",
359
+ "size": "default",
360
+ "dismissAriaLabel": "Dismiss"
361
+ },
362
+ "getStylesLiterals": {
363
+ "className": "line-clamp-3",
364
+ "spacing": "2",
365
+ "borderRadius": "full"
366
+ },
367
+ "cxLiterals": [
368
+ "flex",
369
+ "flex-row",
370
+ "items-center",
371
+ "items-start",
372
+ "min-w-[300px]",
373
+ "shadow-[inset_0px_-20px_20px_-10px_rgba(31,31,31,0.05)]",
374
+ "transition-[background-color]",
375
+ "motion-safe:duration-120",
376
+ "bg-carbon-15/0",
377
+ "hover:bg-carbon-15/10",
378
+ "active:bg-carbon-15/15",
379
+ "uds-ring",
380
+ "shrink-0",
381
+ "self-start",
382
+ "flex-1",
383
+ "min-w-0",
384
+ "flex-col",
385
+ "gap-[inherit]",
386
+ "uds-sm:flex-row",
387
+ "uds-sm:items-center",
388
+ "self-stretch",
389
+ "gap-0.5",
390
+ "w-full",
391
+ "truncate",
392
+ "leading-none",
393
+ "line-clamp-3",
394
+ "gap-1.5",
395
+ "uds-sm:self-center",
396
+ "uds-sm:shrink-0"
397
+ ],
398
+ "internalComponents": [
399
+ "IconSlot",
400
+ "Text",
401
+ "Pressable"
318
402
  ],
319
403
  "internalComponentProps": {
320
- "Box": {
321
- "flexDirection": [
322
- "column"
404
+ "IconSlot": {
405
+ "data-testid": [
406
+ "banner-start-icon"
407
+ ]
408
+ },
409
+ "Text": {
410
+ "data-testid": [
411
+ "banner-title",
412
+ "banner-description"
413
+ ]
414
+ },
415
+ "Pressable": {
416
+ "data-testid": [
417
+ "banner-dismiss"
323
418
  ]
324
419
  }
325
420
  },
326
421
  "propToVariantKeys": {
327
- "gap": [
328
- "columnGap",
329
- "rowGap"
422
+ "variant": [
423
+ "bannerVariantRoot",
424
+ "bannerVariantIcon"
425
+ ],
426
+ "size": [
427
+ "bannerSizeRoot",
428
+ "bannerSizeIcon",
429
+ "bannerSizeTitle",
430
+ "bannerSizeDescription",
431
+ "bannerSizeClose"
432
+ ],
433
+ "startIcon": [
434
+ "icon"
435
+ ],
436
+ "dismissAriaLabel": [
437
+ "aria-label"
438
+ ],
439
+ "onDismiss": [
440
+ "onClick"
330
441
  ]
331
442
  },
332
443
  "runtimeConfigDefaultProps": {},
@@ -334,6 +445,46 @@
334
445
  "runtimeConfigInternalComponentProps": {},
335
446
  "motionVarPrefixes": []
336
447
  },
448
+ "BannerContent": {
449
+ "name": "BannerContent",
450
+ "defaultProps": {},
451
+ "getStylesLiterals": {},
452
+ "cxLiterals": [
453
+ "flex",
454
+ "flex-col",
455
+ "items-start",
456
+ "self-stretch",
457
+ "flex-1",
458
+ "min-w-0"
459
+ ],
460
+ "internalComponents": [],
461
+ "internalComponentProps": {},
462
+ "propToVariantKeys": {},
463
+ "runtimeConfigDefaultProps": {},
464
+ "runtimeConfigGetStyles": {},
465
+ "runtimeConfigInternalComponentProps": {},
466
+ "motionVarPrefixes": []
467
+ },
468
+ "BannerTitle": {
469
+ "name": "BannerTitle",
470
+ "defaultProps": {},
471
+ "getStylesLiterals": {
472
+ "bannerSizeTitle": "default"
473
+ },
474
+ "cxLiterals": [
475
+ "w-full",
476
+ "truncate"
477
+ ],
478
+ "internalComponents": [
479
+ "Text"
480
+ ],
481
+ "internalComponentProps": {},
482
+ "propToVariantKeys": {},
483
+ "runtimeConfigDefaultProps": {},
484
+ "runtimeConfigGetStyles": {},
485
+ "runtimeConfigInternalComponentProps": {},
486
+ "motionVarPrefixes": []
487
+ },
337
488
  "Divider": {
338
489
  "name": "Divider",
339
490
  "defaultProps": {},
@@ -423,6 +574,19 @@
423
574
  "runtimeConfigInternalComponentProps": {},
424
575
  "motionVarPrefixes": []
425
576
  },
577
+ "Table.mocks": {
578
+ "name": "Table.mocks",
579
+ "defaultProps": {},
580
+ "getStylesLiterals": {},
581
+ "cxLiterals": [],
582
+ "internalComponents": [],
583
+ "internalComponentProps": {},
584
+ "propToVariantKeys": {},
585
+ "runtimeConfigDefaultProps": {},
586
+ "runtimeConfigGetStyles": {},
587
+ "runtimeConfigInternalComponentProps": {},
588
+ "motionVarPrefixes": []
589
+ },
426
590
  "Spinner": {
427
591
  "name": "Spinner",
428
592
  "defaultProps": {
@@ -457,19 +621,6 @@
457
621
  "runtimeConfigInternalComponentProps": {},
458
622
  "motionVarPrefixes": []
459
623
  },
460
- "Table.mocks": {
461
- "name": "Table.mocks",
462
- "defaultProps": {},
463
- "getStylesLiterals": {},
464
- "cxLiterals": [],
465
- "internalComponents": [],
466
- "internalComponentProps": {},
467
- "propToVariantKeys": {},
468
- "runtimeConfigDefaultProps": {},
469
- "runtimeConfigGetStyles": {},
470
- "runtimeConfigInternalComponentProps": {},
471
- "motionVarPrefixes": []
472
- },
473
624
  "Table": {
474
625
  "name": "Table",
475
626
  "defaultProps": {
@@ -509,6 +660,43 @@
509
660
  "runtimeConfigInternalComponentProps": {},
510
661
  "motionVarPrefixes": []
511
662
  },
663
+ "Pressable": {
664
+ "name": "Pressable",
665
+ "defaultProps": {},
666
+ "getStylesLiterals": {},
667
+ "cxLiterals": [],
668
+ "internalComponents": [
669
+ "Comp"
670
+ ],
671
+ "internalComponentProps": {},
672
+ "propToVariantKeys": {},
673
+ "runtimeConfigDefaultProps": {},
674
+ "runtimeConfigGetStyles": {},
675
+ "runtimeConfigInternalComponentProps": {},
676
+ "motionVarPrefixes": []
677
+ },
678
+ "SpringMotionConfig": {
679
+ "name": "SpringMotionConfig",
680
+ "defaultProps": {
681
+ "reducedMotion": "user"
682
+ },
683
+ "getStylesLiterals": {},
684
+ "cxLiterals": [],
685
+ "internalComponents": [
686
+ "LazyMotion",
687
+ "MotionConfig"
688
+ ],
689
+ "internalComponentProps": {},
690
+ "propToVariantKeys": {
691
+ "loadFeatures": [
692
+ "features"
693
+ ]
694
+ },
695
+ "runtimeConfigDefaultProps": {},
696
+ "runtimeConfigGetStyles": {},
697
+ "runtimeConfigInternalComponentProps": {},
698
+ "motionVarPrefixes": []
699
+ },
512
700
  "AnimateHeightChange": {
513
701
  "name": "AnimateHeightChange",
514
702
  "defaultProps": {},
@@ -539,65 +727,125 @@
539
727
  "--uds-motion-smooth-3-"
540
728
  ]
541
729
  },
542
- "Badge": {
543
- "name": "Badge",
730
+ "Switch": {
731
+ "name": "Switch",
544
732
  "defaultProps": {
545
- "variant": "primary",
733
+ "labelPosition": "start",
546
734
  "size": "md"
547
735
  },
548
- "getStylesLiterals": {},
736
+ "getStylesLiterals": {
737
+ "switchVariantRoot": "default",
738
+ "switchVariantActiveRoot": "on",
739
+ "switchVariantActiveRoot:1": "off",
740
+ "display": "flex",
741
+ "flexDirection": "row",
742
+ "flexDirection:1": "row-reverse",
743
+ "alignItems": "center",
744
+ "switchVariantSwitch": "default",
745
+ "switchVariantActiveSwitch": "on",
746
+ "switchVariantActiveSwitch:1": "off",
747
+ "borderRadius": "full",
748
+ "position": "relative",
749
+ "switchVariantActiveHandle": "on",
750
+ "switchVariantActiveHandle:1": "off",
751
+ "switchVariantHandle": "default",
752
+ "switchVariantHandleIcon": "default",
753
+ "switchVariantActiveHandleIcon": "on",
754
+ "switchVariantActiveHandleIcon:1": "off"
755
+ },
549
756
  "cxLiterals": [
550
- "flex-1",
551
- "truncate",
552
- "whitespace-nowrap",
553
- "text-center"
554
- ],
555
- "internalComponents": [
556
- "IconSlot",
557
- "HStack"
558
- ],
559
- "internalComponentProps": {
560
- "IconSlot": {
561
- "data-testid": [
562
- "start-icon",
563
- "end-icon"
757
+ "group",
758
+ "cursor-pointer",
759
+ "cursor-default",
760
+ "opacity-50",
761
+ "uds-ring",
762
+ "uds-ring-within",
763
+ "transition-[background-color,box-shadow]",
764
+ "relative",
765
+ "pointer-events-none",
766
+ "uds-border-radius-full",
767
+ "overflow-hidden",
768
+ "absolute",
769
+ "top-0",
770
+ "left-0",
771
+ "right-0",
772
+ "bottom-0",
773
+ "opacity-95",
774
+ "group-hover:opacity-100",
775
+ "transition-[background-color,box-shadow,opacity]",
776
+ "opacity-0",
777
+ "top-1/2",
778
+ "left-1/2",
779
+ "transform",
780
+ "translate-x-[-50%]",
781
+ "translate-y-[-50%]",
782
+ "transition-opacity",
783
+ "cursor-[inherit]",
784
+ "w-[calc(100%+2px)]",
785
+ "h-[calc(100%+2px)]",
786
+ "text-start",
787
+ "text-end",
788
+ "opacity-100"
789
+ ],
790
+ "internalComponents": [
791
+ "IconSlot",
792
+ "Box",
793
+ "FormLabel",
794
+ "SpringMotionConfig",
795
+ "RootElement",
796
+ "MotionBox"
797
+ ],
798
+ "internalComponentProps": {
799
+ "IconSlot": {
800
+ "data-testid": [
801
+ "on-icon",
802
+ "off-icon"
564
803
  ]
565
804
  },
566
- "HStack": {
567
- "gap": [
568
- "2"
805
+ "FormLabel": {
806
+ "as": [
807
+ "div"
569
808
  ],
570
- "display": [
571
- "inline-flex"
809
+ "variant": [
810
+ "inherit"
572
811
  ],
573
- "alignItems": [
574
- "center"
812
+ "color": [
813
+ "inherit"
814
+ ]
815
+ },
816
+ "RootElement": {
817
+ "data-testid": [
818
+ "container"
575
819
  ]
576
820
  }
577
821
  },
578
822
  "propToVariantKeys": {
579
823
  "size": [
580
- "badgeSizeRoot",
581
- "badgeSizeIcon"
582
- ],
583
- "variant": [
584
- "badgeVariantRoot",
585
- "badgeVariantIcon"
824
+ "switchSizeRoot",
825
+ "switchSizeSwitch",
826
+ "switchSizeHandle",
827
+ "switchSizeHandleIcon"
586
828
  ],
587
- "startIcon": [
829
+ "onIcon": [
588
830
  "icon"
589
831
  ],
590
- "endIcon": [
832
+ "offIcon": [
591
833
  "icon"
834
+ ],
835
+ "reduceMotion": [
836
+ "reducedMotion"
592
837
  ]
593
838
  },
594
839
  "runtimeConfigDefaultProps": {},
595
840
  "runtimeConfigGetStyles": {},
596
841
  "runtimeConfigInternalComponentProps": {},
597
- "motionVarPrefixes": []
842
+ "motionVarPrefixes": [
843
+ "--uds-motion-bouncy-4-",
844
+ "--uds-motion-smooth-3-"
845
+ ]
598
846
  },
599
- "Button": {
600
- "name": "Button",
847
+ "IconButton": {
848
+ "name": "IconButton",
601
849
  "defaultProps": {
602
850
  "type": "button"
603
851
  },
@@ -609,27 +857,21 @@
609
857
  "overflow-hidden",
610
858
  "justify-center",
611
859
  "items-center",
612
- "whitespace-nowrap",
613
- "select-none",
614
860
  "[transform-origin:center]",
615
861
  "[backface-visibility:hidden]",
616
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
862
+ "[transition-property:color,background-color,border-color,",
863
+ "box-shadow,text-decoration-color,fill,stroke]",
617
864
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
618
865
  "[transition-duration:220ms]",
619
866
  "cursor-not-allowed",
620
867
  "uds-button-loading",
621
868
  "uds-button-without-effects",
622
- "withIcon",
623
- "uds-button-with-gap",
624
- "animate-spin",
625
- "truncate"
869
+ "animate-spin"
626
870
  ],
627
871
  "internalComponents": [
628
872
  "Icon",
629
- "IconSlot",
630
- "AnimatePresence",
631
873
  "SpringMotionConfig",
632
- "MotionSlot"
874
+ "AnimatePresence"
633
875
  ],
634
876
  "internalComponentProps": {
635
877
  "Icon": {
@@ -637,29 +879,21 @@
637
879
  "current"
638
880
  ]
639
881
  },
640
- "AnimatePresence": {
641
- "mode": [
642
- "popLayout"
643
- ]
644
- },
645
882
  "SpringMotionConfig": {
646
883
  "layoutSpeed": [
647
884
  "3"
648
885
  ]
649
886
  },
650
- "MotionSlot": {
651
- "whileHover": [
652
- "hover"
653
- ],
654
- "whileTap": [
655
- "pressed"
887
+ "AnimatePresence": {
888
+ "mode": [
889
+ "popLayout"
656
890
  ]
657
891
  }
658
892
  },
659
893
  "propToVariantKeys": {
660
894
  "size": [
661
- "buttonSizeRoot",
662
- "buttonSizeIcon"
895
+ "iconbuttonSizeRoot",
896
+ "iconbuttonSizeIcon"
663
897
  ],
664
898
  "variant": [
665
899
  "buttonVariantRoot",
@@ -667,6 +901,60 @@
667
901
  ],
668
902
  "iconVariant": [
669
903
  "variant"
904
+ ]
905
+ },
906
+ "runtimeConfigDefaultProps": {},
907
+ "runtimeConfigGetStyles": {},
908
+ "runtimeConfigInternalComponentProps": {},
909
+ "motionVarPrefixes": [
910
+ "--uds-motion-subtle-3-",
911
+ "--uds-motion-smooth-3-"
912
+ ]
913
+ },
914
+ "Badge": {
915
+ "name": "Badge",
916
+ "defaultProps": {
917
+ "variant": "primary",
918
+ "size": "md"
919
+ },
920
+ "getStylesLiterals": {},
921
+ "cxLiterals": [
922
+ "flex-1",
923
+ "truncate",
924
+ "whitespace-nowrap",
925
+ "text-center"
926
+ ],
927
+ "internalComponents": [
928
+ "IconSlot",
929
+ "HStack"
930
+ ],
931
+ "internalComponentProps": {
932
+ "IconSlot": {
933
+ "data-testid": [
934
+ "start-icon",
935
+ "end-icon"
936
+ ]
937
+ },
938
+ "HStack": {
939
+ "gap": [
940
+ "2"
941
+ ],
942
+ "display": [
943
+ "inline-flex"
944
+ ],
945
+ "alignItems": [
946
+ "center"
947
+ ]
948
+ }
949
+ },
950
+ "propToVariantKeys": {
951
+ "size": [
952
+ "badgeSizeRoot",
953
+ "badgeSizeIcon"
954
+ ],
955
+ "variant": [
956
+ "badgeVariantRoot",
957
+ "badgeVariantIcon"
670
958
  ],
671
959
  "startIcon": [
672
960
  "icon"
@@ -678,10 +966,7 @@
678
966
  "runtimeConfigDefaultProps": {},
679
967
  "runtimeConfigGetStyles": {},
680
968
  "runtimeConfigInternalComponentProps": {},
681
- "motionVarPrefixes": [
682
- "--uds-motion-subtle-3-",
683
- "--uds-motion-smooth-3-"
684
- ]
969
+ "motionVarPrefixes": []
685
970
  },
686
971
  "Checkbox": {
687
972
  "name": "Checkbox",
@@ -789,8 +1074,8 @@
789
1074
  "--uds-motion-smooth-3-"
790
1075
  ]
791
1076
  },
792
- "IconButton": {
793
- "name": "IconButton",
1077
+ "Button": {
1078
+ "name": "Button",
794
1079
  "defaultProps": {
795
1080
  "type": "button"
796
1081
  },
@@ -802,21 +1087,27 @@
802
1087
  "overflow-hidden",
803
1088
  "justify-center",
804
1089
  "items-center",
1090
+ "whitespace-nowrap",
1091
+ "select-none",
805
1092
  "[transform-origin:center]",
806
1093
  "[backface-visibility:hidden]",
807
- "[transition-property:color,background-color,border-color,",
808
- "box-shadow,text-decoration-color,fill,stroke]",
1094
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
809
1095
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
810
1096
  "[transition-duration:220ms]",
811
1097
  "cursor-not-allowed",
812
1098
  "uds-button-loading",
813
1099
  "uds-button-without-effects",
814
- "animate-spin"
1100
+ "withIcon",
1101
+ "uds-button-with-gap",
1102
+ "animate-spin",
1103
+ "truncate"
815
1104
  ],
816
1105
  "internalComponents": [
817
1106
  "Icon",
1107
+ "IconSlot",
1108
+ "AnimatePresence",
818
1109
  "SpringMotionConfig",
819
- "AnimatePresence"
1110
+ "MotionSlot"
820
1111
  ],
821
1112
  "internalComponentProps": {
822
1113
  "Icon": {
@@ -824,21 +1115,29 @@
824
1115
  "current"
825
1116
  ]
826
1117
  },
1118
+ "AnimatePresence": {
1119
+ "mode": [
1120
+ "popLayout"
1121
+ ]
1122
+ },
827
1123
  "SpringMotionConfig": {
828
1124
  "layoutSpeed": [
829
1125
  "3"
830
1126
  ]
831
1127
  },
832
- "AnimatePresence": {
833
- "mode": [
834
- "popLayout"
1128
+ "MotionSlot": {
1129
+ "whileHover": [
1130
+ "hover"
1131
+ ],
1132
+ "whileTap": [
1133
+ "pressed"
835
1134
  ]
836
1135
  }
837
1136
  },
838
1137
  "propToVariantKeys": {
839
1138
  "size": [
840
- "iconbuttonSizeRoot",
841
- "iconbuttonSizeIcon"
1139
+ "buttonSizeRoot",
1140
+ "buttonSizeIcon"
842
1141
  ],
843
1142
  "variant": [
844
1143
  "buttonVariantRoot",
@@ -846,6 +1145,12 @@
846
1145
  ],
847
1146
  "iconVariant": [
848
1147
  "variant"
1148
+ ],
1149
+ "startIcon": [
1150
+ "icon"
1151
+ ],
1152
+ "endIcon": [
1153
+ "icon"
849
1154
  ]
850
1155
  },
851
1156
  "runtimeConfigDefaultProps": {},
@@ -856,631 +1161,176 @@
856
1161
  "--uds-motion-smooth-3-"
857
1162
  ]
858
1163
  },
859
- "Pressable": {
860
- "name": "Pressable",
861
- "defaultProps": {},
862
- "getStylesLiterals": {},
863
- "cxLiterals": [],
864
- "internalComponents": [
865
- "Comp"
866
- ],
867
- "internalComponentProps": {},
868
- "propToVariantKeys": {},
869
- "runtimeConfigDefaultProps": {},
870
- "runtimeConfigGetStyles": {},
871
- "runtimeConfigInternalComponentProps": {},
872
- "motionVarPrefixes": []
873
- },
874
- "SpringMotionConfig": {
875
- "name": "SpringMotionConfig",
1164
+ "Accordion": {
1165
+ "name": "Accordion",
876
1166
  "defaultProps": {
877
- "reducedMotion": "user"
1167
+ "spacingHorizontal": "4",
1168
+ "spacingVertical": "4"
878
1169
  },
879
1170
  "getStylesLiterals": {},
880
- "cxLiterals": [],
881
- "internalComponents": [
882
- "LazyMotion",
883
- "MotionConfig"
884
- ],
885
- "internalComponentProps": {},
886
- "propToVariantKeys": {
887
- "loadFeatures": [
888
- "features"
889
- ]
890
- },
891
- "runtimeConfigDefaultProps": {},
892
- "runtimeConfigGetStyles": {},
893
- "runtimeConfigInternalComponentProps": {},
894
- "motionVarPrefixes": []
895
- },
896
- "Switch": {
897
- "name": "Switch",
898
- "defaultProps": {
899
- "labelPosition": "start",
900
- "size": "md"
901
- },
902
- "getStylesLiterals": {
903
- "switchVariantRoot": "default",
904
- "switchVariantActiveRoot": "on",
905
- "switchVariantActiveRoot:1": "off",
906
- "display": "flex",
907
- "flexDirection": "row",
908
- "flexDirection:1": "row-reverse",
909
- "alignItems": "center",
910
- "switchVariantSwitch": "default",
911
- "switchVariantActiveSwitch": "on",
912
- "switchVariantActiveSwitch:1": "off",
913
- "borderRadius": "full",
914
- "position": "relative",
915
- "switchVariantActiveHandle": "on",
916
- "switchVariantActiveHandle:1": "off",
917
- "switchVariantHandle": "default",
918
- "switchVariantHandleIcon": "default",
919
- "switchVariantActiveHandleIcon": "on",
920
- "switchVariantActiveHandleIcon:1": "off"
921
- },
922
- "cxLiterals": [
923
- "group",
924
- "cursor-pointer",
925
- "cursor-default",
926
- "opacity-50",
927
- "uds-ring",
928
- "uds-ring-within",
929
- "transition-[background-color,box-shadow]",
930
- "relative",
931
- "pointer-events-none",
932
- "uds-border-radius-full",
933
- "overflow-hidden",
934
- "absolute",
935
- "top-0",
936
- "left-0",
937
- "right-0",
938
- "bottom-0",
939
- "opacity-95",
940
- "group-hover:opacity-100",
941
- "transition-[background-color,box-shadow,opacity]",
942
- "opacity-0",
943
- "top-1/2",
944
- "left-1/2",
945
- "transform",
946
- "translate-x-[-50%]",
947
- "translate-y-[-50%]",
948
- "transition-opacity",
949
- "cursor-[inherit]",
950
- "w-[calc(100%+2px)]",
951
- "h-[calc(100%+2px)]",
952
- "text-start",
953
- "text-end",
954
- "opacity-100"
955
- ],
956
- "internalComponents": [
957
- "IconSlot",
958
- "Box",
959
- "FormLabel",
960
- "SpringMotionConfig",
961
- "RootElement",
962
- "MotionBox"
963
- ],
964
- "internalComponentProps": {
965
- "IconSlot": {
966
- "data-testid": [
967
- "on-icon",
968
- "off-icon"
969
- ]
970
- },
971
- "FormLabel": {
972
- "as": [
973
- "div"
974
- ],
975
- "variant": [
976
- "inherit"
977
- ],
978
- "color": [
979
- "inherit"
980
- ]
981
- },
982
- "RootElement": {
983
- "data-testid": [
984
- "container"
985
- ]
986
- }
987
- },
988
- "propToVariantKeys": {
989
- "size": [
990
- "switchSizeRoot",
991
- "switchSizeSwitch",
992
- "switchSizeHandle",
993
- "switchSizeHandleIcon"
994
- ],
995
- "onIcon": [
996
- "icon"
997
- ],
998
- "offIcon": [
999
- "icon"
1000
- ],
1001
- "reduceMotion": [
1002
- "reducedMotion"
1003
- ]
1004
- },
1005
- "runtimeConfigDefaultProps": {},
1006
- "runtimeConfigGetStyles": {},
1007
- "runtimeConfigInternalComponentProps": {},
1008
- "motionVarPrefixes": [
1009
- "--uds-motion-bouncy-4-",
1010
- "--uds-motion-smooth-3-"
1011
- ]
1012
- },
1013
- "Input": {
1014
- "name": "Input",
1015
- "defaultProps": {
1016
- "type": "text",
1017
- "size": "md",
1018
- "width": "full"
1019
- },
1020
- "getStylesLiterals": {
1021
- "inputVariantRoot": "default",
1022
- "inputVariantValueRoot": "empty",
1023
- "inputVariantValueRoot:1": "filled",
1024
- "inputVariantInputWrapper": "default",
1025
- "inputVariantValueInputWrapper": "empty",
1026
- "inputVariantValueInputWrapper:1": "filled",
1027
- "inputVariantInput": "default",
1028
- "inputVariantValueInput": "empty",
1029
- "inputVariantValueInput:1": "filled",
1030
- "inputVariantInputPlaceholder": "default",
1031
- "inputVariantValueInputPlaceholder": "empty",
1032
- "inputVariantValueInputPlaceholder:1": "filled",
1033
- "inputVariantLabel": "default",
1034
- "inputVariantValueLabel": "empty",
1035
- "inputVariantValueLabel:1": "filled",
1036
- "inputVariantLabelRequired": "default",
1037
- "inputVariantValueLabelRequired": "empty",
1038
- "inputVariantValueLabelRequired:1": "filled",
1039
- "inputVariantStartIcon": "default",
1040
- "inputVariantValueStartIcon": "empty",
1041
- "inputVariantValueStartIcon:1": "filled",
1042
- "inputVariantEndIcon": "default",
1043
- "inputVariantValueEndIcon": "empty",
1044
- "inputVariantValueEndIcon:1": "filled"
1045
- },
1046
- "cxLiterals": [
1047
- "opacity-50",
1048
- "min-w-[200px]",
1049
- "grow",
1050
- "uds-hit-target",
1051
- "bg-clip-text",
1052
- "focus:outline-none",
1053
- "cursor-text",
1054
- "cursor-not-allowed"
1055
- ],
1056
- "internalComponents": [
1057
- "IconSlot",
1058
- "StartIcon",
1059
- "EndIcon",
1060
- "HelpTextContent",
1061
- "Box",
1062
- "InputHelpTextInternal",
1063
- "VStack",
1064
- "HStack",
1065
- "AnimateHeightChange"
1066
- ],
1067
- "internalComponentProps": {
1068
- "HelpTextContent": {
1069
- "spacingTop": [
1070
- "2"
1071
- ]
1072
- },
1073
- "Box": {
1074
- "spacingBottom": [
1075
- "2"
1076
- ],
1077
- "columnGap": [
1078
- "0.5"
1079
- ],
1080
- "alignItems": [
1081
- "flex-end",
1082
- "center"
1083
- ],
1084
- "position": [
1085
- "relative"
1086
- ]
1087
- },
1088
- "HStack": {
1089
- "alignItems": [
1090
- "center"
1091
- ],
1092
- "gap": [
1093
- "1"
1094
- ]
1095
- }
1096
- },
1097
- "propToVariantKeys": {
1098
- "size": [
1099
- "inputSizeRoot",
1100
- "inputSizeInputWrapper",
1101
- "inputSizeInput",
1102
- "inputSizeLabel",
1103
- "inputSizeStartIcon",
1104
- "inputSizeEndIcon"
1105
- ],
1106
- "startIcon": [
1107
- "icon"
1108
- ],
1109
- "endIcon": [
1110
- "icon"
1111
- ],
1112
- "helperTextIcon": [
1113
- "startIcon"
1114
- ]
1115
- },
1116
- "runtimeConfigDefaultProps": {},
1117
- "runtimeConfigGetStyles": {},
1118
- "runtimeConfigInternalComponentProps": {},
1119
- "motionVarPrefixes": []
1120
- },
1121
- "InputHelpText": {
1122
- "name": "InputHelpText",
1123
- "defaultProps": {
1124
- "size": "md"
1125
- },
1126
- "getStylesLiterals": {
1127
- "inputVariantRoot": "default",
1128
- "inputVariantValueRoot": "empty",
1129
- "inputVariantValueRoot:1": "filled"
1130
- },
1131
- "cxLiterals": [],
1132
- "internalComponents": [
1133
- "InputHelpTextInternal",
1134
- "Box"
1135
- ],
1136
- "internalComponentProps": {
1137
- "Box": {
1138
- "spacingTop": [
1139
- "2"
1140
- ]
1141
- }
1142
- },
1143
- "propToVariantKeys": {
1144
- "size": [
1145
- "inputSizeRoot"
1146
- ]
1147
- },
1148
- "runtimeConfigDefaultProps": {},
1149
- "runtimeConfigGetStyles": {},
1150
- "runtimeConfigInternalComponentProps": {},
1151
- "motionVarPrefixes": []
1152
- },
1153
- "InputHelpTextInternal": {
1154
- "name": "InputHelpTextInternal",
1155
- "defaultProps": {},
1156
- "getStylesLiterals": {
1157
- "inputVariantHelperText": "default",
1158
- "inputVariantValueHelperText": "empty",
1159
- "inputVariantValueHelperText:1": "filled",
1160
- "inputVariantHelperIcon": "default",
1161
- "inputVariantValueHelperIcon": "empty",
1162
- "inputVariantValueHelperIcon:1": "filled"
1163
- },
1164
- "cxLiterals": [],
1165
- "internalComponents": [
1166
- "IconSlot",
1167
- "HStack"
1168
- ],
1169
- "internalComponentProps": {
1170
- "HStack": {
1171
- "gap": [
1172
- "1"
1173
- ],
1174
- "alignItems": [
1175
- "center"
1176
- ]
1177
- }
1178
- },
1179
- "propToVariantKeys": {
1180
- "size": [
1181
- "inputSizeHelperText",
1182
- "inputSizeHelperIcon"
1183
- ],
1184
- "startIcon": [
1185
- "icon"
1186
- ],
1187
- "endIcon": [
1188
- "icon"
1189
- ]
1190
- },
1191
- "runtimeConfigDefaultProps": {},
1192
- "runtimeConfigGetStyles": {},
1193
- "runtimeConfigInternalComponentProps": {},
1194
- "motionVarPrefixes": []
1195
- },
1196
- "Radio": {
1197
- "name": "Radio",
1198
- "defaultProps": {
1199
- "labelPosition": "start",
1200
- "variant": "primary",
1201
- "size": "md",
1202
- "value": ""
1203
- },
1204
- "getStylesLiterals": {
1205
- "radioVariantValueRoot": "checked",
1206
- "radioVariantValueRoot:1": "unchecked",
1207
- "display": "flex",
1208
- "flexDirection": "row",
1209
- "flexDirection:1": "row-reverse",
1210
- "alignItems": "center",
1211
- "radioVariantValueRadio": "checked",
1212
- "radioVariantValueRadio:1": "unchecked",
1213
- "radioVariantValueRadioCircle": "checked",
1214
- "radioVariantValueRadioCircle:1": "unchecked"
1215
- },
1216
- "cxLiterals": [
1217
- "cursor-pointer",
1218
- "cursor-default",
1219
- "opacity-50",
1220
- "border",
1221
- "uds-ring",
1222
- "uds-ring-within",
1223
- "transition-[background-color,border-color]",
1224
- "transition-shadow",
1225
- "pointer-events-none",
1226
- "w-[8px]",
1227
- "h-[8px]",
1228
- "transition-opacity",
1229
- "cursor-[inherit]",
1230
- "absolute",
1231
- "opacity-0",
1232
- "top-1/2",
1233
- "left-1/2",
1234
- "w-[calc(100%+2px)]",
1235
- "h-[calc(100%+2px)]",
1236
- "transform",
1237
- "translate-x-[-50%]",
1238
- "translate-y-[-50%]",
1239
- "text-start",
1240
- "text-end"
1171
+ "cxLiterals": [
1172
+ "hover:bg-secondary/80",
1173
+ "w-full"
1241
1174
  ],
1242
1175
  "internalComponents": [
1243
- "Box",
1244
- "FormLabel",
1176
+ "Icon",
1245
1177
  "SpringMotionConfig",
1246
- "RootElement",
1247
- "MotionBox"
1178
+ "Pressable",
1179
+ "Text",
1180
+ "HStack",
1181
+ "AnimatePresence",
1182
+ "VStack"
1248
1183
  ],
1249
1184
  "internalComponentProps": {
1250
- "Box": {
1251
- "borderRadius": [
1252
- "full"
1253
- ]
1254
- },
1255
- "FormLabel": {
1256
- "as": [
1257
- "div"
1258
- ],
1185
+ "Icon": {
1259
1186
  "variant": [
1260
- "inherit"
1261
- ],
1262
- "color": [
1263
- "inherit"
1264
- ]
1265
- },
1266
- "RootElement": {
1267
- "data-testid": [
1268
- "container"
1269
- ]
1270
- },
1271
- "MotionBox": {
1272
- "position": [
1273
- "relative"
1274
- ],
1275
- "borderRadius": [
1276
- "full"
1277
- ],
1278
- "alignItems": [
1279
- "center"
1280
- ],
1281
- "justifyContent": [
1282
- "center"
1187
+ "fill"
1188
+ ],
1189
+ "size": [
1190
+ "sm"
1191
+ ],
1192
+ "color": [
1193
+ "primary"
1194
+ ]
1195
+ },
1196
+ "SpringMotionConfig": {
1197
+ "layoutVariant": [
1198
+ "smooth"
1199
+ ],
1200
+ "layoutSpeed": [
1201
+ "3"
1202
+ ]
1203
+ },
1204
+ "Pressable": {
1205
+ "display": [
1206
+ "flex"
1207
+ ],
1208
+ "flexDirection": [
1209
+ "row"
1210
+ ],
1211
+ "alignItems": [
1212
+ "center"
1213
+ ],
1214
+ "justifyContent": [
1215
+ "space-between"
1283
1216
  ],
1284
- "flex": [
1285
- "none"
1286
- ]
1287
- }
1288
- },
1289
- "propToVariantKeys": {
1290
- "size": [
1291
- "radioSizeRoot",
1292
- "radioSizeRadio"
1293
- ],
1294
- "variant": [
1295
- "radioVariantRoot",
1296
- "radioVariantRadio",
1297
- "radioVariantRadioCircle"
1298
- ],
1299
- "reduceMotion": [
1300
- "reducedMotion"
1301
- ]
1302
- },
1303
- "runtimeConfigDefaultProps": {},
1304
- "runtimeConfigGetStyles": {},
1305
- "runtimeConfigInternalComponentProps": {},
1306
- "motionVarPrefixes": [
1307
- "--uds-motion-subtle-3-",
1308
- "--uds-motion-smooth-3-"
1309
- ]
1310
- },
1311
- "RadioGroupProvider": {
1312
- "name": "RadioGroupProvider",
1313
- "defaultProps": {},
1314
- "getStylesLiterals": {},
1315
- "cxLiterals": [],
1316
- "internalComponents": [
1317
- "DivProps",
1318
- "Comp",
1319
- "RadioGroupContext.Provider"
1320
- ],
1321
- "internalComponentProps": {
1322
- "Comp": {
1323
- "role": [
1324
- "radiogroup"
1325
- ]
1326
- }
1327
- },
1328
- "propToVariantKeys": {},
1329
- "runtimeConfigDefaultProps": {},
1330
- "runtimeConfigGetStyles": {},
1331
- "runtimeConfigInternalComponentProps": {},
1332
- "motionVarPrefixes": []
1333
- },
1334
- "RadioGroupStore": {
1335
- "name": "RadioGroupStore",
1336
- "defaultProps": {},
1337
- "getStylesLiterals": {},
1338
- "cxLiterals": [],
1339
- "internalComponents": [],
1340
- "internalComponentProps": {},
1341
- "propToVariantKeys": {},
1342
- "runtimeConfigDefaultProps": {},
1343
- "runtimeConfigGetStyles": {},
1344
- "runtimeConfigInternalComponentProps": {},
1345
- "motionVarPrefixes": []
1346
- },
1347
- "Popover": {
1348
- "name": "Popover",
1349
- "defaultProps": {},
1350
- "getStylesLiterals": {},
1351
- "cxLiterals": [],
1352
- "internalComponents": [
1353
- "PopoverInternalContext.Provider",
1354
- "PopoverProvider"
1355
- ],
1356
- "internalComponentProps": {},
1357
- "propToVariantKeys": {},
1358
- "runtimeConfigDefaultProps": {
1359
- "size": "popover.defaultSize",
1360
- "variant": "popover.defaultVariant"
1361
- },
1362
- "runtimeConfigGetStyles": {},
1363
- "runtimeConfigInternalComponentProps": {},
1364
- "motionVarPrefixes": []
1365
- },
1366
- "PopoverContent": {
1367
- "name": "PopoverContent",
1368
- "defaultProps": {},
1369
- "getStylesLiterals": {
1370
- "popoverSizeRoot": "default",
1371
- "popoverVariantRoot": "default",
1372
- "display": "flex",
1373
- "position": "absolute",
1374
- "spacingTop": "0",
1375
- "spacingStart": "0",
1376
- "spacingBottom": "0",
1377
- "spacingEnd": "0",
1378
- "popoverSizeSvgBase": "default",
1379
- "popoverVariantSvgBase": "default",
1380
- "popoverSizeSvgBorder": "default",
1381
- "popoverVariantSvgBorder": "default",
1382
- "popoverVariantBlur": "default",
1383
- "width": "full",
1384
- "height": "full",
1385
- "flexShrink": "0",
1386
- "borderRadius": "full",
1387
- "alignItems": "center",
1388
- "justifyContent": "center",
1389
- "popoverVariantCloseIcon": "default",
1390
- "popoverSizeCloseIcon": "default"
1391
- },
1392
- "cxLiterals": [
1393
- "z-[9999]",
1394
- "outline-none",
1395
- "focus-visible:outline-none",
1396
- "uds-bgBlurFillFallback",
1397
- "uds-bgBlurFallback",
1398
- "top-0",
1399
- "left-0",
1400
- "z-[1]",
1401
- "duration-0",
1402
- "duration-120",
1403
- "transition-[background-color]",
1404
- "bg-carbon-15/0",
1405
- "hover:bg-carbon-15/10",
1406
- "active:bg-carbon-15/15",
1407
- "uds-ring",
1408
- "absolute",
1409
- "z-[4]"
1410
- ],
1411
- "internalComponents": [
1412
- "PopoverDismiss",
1413
- "IconSlot",
1414
- "PopoverArrow",
1415
- "Popover",
1416
- "SvgFloatingOverlay",
1417
- "Box",
1418
- "Pressable"
1419
- ],
1420
- "internalComponentProps": {},
1421
- "propToVariantKeys": {
1422
- "closeIcon": [
1423
- "icon"
1424
- ]
1425
- },
1426
- "runtimeConfigDefaultProps": {
1427
- "size": "popover.defaultSize",
1428
- "variant": "popover.defaultVariant"
1429
- },
1430
- "runtimeConfigGetStyles": {
1431
- "spacingTop": [
1432
- "popover.spacingVertical.${size}"
1433
- ],
1434
- "spacingStart": [
1435
- "popover.spacingHorizontal.${size}"
1436
- ],
1437
- "spacingBottom": [
1438
- "popover.spacingVertical.${size}"
1439
- ],
1440
- "spacingEnd": [
1441
- "popover.spacingHorizontal.${size}"
1442
- ]
1443
- },
1444
- "runtimeConfigInternalComponentProps": {
1445
- "SvgFloatingOverlay": {
1446
1217
  "borderRadius": [
1447
- "popover.borderRadius.${size}"
1218
+ "md"
1219
+ ]
1220
+ },
1221
+ "Text": {
1222
+ "variant": [
1223
+ "title4"
1224
+ ],
1225
+ "color": [
1226
+ "primary"
1227
+ ]
1228
+ },
1229
+ "HStack": {
1230
+ "display": [
1231
+ "flex"
1232
+ ],
1233
+ "alignItems": [
1234
+ "center"
1235
+ ],
1236
+ "justifyContent": [
1237
+ "space-between"
1238
+ ],
1239
+ "columnGap": [
1240
+ "2.5"
1448
1241
  ]
1449
1242
  }
1450
1243
  },
1451
- "motionVarPrefixes": []
1452
- },
1453
- "PopoverContext": {
1454
- "name": "PopoverContext",
1455
- "defaultProps": {},
1456
- "getStylesLiterals": {},
1457
- "cxLiterals": [],
1458
- "internalComponents": [],
1459
- "internalComponentProps": {},
1460
1244
  "propToVariantKeys": {},
1461
1245
  "runtimeConfigDefaultProps": {},
1462
1246
  "runtimeConfigGetStyles": {},
1463
1247
  "runtimeConfigInternalComponentProps": {},
1464
- "motionVarPrefixes": []
1248
+ "motionVarPrefixes": [
1249
+ "--uds-motion-smooth-3-"
1250
+ ]
1465
1251
  },
1466
- "PopoverTrigger": {
1467
- "name": "PopoverTrigger",
1252
+ "Modal": {
1253
+ "name": "Modal",
1468
1254
  "defaultProps": {},
1469
1255
  "getStylesLiterals": {},
1470
- "cxLiterals": [],
1256
+ "cxLiterals": [
1257
+ "inset-8",
1258
+ "top-[250px]",
1259
+ "z-50",
1260
+ "mx-auto",
1261
+ "h-fit",
1262
+ "w-[600px]",
1263
+ "origin-center",
1264
+ "scale-95",
1265
+ "opacity-0",
1266
+ "transition",
1267
+ "duration-150",
1268
+ "data-[enter]:scale-100",
1269
+ "data-[enter]:opacity-100",
1270
+ "data-[enter]:bg-primary",
1271
+ "backdrop-blur-0",
1272
+ "data-[enter]:opacity-60",
1273
+ "data-[enter]:backdrop-blur-sm"
1274
+ ],
1471
1275
  "internalComponents": [
1472
- "PopoverDisclosure"
1276
+ "IconButton",
1277
+ "Dialog",
1278
+ "HStack",
1279
+ "Text",
1280
+ "VStack"
1473
1281
  ],
1474
1282
  "internalComponentProps": {
1475
- "PopoverDisclosure": {
1476
- "className": [
1477
- "inline"
1283
+ "IconButton": {
1284
+ "aria-label": [
1285
+ "Close"
1286
+ ],
1287
+ "size": [
1288
+ "sm"
1289
+ ],
1290
+ "variant": [
1291
+ "tertiary"
1292
+ ]
1293
+ },
1294
+ "HStack": {
1295
+ "alignItems": [
1296
+ "center"
1297
+ ],
1298
+ "justifyContent": [
1299
+ "space-between"
1300
+ ]
1301
+ },
1302
+ "Text": {
1303
+ "variant": [
1304
+ "headline1"
1305
+ ],
1306
+ "color": [
1307
+ "primary"
1308
+ ]
1309
+ },
1310
+ "VStack": {
1311
+ "borderRadius": [
1312
+ "md"
1313
+ ],
1314
+ "position": [
1315
+ "fixed"
1316
+ ],
1317
+ "backgroundColor": [
1318
+ "primary"
1319
+ ],
1320
+ "dropShadow": [
1321
+ "md"
1322
+ ],
1323
+ "spacing": [
1324
+ "8"
1325
+ ],
1326
+ "overflow": [
1327
+ "hidden"
1478
1328
  ]
1479
1329
  }
1480
1330
  },
1481
1331
  "propToVariantKeys": {
1482
- "children": [
1483
- "render"
1332
+ "handleClose": [
1333
+ "onClick"
1484
1334
  ]
1485
1335
  },
1486
1336
  "runtimeConfigDefaultProps": {},
@@ -1488,81 +1338,59 @@
1488
1338
  "runtimeConfigInternalComponentProps": {},
1489
1339
  "motionVarPrefixes": []
1490
1340
  },
1491
- "UDSPopoverConfigProvider": {
1492
- "name": "UDSPopoverConfigProvider",
1341
+ "Tabs": {
1342
+ "name": "Tabs",
1493
1343
  "defaultProps": {},
1494
- "getStylesLiterals": {},
1495
- "cxLiterals": [],
1496
- "internalComponents": [
1497
- "PopoverContext.Provider"
1498
- ],
1499
- "internalComponentProps": {},
1500
- "propToVariantKeys": {},
1501
- "runtimeConfigDefaultProps": {},
1502
- "runtimeConfigGetStyles": {},
1503
- "runtimeConfigInternalComponentProps": {},
1504
- "motionVarPrefixes": []
1505
- },
1506
- "Menu.Content": {
1507
- "name": "Menu.Content",
1508
- "defaultProps": {
1509
- "size": "default",
1510
- "variant": "default",
1511
- "gutter": "1"
1344
+ "getStylesLiterals": {
1345
+ "display": "flex",
1346
+ "flexDirection": "row",
1347
+ "columnGap": "6"
1512
1348
  },
1513
- "getStylesLiterals": {},
1514
1349
  "cxLiterals": [
1515
- "uds-menu-content",
1516
- "transition-shadow",
1517
- "duration-200",
1518
- "ease-in-out",
1519
- "min-w-60",
1520
- "max-w-lg",
1521
- "max-h-96",
1522
- "overflow-auto",
1523
- "uds-ring",
1524
- "z-10",
1525
- "group"
1526
- ],
1527
- "internalComponents": [
1528
- "AriakitMenu",
1529
- "AnimatePresence",
1530
- "MotionVStack"
1350
+ "text-tertiary",
1351
+ "border-b-transparent",
1352
+ "aria-selected:border-b-brand",
1353
+ "aria-selected:text-secondary"
1531
1354
  ],
1532
- "internalComponentProps": {},
1533
- "propToVariantKeys": {
1534
- "size": [
1535
- "menucontentSizeRoot"
1536
- ],
1537
- "variant": [
1538
- "menucontentVariantRoot"
1539
- ]
1540
- },
1541
- "runtimeConfigDefaultProps": {},
1542
- "runtimeConfigGetStyles": {},
1543
- "runtimeConfigInternalComponentProps": {},
1544
- "motionVarPrefixes": []
1545
- },
1546
- "Menu.Divider": {
1547
- "name": "Menu.Divider",
1548
- "defaultProps": {
1549
- "role": "separator",
1550
- "contentPosition": "start",
1551
- "gap": "4"
1552
- },
1553
- "getStylesLiterals": {
1554
- "menuitemDividerVariantRoot": "default",
1555
- "menuitemDividerVariantText": "default",
1556
- "menuitemDividerVariantLine": "default"
1557
- },
1558
- "cxLiterals": [],
1559
1355
  "internalComponents": [
1560
- "DividerInternal"
1356
+ "TabProvider",
1357
+ "OriginalTabList",
1358
+ "OriginalTab",
1359
+ "Icon",
1360
+ "OriginalTabPanel",
1361
+ "Pressable",
1362
+ "Comp",
1363
+ "Text"
1561
1364
  ],
1562
1365
  "internalComponentProps": {
1563
- "DividerInternal": {
1366
+ "Icon": {
1367
+ "className": [
1368
+ "text-current"
1369
+ ],
1370
+ "size": [
1371
+ "md"
1372
+ ]
1373
+ },
1374
+ "Pressable": {
1375
+ "borderBottomWidth": [
1376
+ "medium"
1377
+ ],
1378
+ "spacingBottom": [
1379
+ "1"
1380
+ ],
1381
+ "spacingTop": [
1382
+ "4"
1383
+ ]
1384
+ },
1385
+ "Text": {
1386
+ "className": [
1387
+ "text-current"
1388
+ ],
1564
1389
  "variant": [
1565
- "inherit"
1390
+ "headline1"
1391
+ ],
1392
+ "as": [
1393
+ "span"
1566
1394
  ]
1567
1395
  }
1568
1396
  },
@@ -1572,24 +1400,12 @@
1572
1400
  "runtimeConfigInternalComponentProps": {},
1573
1401
  "motionVarPrefixes": []
1574
1402
  },
1575
- "Menu.Item": {
1576
- "name": "Menu.Item",
1403
+ "AvoidMotionLibraryProvider": {
1404
+ "name": "AvoidMotionLibraryProvider",
1577
1405
  "defaultProps": {},
1578
- "getStylesLiterals": {
1579
- "menuitemItemVariantRoot": "default",
1580
- "menuitemItemVariantActiveRoot": "on",
1581
- "menuitemItemVariantActiveRoot:1": "off",
1582
- "menuitemItemVariantText": "default",
1583
- "menuitemItemVariantActiveText": "on",
1584
- "menuitemItemVariantActiveText:1": "off",
1585
- "menuitemItemVariantIcon": "default",
1586
- "menuitemItemVariantActiveIcon": "on",
1587
- "menuitemItemVariantActiveIcon:1": "off"
1588
- },
1406
+ "getStylesLiterals": {},
1589
1407
  "cxLiterals": [],
1590
- "internalComponents": [
1591
- "MenuItemBase"
1592
- ],
1408
+ "internalComponents": [],
1593
1409
  "internalComponentProps": {},
1594
1410
  "propToVariantKeys": {},
1595
1411
  "runtimeConfigDefaultProps": {},
@@ -1597,71 +1413,87 @@
1597
1413
  "runtimeConfigInternalComponentProps": {},
1598
1414
  "motionVarPrefixes": []
1599
1415
  },
1600
- "Menu.ItemBase": {
1601
- "name": "Menu.ItemBase",
1416
+ "SegmentedControl": {
1417
+ "name": "SegmentedControl",
1602
1418
  "defaultProps": {
1603
- "spacing": "0",
1604
- "spacingHorizontal": "4",
1605
- "spacingVertical": "3.5",
1606
- "columnGap": "2",
1607
- "alignItems": "center",
1608
- "justifyContent": "space-between"
1419
+ "textVariant": "label2"
1609
1420
  },
1610
1421
  "getStylesLiterals": {
1611
- "textAlign": "start",
1612
- "menuitemSizeRoot": "default",
1613
- "flexDirection": "row",
1614
- "menuitemSizeStartIcon": "default",
1615
- "menuitemSizeEndIcon": "default"
1422
+ "display": "flex",
1423
+ "alignItems": "center",
1424
+ "backgroundColor": "primary",
1425
+ "spacingVertical": "1",
1426
+ "spacingHorizontal": "3",
1427
+ "columnGap": "1.5",
1428
+ "borderWidth": "thin",
1429
+ "borderRadius": "full",
1430
+ "borderColor": "muted",
1431
+ "borderColor:1": "transparent",
1432
+ "color": "primary",
1433
+ "color:1": "tertiary",
1434
+ "color:2": "muted"
1616
1435
  },
1617
1436
  "cxLiterals": [
1618
- "flex",
1619
- "focus-visible:text-brand",
1620
- "focus-visible:bg-brand-secondary",
1621
- "focus-visible:z-10",
1622
1437
  "uds-ring",
1623
- "!-outline-offset-2",
1624
- "[&:not([aria-checked])]:cursor-default",
1625
- "opacity-25",
1626
1438
  "cursor-not-allowed",
1627
- "duration-20",
1628
- "transition-[font-variation-settings]",
1629
- "ease-in-out",
1630
- "z-0",
1631
- "uds-start-icon",
1632
- "uds-end-icon"
1439
+ "opacity-50",
1440
+ "pointer-events-none",
1441
+ "hover:bg-primary"
1633
1442
  ],
1634
1443
  "internalComponents": [
1635
- "Pressable",
1636
- "IconSlot",
1637
- "RootComponent",
1444
+ "TextVariant",
1445
+ "Radio",
1446
+ "Icon",
1447
+ "RadioProvider",
1638
1448
  "HStack",
1639
- "AnimatePresence"
1449
+ "RadioGroup",
1450
+ "Pressable",
1451
+ "Text"
1640
1452
  ],
1641
1453
  "internalComponentProps": {
1454
+ "Icon": {
1455
+ "size": [
1456
+ "sm"
1457
+ ],
1458
+ "color": [
1459
+ "current"
1460
+ ],
1461
+ "aria-hidden": [
1462
+ "true"
1463
+ ]
1464
+ },
1642
1465
  "HStack": {
1643
- "alignItems": [
1644
- "center"
1466
+ "spacing": [
1467
+ "1"
1645
1468
  ],
1646
- "width": [
1469
+ "gap": [
1470
+ "1"
1471
+ ],
1472
+ "backgroundColor": [
1473
+ "secondary"
1474
+ ],
1475
+ "borderRadius": [
1647
1476
  "full"
1477
+ ],
1478
+ "display": [
1479
+ "inline-flex"
1648
1480
  ]
1649
1481
  },
1650
- "AnimatePresence": {
1651
- "mode": [
1652
- "popLayout"
1482
+ "Text": {
1483
+ "color": [
1484
+ "current"
1653
1485
  ]
1654
1486
  }
1655
1487
  },
1656
1488
  "propToVariantKeys": {
1657
- "startIcon": [
1658
- "icon"
1489
+ "value": [
1490
+ "key"
1659
1491
  ],
1660
- "endIcon": [
1661
- "icon"
1492
+ "label": [
1493
+ "aria-label"
1662
1494
  ],
1663
- "columnGap": [
1664
- "gap"
1495
+ "textVariant": [
1496
+ "variant"
1665
1497
  ]
1666
1498
  },
1667
1499
  "runtimeConfigDefaultProps": {},
@@ -1669,85 +1501,145 @@
1669
1501
  "runtimeConfigInternalComponentProps": {},
1670
1502
  "motionVarPrefixes": []
1671
1503
  },
1672
- "Menu.ItemCheckbox": {
1673
- "name": "Menu.ItemCheckbox",
1674
- "defaultProps": {},
1504
+ "SwitchV2": {
1505
+ "name": "SwitchV2",
1506
+ "defaultProps": {
1507
+ "labelPosition": "start",
1508
+ "size": "md"
1509
+ },
1675
1510
  "getStylesLiterals": {
1676
- "menuitemItemCheckboxVariantRoot": "default",
1677
- "menuitemItemCheckboxVariantActiveRoot": "on",
1678
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1679
- "menuitemItemCheckboxVariantText": "default",
1680
- "menuitemItemCheckboxVariantActiveText": "on",
1681
- "menuitemItemCheckboxVariantActiveText:1": "off",
1682
- "menuitemItemCheckboxVariantStartIcon": "default",
1683
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1684
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1685
- "menuitemItemCheckboxVariantEndIcon": "default",
1686
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1687
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1511
+ "switchVariantRoot": "default",
1512
+ "switchVariantActiveRoot": "on",
1513
+ "switchVariantActiveRoot:1": "off",
1514
+ "switchVariantSwitch": "default",
1515
+ "switchVariantActiveSwitch": "on",
1516
+ "switchVariantActiveSwitch:1": "off",
1517
+ "switchVariantActiveHandle": "on",
1518
+ "switchVariantActiveHandle:1": "off",
1519
+ "switchVariantHandle": "default",
1520
+ "switchVariantHandleIcon": "default",
1521
+ "switchVariantActiveHandleIcon": "on",
1522
+ "switchVariantActiveHandleIcon:1": "off"
1688
1523
  },
1689
1524
  "cxLiterals": [
1690
- "uds-menu-item-checkbox"
1691
- ],
1692
- "internalComponents": [
1693
- "MenuItemBase"
1525
+ "group",
1526
+ "flex",
1527
+ "items-center",
1528
+ "flex-row",
1529
+ "flex-row-reverse",
1530
+ "uds-ring",
1531
+ "uds-ring-within",
1532
+ "relative",
1533
+ "uds-border-radius-full",
1534
+ "transition-[background-color,box-shadow]",
1535
+ "pointer-events-none",
1536
+ "w-full",
1537
+ "h-full",
1538
+ "absolute",
1539
+ "top-0",
1540
+ "bottom-0",
1541
+ "right-0",
1542
+ "left-0",
1543
+ "overflow-hidden",
1544
+ "group-hover:scale-105",
1545
+ "opacity-95",
1546
+ "group-hover:opacity-100",
1547
+ "transition-[transform,opacity]",
1548
+ "opacity-0",
1549
+ "top-1/2",
1550
+ "left-1/2",
1551
+ "transform",
1552
+ "translate-x-[-50%]",
1553
+ "translate-y-[-50%]",
1554
+ "transition-opacity",
1555
+ "cursor-[inherit]",
1556
+ "w-[calc(100%+2px)]",
1557
+ "h-[calc(100%+2px)]",
1558
+ "text-start",
1559
+ "text-end",
1560
+ "opacity-100"
1694
1561
  ],
1695
- "internalComponentProps": {},
1696
- "propToVariantKeys": {},
1697
- "runtimeConfigDefaultProps": {},
1698
- "runtimeConfigGetStyles": {},
1699
- "runtimeConfigInternalComponentProps": {},
1700
- "motionVarPrefixes": []
1701
- },
1702
- "Menu.Provider": {
1703
- "name": "Menu.Provider",
1704
- "defaultProps": {},
1705
- "getStylesLiterals": {},
1706
- "cxLiterals": [],
1707
1562
  "internalComponents": [
1708
- "AriakitMenuProvider",
1709
- "SpringMotionConfig"
1563
+ "IconSlot",
1564
+ "Box",
1565
+ "FormLabel",
1566
+ "SpringMotionConfig",
1567
+ "RootElement",
1568
+ "MotionBox"
1710
1569
  ],
1711
- "internalComponentProps": {},
1712
- "propToVariantKeys": {},
1570
+ "internalComponentProps": {
1571
+ "IconSlot": {
1572
+ "data-testid": [
1573
+ "on-icon",
1574
+ "off-icon"
1575
+ ]
1576
+ },
1577
+ "FormLabel": {
1578
+ "as": [
1579
+ "div"
1580
+ ],
1581
+ "variant": [
1582
+ "inherit"
1583
+ ],
1584
+ "color": [
1585
+ "inherit"
1586
+ ]
1587
+ },
1588
+ "SpringMotionConfig": {
1589
+ "layoutVariant": [
1590
+ "bouncy"
1591
+ ],
1592
+ "layoutSpeed": [
1593
+ "4"
1594
+ ]
1595
+ },
1596
+ "RootElement": {
1597
+ "data-testid": [
1598
+ "switch-root"
1599
+ ]
1600
+ },
1601
+ "MotionBox": {
1602
+ "layout": [
1603
+ "position"
1604
+ ]
1605
+ }
1606
+ },
1607
+ "propToVariantKeys": {
1608
+ "size": [
1609
+ "switchSizeRoot",
1610
+ "switchSizeSwitch",
1611
+ "switchSizeHandle",
1612
+ "switchSizeHandleIcon"
1613
+ ],
1614
+ "onIcon": [
1615
+ "icon"
1616
+ ],
1617
+ "offIcon": [
1618
+ "icon"
1619
+ ],
1620
+ "reduceMotion": [
1621
+ "reducedMotion"
1622
+ ],
1623
+ "isOn": [
1624
+ "layoutDependency"
1625
+ ]
1626
+ },
1713
1627
  "runtimeConfigDefaultProps": {},
1714
1628
  "runtimeConfigGetStyles": {},
1715
1629
  "runtimeConfigInternalComponentProps": {},
1716
1630
  "motionVarPrefixes": [
1717
- "--uds-motion-subtle-3-",
1631
+ "--uds-motion-bouncy-4-",
1718
1632
  "--uds-motion-smooth-3-"
1719
1633
  ]
1720
1634
  },
1721
- "Menu.Trigger": {
1722
- "name": "Menu.Trigger",
1635
+ "UDSToastConfigProvider": {
1636
+ "name": "UDSToastConfigProvider",
1723
1637
  "defaultProps": {},
1724
1638
  "getStylesLiterals": {},
1725
- "cxLiterals": [
1726
- "uds-menu-trigger"
1727
- ],
1639
+ "cxLiterals": [],
1728
1640
  "internalComponents": [
1729
- "AriakitMenuTrigger",
1730
- "Box"
1641
+ "ToastContext.Provider"
1731
1642
  ],
1732
- "internalComponentProps": {
1733
- "Box": {
1734
- "className": [
1735
- "uds-ring h-fit w-fit"
1736
- ]
1737
- }
1738
- },
1739
- "propToVariantKeys": {},
1740
- "runtimeConfigDefaultProps": {},
1741
- "runtimeConfigGetStyles": {},
1742
- "runtimeConfigInternalComponentProps": {},
1743
- "motionVarPrefixes": []
1744
- },
1745
- "Menu.index": {
1746
- "name": "Menu.index",
1747
- "defaultProps": {},
1748
- "getStylesLiterals": {},
1749
- "cxLiterals": [],
1750
- "internalComponents": [],
1751
1643
  "internalComponentProps": {},
1752
1644
  "propToVariantKeys": {},
1753
1645
  "runtimeConfigDefaultProps": {},
@@ -1755,82 +1647,197 @@
1755
1647
  "runtimeConfigInternalComponentProps": {},
1756
1648
  "motionVarPrefixes": []
1757
1649
  },
1758
- "Menu": {
1759
- "name": "Menu",
1650
+ "ToastPortal": {
1651
+ "name": "ToastPortal",
1760
1652
  "defaultProps": {},
1761
1653
  "getStylesLiterals": {},
1762
1654
  "cxLiterals": [],
1763
- "internalComponents": [],
1655
+ "internalComponents": [
1656
+ "ReactToastifyToastContainer"
1657
+ ],
1764
1658
  "internalComponentProps": {},
1765
1659
  "propToVariantKeys": {},
1766
- "runtimeConfigDefaultProps": {},
1660
+ "runtimeConfigDefaultProps": {
1661
+ "size": "toast.defaultSize",
1662
+ "variant": "toast.defaultVariant"
1663
+ },
1767
1664
  "runtimeConfigGetStyles": {},
1768
- "runtimeConfigInternalComponentProps": {},
1665
+ "runtimeConfigInternalComponentProps": {
1666
+ "ReactToastifyToastContainer": {
1667
+ "autoClose": [
1668
+ "toast.autoClose"
1669
+ ]
1670
+ }
1671
+ },
1769
1672
  "motionVarPrefixes": []
1770
1673
  },
1771
- "BottomSheet": {
1772
- "name": "BottomSheet",
1773
- "defaultProps": {
1774
- "variant": "default"
1674
+ "Toast": {
1675
+ "name": "Toast",
1676
+ "defaultProps": {},
1677
+ "getStylesLiterals": {
1678
+ "className": "flex-none",
1679
+ "spacing": "2",
1680
+ "borderRadius": "full"
1775
1681
  },
1776
- "getStylesLiterals": {},
1777
1682
  "cxLiterals": [
1778
- "fixed",
1779
- "overflow-hidden",
1780
- "inset-x-0",
1781
- "bottom-0",
1782
- "z-50",
1783
- "[will-change:transform]",
1784
- "touch-none",
1785
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1786
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1787
- "transition-transform",
1788
- "duration-500",
1789
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1790
- "motion-reduce:transition-none",
1791
- "top-[-4px]",
1792
- "z-[1]",
1793
- "touch-pan-y"
1683
+ "duration-0",
1684
+ "duration-120",
1685
+ "transition-[background-color]",
1686
+ "bg-carbon-15/0",
1687
+ "hover:bg-carbon-15/10",
1688
+ "active:bg-carbon-15/15",
1689
+ "uds-ring"
1794
1690
  ],
1795
1691
  "internalComponents": [
1796
- "Scrim",
1797
- "BottomSheetHandle",
1798
- "Dialog",
1799
- "Box",
1800
- "BottomSheetInternalContext.Provider"
1692
+ "IconSlot",
1693
+ "ToastContainer",
1694
+ "Text",
1695
+ "Button",
1696
+ "Pressable"
1801
1697
  ],
1802
- "internalComponentProps": {
1803
- "BottomSheetHandle": {
1804
- "ariaLabel": [
1805
- "Resize sheet"
1698
+ "internalComponentProps": {},
1699
+ "propToVariantKeys": {
1700
+ "size": [
1701
+ "toastSizeLabel",
1702
+ "toastSizeIcon",
1703
+ "toastSizeActionButton",
1704
+ "toastSizeCloseIcon"
1705
+ ],
1706
+ "variant": [
1707
+ "toastVariantIcon",
1708
+ "toastVariantActionButton",
1709
+ "toastVariantCloseIcon"
1710
+ ],
1711
+ "closeIcon": [
1712
+ "icon"
1713
+ ],
1714
+ "onClickActionButton": [
1715
+ "onClick"
1716
+ ]
1717
+ },
1718
+ "runtimeConfigDefaultProps": {
1719
+ "size": "toast.defaultSize",
1720
+ "variant": "toast.defaultVariant"
1721
+ },
1722
+ "runtimeConfigGetStyles": {
1723
+ "toastSizeLabel": [
1724
+ "toast.defaultSize"
1725
+ ],
1726
+ "toastVariantIcon": [
1727
+ "toast.defaultVariant"
1728
+ ],
1729
+ "toastSizeIcon": [
1730
+ "toast.defaultSize"
1731
+ ],
1732
+ "toastSizeActionButton": [
1733
+ "toast.defaultSize"
1734
+ ],
1735
+ "toastVariantActionButton": [
1736
+ "toast.defaultVariant"
1737
+ ],
1738
+ "toastVariantCloseIcon": [
1739
+ "toast.defaultVariant"
1740
+ ],
1741
+ "toastSizeCloseIcon": [
1742
+ "toast.defaultSize"
1743
+ ]
1744
+ },
1745
+ "runtimeConfigInternalComponentProps": {
1746
+ "ToastContainer": {
1747
+ "size": [
1748
+ "toast.defaultSize"
1749
+ ],
1750
+ "variant": [
1751
+ "toast.defaultVariant"
1806
1752
  ]
1807
1753
  },
1808
- "Dialog": {
1809
- "data-testid": [
1810
- "bottom-sheet"
1754
+ "Text": {
1755
+ "variant": [
1756
+ "toast.textVariant.${size}"
1757
+ ],
1758
+ "color": [
1759
+ "toast.textColor.${variant}"
1811
1760
  ]
1812
1761
  },
1813
- "Box": {
1814
- "display": [
1815
- "block",
1816
- "flex"
1762
+ "Button": {
1763
+ "size": [
1764
+ "toast.buttonSize.${size}"
1817
1765
  ],
1818
- "position": [
1819
- "absolute"
1766
+ "variant": [
1767
+ "toast.buttonVariant.${variant}"
1768
+ ]
1769
+ }
1770
+ },
1771
+ "motionVarPrefixes": []
1772
+ },
1773
+ "ToastContainer": {
1774
+ "name": "ToastContainer",
1775
+ "defaultProps": {},
1776
+ "getStylesLiterals": {
1777
+ "position": "relative",
1778
+ "alignItems": "center",
1779
+ "display": "flex",
1780
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1781
+ },
1782
+ "cxLiterals": [
1783
+ "w-full"
1784
+ ],
1785
+ "internalComponents": [
1786
+ "HStack"
1787
+ ],
1788
+ "internalComponentProps": {
1789
+ "HStack": {
1790
+ "alignItems": [
1791
+ "center"
1820
1792
  ],
1821
- "flexDirection": [
1822
- "column"
1793
+ "justifyContent": [
1794
+ "space-between"
1823
1795
  ],
1824
- "className": [
1825
- "absolute inset-0 min-h-0 p-[inherit]"
1796
+ "overflow": [
1797
+ "hidden"
1798
+ ],
1799
+ "position": [
1800
+ "relative"
1826
1801
  ]
1827
1802
  }
1828
1803
  },
1829
1804
  "propToVariantKeys": {
1830
1805
  "variant": [
1831
- "bottomsheetVariantRoot"
1806
+ "toastVariantRoot"
1807
+ ],
1808
+ "size": [
1809
+ "toastSizeRoot"
1810
+ ]
1811
+ },
1812
+ "runtimeConfigDefaultProps": {
1813
+ "size": "toast.defaultSize",
1814
+ "variant": "toast.defaultVariant"
1815
+ },
1816
+ "runtimeConfigGetStyles": {
1817
+ "toastVariantRoot": [
1818
+ "toast.defaultVariant"
1819
+ ],
1820
+ "toastSizeRoot": [
1821
+ "toast.defaultSize"
1832
1822
  ]
1833
1823
  },
1824
+ "runtimeConfigInternalComponentProps": {
1825
+ "HStack": {
1826
+ "backgroundColor": [
1827
+ "toast.backgroundColor.${variant}"
1828
+ ]
1829
+ }
1830
+ },
1831
+ "motionVarPrefixes": []
1832
+ },
1833
+ "BottomSheetInternalContext": {
1834
+ "name": "BottomSheetInternalContext",
1835
+ "defaultProps": {},
1836
+ "getStylesLiterals": {},
1837
+ "cxLiterals": [],
1838
+ "internalComponents": [],
1839
+ "internalComponentProps": {},
1840
+ "propToVariantKeys": {},
1834
1841
  "runtimeConfigDefaultProps": {},
1835
1842
  "runtimeConfigGetStyles": {},
1836
1843
  "runtimeConfigInternalComponentProps": {},
@@ -1869,21 +1876,6 @@
1869
1876
  "runtimeConfigInternalComponentProps": {},
1870
1877
  "motionVarPrefixes": []
1871
1878
  },
1872
- "BottomSheetDismiss": {
1873
- "name": "BottomSheetDismiss",
1874
- "defaultProps": {},
1875
- "getStylesLiterals": {},
1876
- "cxLiterals": [],
1877
- "internalComponents": [
1878
- "AriakitDialogDismiss"
1879
- ],
1880
- "internalComponentProps": {},
1881
- "propToVariantKeys": {},
1882
- "runtimeConfigDefaultProps": {},
1883
- "runtimeConfigGetStyles": {},
1884
- "runtimeConfigInternalComponentProps": {},
1885
- "motionVarPrefixes": []
1886
- },
1887
1879
  "BottomSheetHandle": {
1888
1880
  "name": "BottomSheetHandle",
1889
1881
  "defaultProps": {
@@ -1930,6 +1922,74 @@
1930
1922
  "runtimeConfigInternalComponentProps": {},
1931
1923
  "motionVarPrefixes": []
1932
1924
  },
1925
+ "BottomSheet": {
1926
+ "name": "BottomSheet",
1927
+ "defaultProps": {
1928
+ "variant": "default"
1929
+ },
1930
+ "getStylesLiterals": {},
1931
+ "cxLiterals": [
1932
+ "fixed",
1933
+ "overflow-hidden",
1934
+ "inset-x-0",
1935
+ "bottom-0",
1936
+ "z-50",
1937
+ "[will-change:transform]",
1938
+ "touch-none",
1939
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1940
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1941
+ "transition-transform",
1942
+ "duration-500",
1943
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1944
+ "motion-reduce:transition-none",
1945
+ "top-[-4px]",
1946
+ "z-[1]",
1947
+ "touch-pan-y"
1948
+ ],
1949
+ "internalComponents": [
1950
+ "Scrim",
1951
+ "BottomSheetHandle",
1952
+ "Dialog",
1953
+ "Box",
1954
+ "BottomSheetInternalContext.Provider"
1955
+ ],
1956
+ "internalComponentProps": {
1957
+ "BottomSheetHandle": {
1958
+ "ariaLabel": [
1959
+ "Resize sheet"
1960
+ ]
1961
+ },
1962
+ "Dialog": {
1963
+ "data-testid": [
1964
+ "bottom-sheet"
1965
+ ]
1966
+ },
1967
+ "Box": {
1968
+ "display": [
1969
+ "block",
1970
+ "flex"
1971
+ ],
1972
+ "position": [
1973
+ "absolute"
1974
+ ],
1975
+ "flexDirection": [
1976
+ "column"
1977
+ ],
1978
+ "className": [
1979
+ "absolute inset-0 min-h-0 p-[inherit]"
1980
+ ]
1981
+ }
1982
+ },
1983
+ "propToVariantKeys": {
1984
+ "variant": [
1985
+ "bottomsheetVariantRoot"
1986
+ ]
1987
+ },
1988
+ "runtimeConfigDefaultProps": {},
1989
+ "runtimeConfigGetStyles": {},
1990
+ "runtimeConfigInternalComponentProps": {},
1991
+ "motionVarPrefixes": []
1992
+ },
1933
1993
  "BottomSheetHeader": {
1934
1994
  "name": "BottomSheetHeader",
1935
1995
  "defaultProps": {
@@ -1986,12 +2046,14 @@
1986
2046
  "runtimeConfigInternalComponentProps": {},
1987
2047
  "motionVarPrefixes": []
1988
2048
  },
1989
- "BottomSheetInternalContext": {
1990
- "name": "BottomSheetInternalContext",
2049
+ "BottomSheetTrigger": {
2050
+ "name": "BottomSheetTrigger",
1991
2051
  "defaultProps": {},
1992
2052
  "getStylesLiterals": {},
1993
2053
  "cxLiterals": [],
1994
- "internalComponents": [],
2054
+ "internalComponents": [
2055
+ "AriakitDialogDisclosure"
2056
+ ],
1995
2057
  "internalComponentProps": {},
1996
2058
  "propToVariantKeys": {},
1997
2059
  "runtimeConfigDefaultProps": {},
@@ -1999,13 +2061,13 @@
1999
2061
  "runtimeConfigInternalComponentProps": {},
2000
2062
  "motionVarPrefixes": []
2001
2063
  },
2002
- "BottomSheetProvider": {
2003
- "name": "BottomSheetProvider",
2064
+ "UDSBottomSheetConfigProvider": {
2065
+ "name": "UDSBottomSheetConfigProvider",
2004
2066
  "defaultProps": {},
2005
2067
  "getStylesLiterals": {},
2006
2068
  "cxLiterals": [],
2007
2069
  "internalComponents": [
2008
- "AriakitDialogProvider"
2070
+ "BottomSheetContext.Provider"
2009
2071
  ],
2010
2072
  "internalComponentProps": {},
2011
2073
  "propToVariantKeys": {},
@@ -2014,13 +2076,13 @@
2014
2076
  "runtimeConfigInternalComponentProps": {},
2015
2077
  "motionVarPrefixes": []
2016
2078
  },
2017
- "BottomSheetTrigger": {
2018
- "name": "BottomSheetTrigger",
2079
+ "BottomSheetDismiss": {
2080
+ "name": "BottomSheetDismiss",
2019
2081
  "defaultProps": {},
2020
2082
  "getStylesLiterals": {},
2021
2083
  "cxLiterals": [],
2022
2084
  "internalComponents": [
2023
- "AriakitDialogDisclosure"
2085
+ "AriakitDialogDismiss"
2024
2086
  ],
2025
2087
  "internalComponentProps": {},
2026
2088
  "propToVariantKeys": {},
@@ -2029,13 +2091,13 @@
2029
2091
  "runtimeConfigInternalComponentProps": {},
2030
2092
  "motionVarPrefixes": []
2031
2093
  },
2032
- "UDSBottomSheetConfigProvider": {
2033
- "name": "UDSBottomSheetConfigProvider",
2094
+ "BottomSheetProvider": {
2095
+ "name": "BottomSheetProvider",
2034
2096
  "defaultProps": {},
2035
2097
  "getStylesLiterals": {},
2036
2098
  "cxLiterals": [],
2037
2099
  "internalComponents": [
2038
- "BottomSheetContext.Provider"
2100
+ "AriakitDialogProvider"
2039
2101
  ],
2040
2102
  "internalComponentProps": {},
2041
2103
  "propToVariantKeys": {},
@@ -2044,19 +2106,97 @@
2044
2106
  "runtimeConfigInternalComponentProps": {},
2045
2107
  "motionVarPrefixes": []
2046
2108
  },
2047
- "Chip": {
2048
- "name": "Chip",
2049
- "defaultProps": {},
2109
+ "ChipLink": {
2110
+ "name": "ChipLink",
2111
+ "defaultProps": {
2112
+ "variant": "primary"
2113
+ },
2050
2114
  "getStylesLiterals": {},
2051
- "cxLiterals": [],
2115
+ "cxLiterals": [
2116
+ "uds-ring"
2117
+ ],
2052
2118
  "internalComponents": [
2053
- "ChipDismissible",
2054
- "ChipToggle",
2055
- "ChipLink",
2056
- "ChipButton"
2119
+ "ChipBase"
2120
+ ],
2121
+ "internalComponentProps": {
2122
+ "ChipBase": {
2123
+ "as": [
2124
+ "a"
2125
+ ]
2126
+ }
2127
+ },
2128
+ "propToVariantKeys": {
2129
+ "variant": [
2130
+ "chipLinkVariantRoot",
2131
+ "chipLinkVariantIcon"
2132
+ ]
2133
+ },
2134
+ "runtimeConfigDefaultProps": {},
2135
+ "runtimeConfigGetStyles": {},
2136
+ "runtimeConfigInternalComponentProps": {},
2137
+ "motionVarPrefixes": []
2138
+ },
2139
+ "ChipDismissible": {
2140
+ "name": "ChipDismissible",
2141
+ "defaultProps": {
2142
+ "variant": "primary"
2143
+ },
2144
+ "getStylesLiterals": {},
2145
+ "cxLiterals": [
2146
+ "uds-chip-dismissible-button",
2147
+ "uds-hit-target",
2148
+ "uds-ring",
2149
+ "rounded-full"
2150
+ ],
2151
+ "internalComponents": [
2152
+ "ChipBase",
2153
+ "IconSlot",
2154
+ "Pressable"
2057
2155
  ],
2058
2156
  "internalComponentProps": {},
2059
- "propToVariantKeys": {},
2157
+ "propToVariantKeys": {
2158
+ "variant": [
2159
+ "chipDismissibleVariantRoot",
2160
+ "chipDismissibleVariantIcon"
2161
+ ],
2162
+ "dismissButtonAriaLabel": [
2163
+ "aria-label"
2164
+ ]
2165
+ },
2166
+ "runtimeConfigDefaultProps": {},
2167
+ "runtimeConfigGetStyles": {},
2168
+ "runtimeConfigInternalComponentProps": {},
2169
+ "motionVarPrefixes": []
2170
+ },
2171
+ "ChipToggle": {
2172
+ "name": "ChipToggle",
2173
+ "defaultProps": {
2174
+ "variant": "primary",
2175
+ "role": "checkbox"
2176
+ },
2177
+ "getStylesLiterals": {
2178
+ "chipToggleVariantActiveRoot": "on",
2179
+ "chipToggleVariantActiveRoot:1": "off"
2180
+ },
2181
+ "cxLiterals": [
2182
+ "uds-ring"
2183
+ ],
2184
+ "internalComponents": [
2185
+ "ChipBase"
2186
+ ],
2187
+ "internalComponentProps": {
2188
+ "ChipBase": {
2189
+ "as": [
2190
+ "button"
2191
+ ]
2192
+ }
2193
+ },
2194
+ "propToVariantKeys": {
2195
+ "variant": [
2196
+ "chipToggleVariantRoot",
2197
+ "chipToggleVariantIcon"
2198
+ ]
2199
+ },
2060
2200
  "runtimeConfigDefaultProps": {},
2061
2201
  "runtimeConfigGetStyles": {},
2062
2202
  "runtimeConfigInternalComponentProps": {},
@@ -2117,70 +2257,26 @@
2117
2257
  "runtimeConfigInternalComponentProps": {},
2118
2258
  "motionVarPrefixes": []
2119
2259
  },
2120
- "ChipButton": {
2121
- "name": "ChipButton",
2122
- "defaultProps": {
2123
- "variant": "primary"
2124
- },
2125
- "getStylesLiterals": {},
2126
- "cxLiterals": [
2127
- "uds-ring"
2128
- ],
2129
- "internalComponents": [
2130
- "ChipBase"
2131
- ],
2132
- "internalComponentProps": {
2133
- "ChipBase": {
2134
- "as": [
2135
- "button"
2136
- ]
2137
- }
2138
- },
2139
- "propToVariantKeys": {
2140
- "variant": [
2141
- "chipLinkVariantRoot",
2142
- "chipLinkVariantIcon"
2143
- ]
2144
- },
2145
- "runtimeConfigDefaultProps": {},
2146
- "runtimeConfigGetStyles": {},
2147
- "runtimeConfigInternalComponentProps": {},
2148
- "motionVarPrefixes": []
2149
- },
2150
- "ChipDismissible": {
2151
- "name": "ChipDismissible",
2152
- "defaultProps": {
2153
- "variant": "primary"
2154
- },
2155
- "getStylesLiterals": {},
2156
- "cxLiterals": [
2157
- "uds-chip-dismissible-button",
2158
- "uds-hit-target",
2159
- "uds-ring",
2160
- "rounded-full"
2161
- ],
2260
+ "Chip": {
2261
+ "name": "Chip",
2262
+ "defaultProps": {},
2263
+ "getStylesLiterals": {},
2264
+ "cxLiterals": [],
2162
2265
  "internalComponents": [
2163
- "ChipBase",
2164
- "IconSlot",
2165
- "Pressable"
2266
+ "ChipDismissible",
2267
+ "ChipToggle",
2268
+ "ChipLink",
2269
+ "ChipButton"
2166
2270
  ],
2167
2271
  "internalComponentProps": {},
2168
- "propToVariantKeys": {
2169
- "variant": [
2170
- "chipDismissibleVariantRoot",
2171
- "chipDismissibleVariantIcon"
2172
- ],
2173
- "dismissButtonAriaLabel": [
2174
- "aria-label"
2175
- ]
2176
- },
2272
+ "propToVariantKeys": {},
2177
2273
  "runtimeConfigDefaultProps": {},
2178
2274
  "runtimeConfigGetStyles": {},
2179
2275
  "runtimeConfigInternalComponentProps": {},
2180
2276
  "motionVarPrefixes": []
2181
2277
  },
2182
- "ChipLink": {
2183
- "name": "ChipLink",
2278
+ "ChipButton": {
2279
+ "name": "ChipButton",
2184
2280
  "defaultProps": {
2185
2281
  "variant": "primary"
2186
2282
  },
@@ -2194,7 +2290,7 @@
2194
2290
  "internalComponentProps": {
2195
2291
  "ChipBase": {
2196
2292
  "as": [
2197
- "a"
2293
+ "button"
2198
2294
  ]
2199
2295
  }
2200
2296
  },
@@ -2209,49 +2305,38 @@
2209
2305
  "runtimeConfigInternalComponentProps": {},
2210
2306
  "motionVarPrefixes": []
2211
2307
  },
2212
- "ChipToggle": {
2213
- "name": "ChipToggle",
2308
+ "AvatarText": {
2309
+ "name": "AvatarText",
2214
2310
  "defaultProps": {
2215
- "variant": "primary",
2216
- "role": "checkbox"
2217
- },
2218
- "getStylesLiterals": {
2219
- "chipToggleVariantActiveRoot": "on",
2220
- "chipToggleVariantActiveRoot:1": "off"
2311
+ "size": "md",
2312
+ "variant": "primary"
2221
2313
  },
2314
+ "getStylesLiterals": {},
2222
2315
  "cxLiterals": [
2223
- "uds-ring"
2316
+ "overflow-hidden",
2317
+ "truncate",
2318
+ "w-full",
2319
+ "h-full",
2320
+ "shrink-0",
2321
+ "text-center",
2322
+ "inline-flex",
2323
+ "justify-center",
2324
+ "items-center"
2224
2325
  ],
2225
2326
  "internalComponents": [
2226
- "ChipBase"
2327
+ "Box",
2328
+ "Text"
2227
2329
  ],
2228
2330
  "internalComponentProps": {
2229
- "ChipBase": {
2230
- "as": [
2231
- "button"
2331
+ "Text": {
2332
+ "color": [
2333
+ "inherit"
2334
+ ],
2335
+ "variant": [
2336
+ "inherit"
2232
2337
  ]
2233
2338
  }
2234
2339
  },
2235
- "propToVariantKeys": {
2236
- "variant": [
2237
- "chipToggleVariantRoot",
2238
- "chipToggleVariantIcon"
2239
- ]
2240
- },
2241
- "runtimeConfigDefaultProps": {},
2242
- "runtimeConfigGetStyles": {},
2243
- "runtimeConfigInternalComponentProps": {},
2244
- "motionVarPrefixes": []
2245
- },
2246
- "Avatar": {
2247
- "name": "Avatar",
2248
- "defaultProps": {},
2249
- "getStylesLiterals": {},
2250
- "cxLiterals": [],
2251
- "internalComponents": [
2252
- "AvatarImage"
2253
- ],
2254
- "internalComponentProps": {},
2255
2340
  "propToVariantKeys": {},
2256
2341
  "runtimeConfigDefaultProps": {},
2257
2342
  "runtimeConfigGetStyles": {},
@@ -2290,6 +2375,21 @@
2290
2375
  "runtimeConfigInternalComponentProps": {},
2291
2376
  "motionVarPrefixes": []
2292
2377
  },
2378
+ "Avatar": {
2379
+ "name": "Avatar",
2380
+ "defaultProps": {},
2381
+ "getStylesLiterals": {},
2382
+ "cxLiterals": [],
2383
+ "internalComponents": [
2384
+ "AvatarImage"
2385
+ ],
2386
+ "internalComponentProps": {},
2387
+ "propToVariantKeys": {},
2388
+ "runtimeConfigDefaultProps": {},
2389
+ "runtimeConfigGetStyles": {},
2390
+ "runtimeConfigInternalComponentProps": {},
2391
+ "motionVarPrefixes": []
2392
+ },
2293
2393
  "AvatarImage": {
2294
2394
  "name": "AvatarImage",
2295
2395
  "defaultProps": {
@@ -2328,227 +2428,298 @@
2328
2428
  "runtimeConfigInternalComponentProps": {},
2329
2429
  "motionVarPrefixes": []
2330
2430
  },
2331
- "AvatarText": {
2332
- "name": "AvatarText",
2333
- "defaultProps": {
2334
- "size": "md",
2335
- "variant": "primary"
2431
+ "UDSPopoverConfigProvider": {
2432
+ "name": "UDSPopoverConfigProvider",
2433
+ "defaultProps": {},
2434
+ "getStylesLiterals": {},
2435
+ "cxLiterals": [],
2436
+ "internalComponents": [
2437
+ "PopoverContext.Provider"
2438
+ ],
2439
+ "internalComponentProps": {},
2440
+ "propToVariantKeys": {},
2441
+ "runtimeConfigDefaultProps": {},
2442
+ "runtimeConfigGetStyles": {},
2443
+ "runtimeConfigInternalComponentProps": {},
2444
+ "motionVarPrefixes": []
2445
+ },
2446
+ "Popover": {
2447
+ "name": "Popover",
2448
+ "defaultProps": {},
2449
+ "getStylesLiterals": {},
2450
+ "cxLiterals": [],
2451
+ "internalComponents": [
2452
+ "PopoverInternalContext.Provider",
2453
+ "PopoverProvider"
2454
+ ],
2455
+ "internalComponentProps": {},
2456
+ "propToVariantKeys": {},
2457
+ "runtimeConfigDefaultProps": {
2458
+ "size": "popover.defaultSize",
2459
+ "variant": "popover.defaultVariant"
2460
+ },
2461
+ "runtimeConfigGetStyles": {},
2462
+ "runtimeConfigInternalComponentProps": {},
2463
+ "motionVarPrefixes": []
2464
+ },
2465
+ "PopoverTrigger": {
2466
+ "name": "PopoverTrigger",
2467
+ "defaultProps": {},
2468
+ "getStylesLiterals": {},
2469
+ "cxLiterals": [],
2470
+ "internalComponents": [
2471
+ "PopoverDisclosure"
2472
+ ],
2473
+ "internalComponentProps": {
2474
+ "PopoverDisclosure": {
2475
+ "className": [
2476
+ "inline"
2477
+ ]
2478
+ }
2479
+ },
2480
+ "propToVariantKeys": {
2481
+ "children": [
2482
+ "render"
2483
+ ]
2336
2484
  },
2485
+ "runtimeConfigDefaultProps": {},
2486
+ "runtimeConfigGetStyles": {},
2487
+ "runtimeConfigInternalComponentProps": {},
2488
+ "motionVarPrefixes": []
2489
+ },
2490
+ "PopoverContext": {
2491
+ "name": "PopoverContext",
2492
+ "defaultProps": {},
2337
2493
  "getStylesLiterals": {},
2494
+ "cxLiterals": [],
2495
+ "internalComponents": [],
2496
+ "internalComponentProps": {},
2497
+ "propToVariantKeys": {},
2498
+ "runtimeConfigDefaultProps": {},
2499
+ "runtimeConfigGetStyles": {},
2500
+ "runtimeConfigInternalComponentProps": {},
2501
+ "motionVarPrefixes": []
2502
+ },
2503
+ "PopoverContent": {
2504
+ "name": "PopoverContent",
2505
+ "defaultProps": {},
2506
+ "getStylesLiterals": {
2507
+ "popoverSizeRoot": "default",
2508
+ "popoverVariantRoot": "default",
2509
+ "display": "flex",
2510
+ "position": "absolute",
2511
+ "spacingTop": "0",
2512
+ "spacingStart": "0",
2513
+ "spacingBottom": "0",
2514
+ "spacingEnd": "0",
2515
+ "popoverSizeSvgBase": "default",
2516
+ "popoverVariantSvgBase": "default",
2517
+ "popoverSizeSvgBorder": "default",
2518
+ "popoverVariantSvgBorder": "default",
2519
+ "popoverVariantBlur": "default",
2520
+ "width": "full",
2521
+ "height": "full",
2522
+ "flexShrink": "0",
2523
+ "borderRadius": "full",
2524
+ "alignItems": "center",
2525
+ "justifyContent": "center",
2526
+ "popoverVariantCloseIcon": "default",
2527
+ "popoverSizeCloseIcon": "default"
2528
+ },
2338
2529
  "cxLiterals": [
2339
- "overflow-hidden",
2340
- "truncate",
2341
- "w-full",
2342
- "h-full",
2343
- "shrink-0",
2344
- "text-center",
2345
- "inline-flex",
2346
- "justify-center",
2347
- "items-center"
2530
+ "z-[9999]",
2531
+ "outline-none",
2532
+ "focus-visible:outline-none",
2533
+ "uds-bgBlurFillFallback",
2534
+ "uds-bgBlurFallback",
2535
+ "top-0",
2536
+ "left-0",
2537
+ "z-[1]",
2538
+ "duration-0",
2539
+ "duration-120",
2540
+ "transition-[background-color]",
2541
+ "bg-carbon-15/0",
2542
+ "hover:bg-carbon-15/10",
2543
+ "active:bg-carbon-15/15",
2544
+ "uds-ring",
2545
+ "absolute",
2546
+ "z-[4]"
2348
2547
  ],
2349
2548
  "internalComponents": [
2549
+ "PopoverDismiss",
2550
+ "IconSlot",
2551
+ "PopoverArrow",
2552
+ "Popover",
2553
+ "SvgFloatingOverlay",
2350
2554
  "Box",
2351
- "Text"
2555
+ "Pressable"
2352
2556
  ],
2353
- "internalComponentProps": {
2354
- "Text": {
2355
- "color": [
2356
- "inherit"
2357
- ],
2358
- "variant": [
2359
- "inherit"
2557
+ "internalComponentProps": {},
2558
+ "propToVariantKeys": {
2559
+ "closeIcon": [
2560
+ "icon"
2561
+ ]
2562
+ },
2563
+ "runtimeConfigDefaultProps": {
2564
+ "size": "popover.defaultSize",
2565
+ "variant": "popover.defaultVariant"
2566
+ },
2567
+ "runtimeConfigGetStyles": {
2568
+ "spacingTop": [
2569
+ "popover.spacingVertical.${size}"
2570
+ ],
2571
+ "spacingStart": [
2572
+ "popover.spacingHorizontal.${size}"
2573
+ ],
2574
+ "spacingBottom": [
2575
+ "popover.spacingVertical.${size}"
2576
+ ],
2577
+ "spacingEnd": [
2578
+ "popover.spacingHorizontal.${size}"
2579
+ ]
2580
+ },
2581
+ "runtimeConfigInternalComponentProps": {
2582
+ "SvgFloatingOverlay": {
2583
+ "borderRadius": [
2584
+ "popover.borderRadius.${size}"
2360
2585
  ]
2361
2586
  }
2362
2587
  },
2363
- "propToVariantKeys": {},
2364
- "runtimeConfigDefaultProps": {},
2365
- "runtimeConfigGetStyles": {},
2366
- "runtimeConfigInternalComponentProps": {},
2367
2588
  "motionVarPrefixes": []
2368
2589
  },
2369
- "Accordion": {
2370
- "name": "Accordion",
2590
+ "Input": {
2591
+ "name": "Input",
2371
2592
  "defaultProps": {
2372
- "spacingHorizontal": "4",
2373
- "spacingVertical": "4"
2593
+ "type": "text",
2594
+ "size": "md",
2595
+ "width": "full"
2596
+ },
2597
+ "getStylesLiterals": {
2598
+ "inputVariantRoot": "default",
2599
+ "inputVariantValueRoot": "empty",
2600
+ "inputVariantValueRoot:1": "filled",
2601
+ "inputVariantInputWrapper": "default",
2602
+ "inputVariantValueInputWrapper": "empty",
2603
+ "inputVariantValueInputWrapper:1": "filled",
2604
+ "inputVariantInput": "default",
2605
+ "inputVariantValueInput": "empty",
2606
+ "inputVariantValueInput:1": "filled",
2607
+ "inputVariantInputPlaceholder": "default",
2608
+ "inputVariantValueInputPlaceholder": "empty",
2609
+ "inputVariantValueInputPlaceholder:1": "filled",
2610
+ "inputVariantLabel": "default",
2611
+ "inputVariantValueLabel": "empty",
2612
+ "inputVariantValueLabel:1": "filled",
2613
+ "inputVariantLabelRequired": "default",
2614
+ "inputVariantValueLabelRequired": "empty",
2615
+ "inputVariantValueLabelRequired:1": "filled",
2616
+ "inputVariantStartIcon": "default",
2617
+ "inputVariantValueStartIcon": "empty",
2618
+ "inputVariantValueStartIcon:1": "filled",
2619
+ "inputVariantEndIcon": "default",
2620
+ "inputVariantValueEndIcon": "empty",
2621
+ "inputVariantValueEndIcon:1": "filled"
2374
2622
  },
2375
- "getStylesLiterals": {},
2376
2623
  "cxLiterals": [
2377
- "hover:bg-secondary/80",
2378
- "w-full"
2624
+ "opacity-50",
2625
+ "min-w-[200px]",
2626
+ "grow",
2627
+ "uds-hit-target",
2628
+ "bg-clip-text",
2629
+ "focus:outline-none",
2630
+ "cursor-text",
2631
+ "cursor-not-allowed"
2379
2632
  ],
2380
2633
  "internalComponents": [
2381
- "Icon",
2382
- "SpringMotionConfig",
2383
- "Pressable",
2384
- "Text",
2634
+ "IconSlot",
2635
+ "StartIcon",
2636
+ "EndIcon",
2637
+ "HelpTextContent",
2638
+ "Box",
2639
+ "InputHelpTextInternal",
2640
+ "VStack",
2385
2641
  "HStack",
2386
- "AnimatePresence",
2387
- "VStack"
2642
+ "AnimateHeightChange"
2388
2643
  ],
2389
2644
  "internalComponentProps": {
2390
- "Icon": {
2391
- "variant": [
2392
- "fill"
2393
- ],
2394
- "size": [
2395
- "sm"
2396
- ],
2397
- "color": [
2398
- "primary"
2399
- ]
2400
- },
2401
- "SpringMotionConfig": {
2402
- "layoutVariant": [
2403
- "smooth"
2404
- ],
2405
- "layoutSpeed": [
2406
- "3"
2645
+ "HelpTextContent": {
2646
+ "spacingTop": [
2647
+ "2"
2407
2648
  ]
2408
2649
  },
2409
- "Pressable": {
2410
- "display": [
2411
- "flex"
2650
+ "Box": {
2651
+ "spacingBottom": [
2652
+ "2"
2412
2653
  ],
2413
- "flexDirection": [
2414
- "row"
2654
+ "columnGap": [
2655
+ "0.5"
2415
2656
  ],
2416
2657
  "alignItems": [
2658
+ "flex-end",
2417
2659
  "center"
2418
2660
  ],
2419
- "justifyContent": [
2420
- "space-between"
2421
- ],
2422
- "borderRadius": [
2423
- "md"
2424
- ]
2425
- },
2426
- "Text": {
2427
- "variant": [
2428
- "title4"
2429
- ],
2430
- "color": [
2431
- "primary"
2661
+ "position": [
2662
+ "relative"
2432
2663
  ]
2433
2664
  },
2434
2665
  "HStack": {
2435
- "display": [
2436
- "flex"
2437
- ],
2438
2666
  "alignItems": [
2439
2667
  "center"
2440
2668
  ],
2441
- "justifyContent": [
2442
- "space-between"
2443
- ],
2444
- "columnGap": [
2445
- "2.5"
2669
+ "gap": [
2670
+ "1"
2446
2671
  ]
2447
2672
  }
2448
2673
  },
2449
- "propToVariantKeys": {},
2450
- "runtimeConfigDefaultProps": {},
2451
- "runtimeConfigGetStyles": {},
2452
- "runtimeConfigInternalComponentProps": {},
2453
- "motionVarPrefixes": [
2454
- "--uds-motion-smooth-3-"
2455
- ]
2456
- },
2457
- "AvoidMotionLibraryProvider": {
2458
- "name": "AvoidMotionLibraryProvider",
2459
- "defaultProps": {},
2460
- "getStylesLiterals": {},
2461
- "cxLiterals": [],
2462
- "internalComponents": [],
2463
- "internalComponentProps": {},
2464
- "propToVariantKeys": {},
2674
+ "propToVariantKeys": {
2675
+ "size": [
2676
+ "inputSizeRoot",
2677
+ "inputSizeInputWrapper",
2678
+ "inputSizeInput",
2679
+ "inputSizeLabel",
2680
+ "inputSizeStartIcon",
2681
+ "inputSizeEndIcon"
2682
+ ],
2683
+ "startIcon": [
2684
+ "icon"
2685
+ ],
2686
+ "endIcon": [
2687
+ "icon"
2688
+ ],
2689
+ "helperTextIcon": [
2690
+ "startIcon"
2691
+ ]
2692
+ },
2465
2693
  "runtimeConfigDefaultProps": {},
2466
2694
  "runtimeConfigGetStyles": {},
2467
2695
  "runtimeConfigInternalComponentProps": {},
2468
2696
  "motionVarPrefixes": []
2469
2697
  },
2470
- "Modal": {
2471
- "name": "Modal",
2472
- "defaultProps": {},
2473
- "getStylesLiterals": {},
2474
- "cxLiterals": [
2475
- "inset-8",
2476
- "top-[250px]",
2477
- "z-50",
2478
- "mx-auto",
2479
- "h-fit",
2480
- "w-[600px]",
2481
- "origin-center",
2482
- "scale-95",
2483
- "opacity-0",
2484
- "transition",
2485
- "duration-150",
2486
- "data-[enter]:scale-100",
2487
- "data-[enter]:opacity-100",
2488
- "data-[enter]:bg-primary",
2489
- "backdrop-blur-0",
2490
- "data-[enter]:opacity-60",
2491
- "data-[enter]:backdrop-blur-sm"
2492
- ],
2698
+ "InputHelpText": {
2699
+ "name": "InputHelpText",
2700
+ "defaultProps": {
2701
+ "size": "md"
2702
+ },
2703
+ "getStylesLiterals": {
2704
+ "inputVariantRoot": "default",
2705
+ "inputVariantValueRoot": "empty",
2706
+ "inputVariantValueRoot:1": "filled"
2707
+ },
2708
+ "cxLiterals": [],
2493
2709
  "internalComponents": [
2494
- "IconButton",
2495
- "Dialog",
2496
- "HStack",
2497
- "Text",
2498
- "VStack"
2710
+ "InputHelpTextInternal",
2711
+ "Box"
2499
2712
  ],
2500
2713
  "internalComponentProps": {
2501
- "IconButton": {
2502
- "aria-label": [
2503
- "Close"
2504
- ],
2505
- "size": [
2506
- "sm"
2507
- ],
2508
- "variant": [
2509
- "tertiary"
2510
- ]
2511
- },
2512
- "HStack": {
2513
- "alignItems": [
2514
- "center"
2515
- ],
2516
- "justifyContent": [
2517
- "space-between"
2518
- ]
2519
- },
2520
- "Text": {
2521
- "variant": [
2522
- "headline1"
2523
- ],
2524
- "color": [
2525
- "primary"
2526
- ]
2527
- },
2528
- "VStack": {
2529
- "borderRadius": [
2530
- "md"
2531
- ],
2532
- "position": [
2533
- "fixed"
2534
- ],
2535
- "backgroundColor": [
2536
- "primary"
2537
- ],
2538
- "dropShadow": [
2539
- "md"
2540
- ],
2541
- "spacing": [
2542
- "8"
2543
- ],
2544
- "overflow": [
2545
- "hidden"
2714
+ "Box": {
2715
+ "spacingTop": [
2716
+ "2"
2546
2717
  ]
2547
2718
  }
2548
2719
  },
2549
2720
  "propToVariantKeys": {
2550
- "handleClose": [
2551
- "onClick"
2721
+ "size": [
2722
+ "inputSizeRoot"
2552
2723
  ]
2553
2724
  },
2554
2725
  "runtimeConfigDefaultProps": {},
@@ -2556,87 +2727,42 @@
2556
2727
  "runtimeConfigInternalComponentProps": {},
2557
2728
  "motionVarPrefixes": []
2558
2729
  },
2559
- "SegmentedControl": {
2560
- "name": "SegmentedControl",
2561
- "defaultProps": {
2562
- "textVariant": "label2"
2563
- },
2730
+ "InputHelpTextInternal": {
2731
+ "name": "InputHelpTextInternal",
2732
+ "defaultProps": {},
2564
2733
  "getStylesLiterals": {
2565
- "display": "flex",
2566
- "alignItems": "center",
2567
- "backgroundColor": "primary",
2568
- "spacingVertical": "1",
2569
- "spacingHorizontal": "3",
2570
- "columnGap": "1.5",
2571
- "borderWidth": "thin",
2572
- "borderRadius": "full",
2573
- "borderColor": "muted",
2574
- "borderColor:1": "transparent",
2575
- "color": "primary",
2576
- "color:1": "tertiary",
2577
- "color:2": "muted"
2734
+ "inputVariantHelperText": "default",
2735
+ "inputVariantValueHelperText": "empty",
2736
+ "inputVariantValueHelperText:1": "filled",
2737
+ "inputVariantHelperIcon": "default",
2738
+ "inputVariantValueHelperIcon": "empty",
2739
+ "inputVariantValueHelperIcon:1": "filled"
2578
2740
  },
2579
- "cxLiterals": [
2580
- "uds-ring",
2581
- "cursor-not-allowed",
2582
- "opacity-50",
2583
- "pointer-events-none",
2584
- "hover:bg-primary"
2585
- ],
2741
+ "cxLiterals": [],
2586
2742
  "internalComponents": [
2587
- "TextVariant",
2588
- "Radio",
2589
- "Icon",
2590
- "RadioProvider",
2591
- "HStack",
2592
- "RadioGroup",
2593
- "Pressable",
2594
- "Text"
2743
+ "IconSlot",
2744
+ "HStack"
2595
2745
  ],
2596
2746
  "internalComponentProps": {
2597
- "Icon": {
2598
- "size": [
2599
- "sm"
2600
- ],
2601
- "color": [
2602
- "current"
2603
- ],
2604
- "aria-hidden": [
2605
- "true"
2606
- ]
2607
- },
2608
2747
  "HStack": {
2609
- "spacing": [
2610
- "1"
2611
- ],
2612
2748
  "gap": [
2613
2749
  "1"
2614
2750
  ],
2615
- "backgroundColor": [
2616
- "secondary"
2617
- ],
2618
- "borderRadius": [
2619
- "full"
2620
- ],
2621
- "display": [
2622
- "inline-flex"
2623
- ]
2624
- },
2625
- "Text": {
2626
- "color": [
2627
- "current"
2751
+ "alignItems": [
2752
+ "center"
2628
2753
  ]
2629
2754
  }
2630
2755
  },
2631
2756
  "propToVariantKeys": {
2632
- "value": [
2633
- "key"
2757
+ "size": [
2758
+ "inputSizeHelperText",
2759
+ "inputSizeHelperIcon"
2634
2760
  ],
2635
- "label": [
2636
- "aria-label"
2761
+ "startIcon": [
2762
+ "icon"
2637
2763
  ],
2638
- "textVariant": [
2639
- "variant"
2764
+ "endIcon": [
2765
+ "icon"
2640
2766
  ]
2641
2767
  },
2642
2768
  "runtimeConfigDefaultProps": {},
@@ -2644,190 +2770,112 @@
2644
2770
  "runtimeConfigInternalComponentProps": {},
2645
2771
  "motionVarPrefixes": []
2646
2772
  },
2647
- "SwitchV2": {
2648
- "name": "SwitchV2",
2649
- "defaultProps": {
2650
- "labelPosition": "start",
2651
- "size": "md"
2652
- },
2773
+ "Menu.Item": {
2774
+ "name": "Menu.Item",
2775
+ "defaultProps": {},
2653
2776
  "getStylesLiterals": {
2654
- "switchVariantRoot": "default",
2655
- "switchVariantActiveRoot": "on",
2656
- "switchVariantActiveRoot:1": "off",
2657
- "switchVariantSwitch": "default",
2658
- "switchVariantActiveSwitch": "on",
2659
- "switchVariantActiveSwitch:1": "off",
2660
- "switchVariantActiveHandle": "on",
2661
- "switchVariantActiveHandle:1": "off",
2662
- "switchVariantHandle": "default",
2663
- "switchVariantHandleIcon": "default",
2664
- "switchVariantActiveHandleIcon": "on",
2665
- "switchVariantActiveHandleIcon:1": "off"
2777
+ "menuitemItemVariantRoot": "default",
2778
+ "menuitemItemVariantActiveRoot": "on",
2779
+ "menuitemItemVariantActiveRoot:1": "off",
2780
+ "menuitemItemVariantText": "default",
2781
+ "menuitemItemVariantActiveText": "on",
2782
+ "menuitemItemVariantActiveText:1": "off",
2783
+ "menuitemItemVariantIcon": "default",
2784
+ "menuitemItemVariantActiveIcon": "on",
2785
+ "menuitemItemVariantActiveIcon:1": "off"
2786
+ },
2787
+ "cxLiterals": [],
2788
+ "internalComponents": [
2789
+ "MenuItemBase"
2790
+ ],
2791
+ "internalComponentProps": {},
2792
+ "propToVariantKeys": {},
2793
+ "runtimeConfigDefaultProps": {},
2794
+ "runtimeConfigGetStyles": {},
2795
+ "runtimeConfigInternalComponentProps": {},
2796
+ "motionVarPrefixes": []
2797
+ },
2798
+ "Menu.index": {
2799
+ "name": "Menu.index",
2800
+ "defaultProps": {},
2801
+ "getStylesLiterals": {},
2802
+ "cxLiterals": [],
2803
+ "internalComponents": [],
2804
+ "internalComponentProps": {},
2805
+ "propToVariantKeys": {},
2806
+ "runtimeConfigDefaultProps": {},
2807
+ "runtimeConfigGetStyles": {},
2808
+ "runtimeConfigInternalComponentProps": {},
2809
+ "motionVarPrefixes": []
2810
+ },
2811
+ "Menu": {
2812
+ "name": "Menu",
2813
+ "defaultProps": {},
2814
+ "getStylesLiterals": {},
2815
+ "cxLiterals": [],
2816
+ "internalComponents": [],
2817
+ "internalComponentProps": {},
2818
+ "propToVariantKeys": {},
2819
+ "runtimeConfigDefaultProps": {},
2820
+ "runtimeConfigGetStyles": {},
2821
+ "runtimeConfigInternalComponentProps": {},
2822
+ "motionVarPrefixes": []
2823
+ },
2824
+ "Menu.Content": {
2825
+ "name": "Menu.Content",
2826
+ "defaultProps": {
2827
+ "size": "default",
2828
+ "variant": "default",
2829
+ "gutter": "1"
2666
2830
  },
2831
+ "getStylesLiterals": {},
2667
2832
  "cxLiterals": [
2668
- "group",
2669
- "flex",
2670
- "items-center",
2671
- "flex-row",
2672
- "flex-row-reverse",
2833
+ "uds-menu-content",
2834
+ "transition-shadow",
2835
+ "duration-200",
2836
+ "ease-in-out",
2837
+ "min-w-60",
2838
+ "max-w-lg",
2839
+ "max-h-96",
2840
+ "overflow-auto",
2673
2841
  "uds-ring",
2674
- "uds-ring-within",
2675
- "relative",
2676
- "uds-border-radius-full",
2677
- "transition-[background-color,box-shadow]",
2678
- "pointer-events-none",
2679
- "w-full",
2680
- "h-full",
2681
- "absolute",
2682
- "top-0",
2683
- "bottom-0",
2684
- "right-0",
2685
- "left-0",
2686
- "overflow-hidden",
2687
- "group-hover:scale-105",
2688
- "opacity-95",
2689
- "group-hover:opacity-100",
2690
- "transition-[transform,opacity]",
2691
- "opacity-0",
2692
- "top-1/2",
2693
- "left-1/2",
2694
- "transform",
2695
- "translate-x-[-50%]",
2696
- "translate-y-[-50%]",
2697
- "transition-opacity",
2698
- "cursor-[inherit]",
2699
- "w-[calc(100%+2px)]",
2700
- "h-[calc(100%+2px)]",
2701
- "text-start",
2702
- "text-end",
2703
- "opacity-100"
2842
+ "z-10",
2843
+ "group"
2704
2844
  ],
2705
2845
  "internalComponents": [
2706
- "IconSlot",
2707
- "Box",
2708
- "FormLabel",
2709
- "SpringMotionConfig",
2710
- "RootElement",
2711
- "MotionBox"
2712
- ],
2713
- "internalComponentProps": {
2714
- "IconSlot": {
2715
- "data-testid": [
2716
- "on-icon",
2717
- "off-icon"
2718
- ]
2719
- },
2720
- "FormLabel": {
2721
- "as": [
2722
- "div"
2723
- ],
2724
- "variant": [
2725
- "inherit"
2726
- ],
2727
- "color": [
2728
- "inherit"
2729
- ]
2730
- },
2731
- "SpringMotionConfig": {
2732
- "layoutVariant": [
2733
- "bouncy"
2734
- ],
2735
- "layoutSpeed": [
2736
- "4"
2737
- ]
2738
- },
2739
- "RootElement": {
2740
- "data-testid": [
2741
- "switch-root"
2742
- ]
2743
- },
2744
- "MotionBox": {
2745
- "layout": [
2746
- "position"
2747
- ]
2748
- }
2749
- },
2846
+ "AriakitMenu",
2847
+ "AnimatePresence",
2848
+ "MotionVStack"
2849
+ ],
2850
+ "internalComponentProps": {},
2750
2851
  "propToVariantKeys": {
2751
2852
  "size": [
2752
- "switchSizeRoot",
2753
- "switchSizeSwitch",
2754
- "switchSizeHandle",
2755
- "switchSizeHandleIcon"
2756
- ],
2757
- "onIcon": [
2758
- "icon"
2759
- ],
2760
- "offIcon": [
2761
- "icon"
2762
- ],
2763
- "reduceMotion": [
2764
- "reducedMotion"
2853
+ "menucontentSizeRoot"
2765
2854
  ],
2766
- "isOn": [
2767
- "layoutDependency"
2855
+ "variant": [
2856
+ "menucontentVariantRoot"
2768
2857
  ]
2769
2858
  },
2770
2859
  "runtimeConfigDefaultProps": {},
2771
2860
  "runtimeConfigGetStyles": {},
2772
2861
  "runtimeConfigInternalComponentProps": {},
2773
- "motionVarPrefixes": [
2774
- "--uds-motion-bouncy-4-",
2775
- "--uds-motion-smooth-3-"
2776
- ]
2862
+ "motionVarPrefixes": []
2777
2863
  },
2778
- "Tabs": {
2779
- "name": "Tabs",
2864
+ "Menu.Trigger": {
2865
+ "name": "Menu.Trigger",
2780
2866
  "defaultProps": {},
2781
- "getStylesLiterals": {
2782
- "display": "flex",
2783
- "flexDirection": "row",
2784
- "columnGap": "6"
2785
- },
2867
+ "getStylesLiterals": {},
2786
2868
  "cxLiterals": [
2787
- "text-tertiary",
2788
- "border-b-transparent",
2789
- "aria-selected:border-b-brand",
2790
- "aria-selected:text-secondary"
2869
+ "uds-menu-trigger"
2791
2870
  ],
2792
2871
  "internalComponents": [
2793
- "TabProvider",
2794
- "OriginalTabList",
2795
- "OriginalTab",
2796
- "Icon",
2797
- "OriginalTabPanel",
2798
- "Pressable",
2799
- "Comp",
2800
- "Text"
2872
+ "AriakitMenuTrigger",
2873
+ "Box"
2801
2874
  ],
2802
2875
  "internalComponentProps": {
2803
- "Icon": {
2804
- "className": [
2805
- "text-current"
2806
- ],
2807
- "size": [
2808
- "md"
2809
- ]
2810
- },
2811
- "Pressable": {
2812
- "borderBottomWidth": [
2813
- "medium"
2814
- ],
2815
- "spacingBottom": [
2816
- "1"
2817
- ],
2818
- "spacingTop": [
2819
- "4"
2820
- ]
2821
- },
2822
- "Text": {
2876
+ "Box": {
2823
2877
  "className": [
2824
- "text-current"
2825
- ],
2826
- "variant": [
2827
- "headline1"
2828
- ],
2829
- "as": [
2830
- "span"
2878
+ "uds-ring h-fit w-fit"
2831
2879
  ]
2832
2880
  }
2833
2881
  },
@@ -2837,199 +2885,151 @@
2837
2885
  "runtimeConfigInternalComponentProps": {},
2838
2886
  "motionVarPrefixes": []
2839
2887
  },
2840
- "Toast": {
2841
- "name": "Toast",
2842
- "defaultProps": {},
2888
+ "Menu.Divider": {
2889
+ "name": "Menu.Divider",
2890
+ "defaultProps": {
2891
+ "role": "separator",
2892
+ "contentPosition": "start",
2893
+ "gap": "4"
2894
+ },
2843
2895
  "getStylesLiterals": {
2844
- "className": "flex-none",
2845
- "spacing": "2",
2846
- "borderRadius": "full"
2896
+ "menuitemDividerVariantRoot": "default",
2897
+ "menuitemDividerVariantText": "default",
2898
+ "menuitemDividerVariantLine": "default"
2847
2899
  },
2848
- "cxLiterals": [
2849
- "duration-0",
2850
- "duration-120",
2851
- "transition-[background-color]",
2852
- "bg-carbon-15/0",
2853
- "hover:bg-carbon-15/10",
2854
- "active:bg-carbon-15/15",
2855
- "uds-ring"
2856
- ],
2900
+ "cxLiterals": [],
2857
2901
  "internalComponents": [
2858
- "IconSlot",
2859
- "ToastContainer",
2860
- "Text",
2861
- "Button",
2862
- "Pressable"
2902
+ "DividerInternal"
2863
2903
  ],
2864
- "internalComponentProps": {},
2865
- "propToVariantKeys": {
2866
- "size": [
2867
- "toastSizeLabel",
2868
- "toastSizeIcon",
2869
- "toastSizeActionButton",
2870
- "toastSizeCloseIcon"
2871
- ],
2872
- "variant": [
2873
- "toastVariantIcon",
2874
- "toastVariantActionButton",
2875
- "toastVariantCloseIcon"
2876
- ],
2877
- "closeIcon": [
2878
- "icon"
2879
- ],
2880
- "onClickActionButton": [
2881
- "onClick"
2882
- ]
2883
- },
2884
- "runtimeConfigDefaultProps": {
2885
- "size": "toast.defaultSize",
2886
- "variant": "toast.defaultVariant"
2887
- },
2888
- "runtimeConfigGetStyles": {
2889
- "toastSizeLabel": [
2890
- "toast.defaultSize"
2891
- ],
2892
- "toastVariantIcon": [
2893
- "toast.defaultVariant"
2894
- ],
2895
- "toastSizeIcon": [
2896
- "toast.defaultSize"
2897
- ],
2898
- "toastSizeActionButton": [
2899
- "toast.defaultSize"
2900
- ],
2901
- "toastVariantActionButton": [
2902
- "toast.defaultVariant"
2903
- ],
2904
- "toastVariantCloseIcon": [
2905
- "toast.defaultVariant"
2906
- ],
2907
- "toastSizeCloseIcon": [
2908
- "toast.defaultSize"
2909
- ]
2910
- },
2911
- "runtimeConfigInternalComponentProps": {
2912
- "ToastContainer": {
2913
- "size": [
2914
- "toast.defaultSize"
2915
- ],
2916
- "variant": [
2917
- "toast.defaultVariant"
2918
- ]
2919
- },
2920
- "Text": {
2921
- "variant": [
2922
- "toast.textVariant.${size}"
2923
- ],
2924
- "color": [
2925
- "toast.textColor.${variant}"
2926
- ]
2927
- },
2928
- "Button": {
2929
- "size": [
2930
- "toast.buttonSize.${size}"
2931
- ],
2904
+ "internalComponentProps": {
2905
+ "DividerInternal": {
2932
2906
  "variant": [
2933
- "toast.buttonVariant.${variant}"
2907
+ "inherit"
2934
2908
  ]
2935
2909
  }
2936
2910
  },
2911
+ "propToVariantKeys": {},
2912
+ "runtimeConfigDefaultProps": {},
2913
+ "runtimeConfigGetStyles": {},
2914
+ "runtimeConfigInternalComponentProps": {},
2937
2915
  "motionVarPrefixes": []
2938
2916
  },
2939
- "ToastContainer": {
2940
- "name": "ToastContainer",
2917
+ "Menu.Provider": {
2918
+ "name": "Menu.Provider",
2919
+ "defaultProps": {},
2920
+ "getStylesLiterals": {},
2921
+ "cxLiterals": [],
2922
+ "internalComponents": [
2923
+ "AriakitMenuProvider",
2924
+ "SpringMotionConfig"
2925
+ ],
2926
+ "internalComponentProps": {},
2927
+ "propToVariantKeys": {},
2928
+ "runtimeConfigDefaultProps": {},
2929
+ "runtimeConfigGetStyles": {},
2930
+ "runtimeConfigInternalComponentProps": {},
2931
+ "motionVarPrefixes": [
2932
+ "--uds-motion-subtle-3-",
2933
+ "--uds-motion-smooth-3-"
2934
+ ]
2935
+ },
2936
+ "Menu.ItemCheckbox": {
2937
+ "name": "Menu.ItemCheckbox",
2941
2938
  "defaultProps": {},
2942
2939
  "getStylesLiterals": {
2943
- "position": "relative",
2940
+ "menuitemItemCheckboxVariantRoot": "default",
2941
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2942
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2943
+ "menuitemItemCheckboxVariantText": "default",
2944
+ "menuitemItemCheckboxVariantActiveText": "on",
2945
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2946
+ "menuitemItemCheckboxVariantStartIcon": "default",
2947
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2948
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2949
+ "menuitemItemCheckboxVariantEndIcon": "default",
2950
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2951
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2952
+ },
2953
+ "cxLiterals": [
2954
+ "uds-menu-item-checkbox"
2955
+ ],
2956
+ "internalComponents": [
2957
+ "MenuItemBase"
2958
+ ],
2959
+ "internalComponentProps": {},
2960
+ "propToVariantKeys": {},
2961
+ "runtimeConfigDefaultProps": {},
2962
+ "runtimeConfigGetStyles": {},
2963
+ "runtimeConfigInternalComponentProps": {},
2964
+ "motionVarPrefixes": []
2965
+ },
2966
+ "Menu.ItemBase": {
2967
+ "name": "Menu.ItemBase",
2968
+ "defaultProps": {
2969
+ "spacing": "0",
2970
+ "spacingHorizontal": "4",
2971
+ "spacingVertical": "3.5",
2972
+ "columnGap": "2",
2944
2973
  "alignItems": "center",
2945
- "display": "flex",
2946
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2974
+ "justifyContent": "space-between"
2975
+ },
2976
+ "getStylesLiterals": {
2977
+ "textAlign": "start",
2978
+ "menuitemSizeRoot": "default",
2979
+ "flexDirection": "row",
2980
+ "menuitemSizeStartIcon": "default",
2981
+ "menuitemSizeEndIcon": "default"
2947
2982
  },
2948
2983
  "cxLiterals": [
2949
- "w-full"
2984
+ "flex",
2985
+ "focus-visible:text-brand",
2986
+ "focus-visible:bg-brand-secondary",
2987
+ "focus-visible:z-10",
2988
+ "uds-ring",
2989
+ "!-outline-offset-2",
2990
+ "[&:not([aria-checked])]:cursor-default",
2991
+ "opacity-25",
2992
+ "cursor-not-allowed",
2993
+ "duration-20",
2994
+ "transition-[font-variation-settings]",
2995
+ "ease-in-out",
2996
+ "z-0",
2997
+ "uds-start-icon",
2998
+ "uds-end-icon"
2950
2999
  ],
2951
3000
  "internalComponents": [
2952
- "HStack"
3001
+ "Pressable",
3002
+ "IconSlot",
3003
+ "RootComponent",
3004
+ "HStack",
3005
+ "AnimatePresence"
2953
3006
  ],
2954
3007
  "internalComponentProps": {
2955
3008
  "HStack": {
2956
3009
  "alignItems": [
2957
3010
  "center"
2958
3011
  ],
2959
- "justifyContent": [
2960
- "space-between"
2961
- ],
2962
- "overflow": [
2963
- "hidden"
2964
- ],
2965
- "position": [
2966
- "relative"
3012
+ "width": [
3013
+ "full"
3014
+ ]
3015
+ },
3016
+ "AnimatePresence": {
3017
+ "mode": [
3018
+ "popLayout"
2967
3019
  ]
2968
3020
  }
2969
3021
  },
2970
3022
  "propToVariantKeys": {
2971
- "variant": [
2972
- "toastVariantRoot"
3023
+ "startIcon": [
3024
+ "icon"
2973
3025
  ],
2974
- "size": [
2975
- "toastSizeRoot"
2976
- ]
2977
- },
2978
- "runtimeConfigDefaultProps": {
2979
- "size": "toast.defaultSize",
2980
- "variant": "toast.defaultVariant"
2981
- },
2982
- "runtimeConfigGetStyles": {
2983
- "toastVariantRoot": [
2984
- "toast.defaultVariant"
3026
+ "endIcon": [
3027
+ "icon"
2985
3028
  ],
2986
- "toastSizeRoot": [
2987
- "toast.defaultSize"
3029
+ "columnGap": [
3030
+ "gap"
2988
3031
  ]
2989
3032
  },
2990
- "runtimeConfigInternalComponentProps": {
2991
- "HStack": {
2992
- "backgroundColor": [
2993
- "toast.backgroundColor.${variant}"
2994
- ]
2995
- }
2996
- },
2997
- "motionVarPrefixes": []
2998
- },
2999
- "ToastPortal": {
3000
- "name": "ToastPortal",
3001
- "defaultProps": {},
3002
- "getStylesLiterals": {},
3003
- "cxLiterals": [],
3004
- "internalComponents": [
3005
- "ReactToastifyToastContainer"
3006
- ],
3007
- "internalComponentProps": {},
3008
- "propToVariantKeys": {},
3009
- "runtimeConfigDefaultProps": {
3010
- "size": "toast.defaultSize",
3011
- "variant": "toast.defaultVariant"
3012
- },
3013
- "runtimeConfigGetStyles": {},
3014
- "runtimeConfigInternalComponentProps": {
3015
- "ReactToastifyToastContainer": {
3016
- "autoClose": [
3017
- "toast.autoClose"
3018
- ]
3019
- }
3020
- },
3021
- "motionVarPrefixes": []
3022
- },
3023
- "UDSToastConfigProvider": {
3024
- "name": "UDSToastConfigProvider",
3025
- "defaultProps": {},
3026
- "getStylesLiterals": {},
3027
- "cxLiterals": [],
3028
- "internalComponents": [
3029
- "ToastContext.Provider"
3030
- ],
3031
- "internalComponentProps": {},
3032
- "propToVariantKeys": {},
3033
3033
  "runtimeConfigDefaultProps": {},
3034
3034
  "runtimeConfigGetStyles": {},
3035
3035
  "runtimeConfigInternalComponentProps": {},
@@ -3164,6 +3164,21 @@
3164
3164
  "runtimeConfigInternalComponentProps": {},
3165
3165
  "motionVarPrefixes": []
3166
3166
  },
3167
+ "UDSTooltipConfigProvider": {
3168
+ "name": "UDSTooltipConfigProvider",
3169
+ "defaultProps": {},
3170
+ "getStylesLiterals": {},
3171
+ "cxLiterals": [],
3172
+ "internalComponents": [
3173
+ "TooltipContext.Provider"
3174
+ ],
3175
+ "internalComponentProps": {},
3176
+ "propToVariantKeys": {},
3177
+ "runtimeConfigDefaultProps": {},
3178
+ "runtimeConfigGetStyles": {},
3179
+ "runtimeConfigInternalComponentProps": {},
3180
+ "motionVarPrefixes": []
3181
+ },
3167
3182
  "TooltipTrigger": {
3168
3183
  "name": "TooltipTrigger",
3169
3184
  "defaultProps": {},
@@ -3189,19 +3204,155 @@
3189
3204
  "runtimeConfigInternalComponentProps": {},
3190
3205
  "motionVarPrefixes": []
3191
3206
  },
3192
- "UDSTooltipConfigProvider": {
3193
- "name": "UDSTooltipConfigProvider",
3207
+ "RadioGroupProvider": {
3208
+ "name": "RadioGroupProvider",
3194
3209
  "defaultProps": {},
3195
3210
  "getStylesLiterals": {},
3196
3211
  "cxLiterals": [],
3197
3212
  "internalComponents": [
3198
- "TooltipContext.Provider"
3213
+ "DivProps",
3214
+ "Comp",
3215
+ "RadioGroupContext.Provider"
3199
3216
  ],
3217
+ "internalComponentProps": {
3218
+ "Comp": {
3219
+ "role": [
3220
+ "radiogroup"
3221
+ ]
3222
+ }
3223
+ },
3224
+ "propToVariantKeys": {},
3225
+ "runtimeConfigDefaultProps": {},
3226
+ "runtimeConfigGetStyles": {},
3227
+ "runtimeConfigInternalComponentProps": {},
3228
+ "motionVarPrefixes": []
3229
+ },
3230
+ "RadioGroupStore": {
3231
+ "name": "RadioGroupStore",
3232
+ "defaultProps": {},
3233
+ "getStylesLiterals": {},
3234
+ "cxLiterals": [],
3235
+ "internalComponents": [],
3200
3236
  "internalComponentProps": {},
3201
3237
  "propToVariantKeys": {},
3202
3238
  "runtimeConfigDefaultProps": {},
3203
3239
  "runtimeConfigGetStyles": {},
3204
3240
  "runtimeConfigInternalComponentProps": {},
3205
3241
  "motionVarPrefixes": []
3242
+ },
3243
+ "Radio": {
3244
+ "name": "Radio",
3245
+ "defaultProps": {
3246
+ "labelPosition": "start",
3247
+ "variant": "primary",
3248
+ "size": "md",
3249
+ "value": ""
3250
+ },
3251
+ "getStylesLiterals": {
3252
+ "radioVariantValueRoot": "checked",
3253
+ "radioVariantValueRoot:1": "unchecked",
3254
+ "display": "flex",
3255
+ "flexDirection": "row",
3256
+ "flexDirection:1": "row-reverse",
3257
+ "alignItems": "center",
3258
+ "radioVariantValueRadio": "checked",
3259
+ "radioVariantValueRadio:1": "unchecked",
3260
+ "radioVariantValueRadioCircle": "checked",
3261
+ "radioVariantValueRadioCircle:1": "unchecked"
3262
+ },
3263
+ "cxLiterals": [
3264
+ "cursor-pointer",
3265
+ "cursor-default",
3266
+ "opacity-50",
3267
+ "border",
3268
+ "uds-ring",
3269
+ "uds-ring-within",
3270
+ "transition-[background-color,border-color]",
3271
+ "transition-shadow",
3272
+ "pointer-events-none",
3273
+ "w-[8px]",
3274
+ "h-[8px]",
3275
+ "transition-opacity",
3276
+ "cursor-[inherit]",
3277
+ "absolute",
3278
+ "opacity-0",
3279
+ "top-1/2",
3280
+ "left-1/2",
3281
+ "w-[calc(100%+2px)]",
3282
+ "h-[calc(100%+2px)]",
3283
+ "transform",
3284
+ "translate-x-[-50%]",
3285
+ "translate-y-[-50%]",
3286
+ "text-start",
3287
+ "text-end"
3288
+ ],
3289
+ "internalComponents": [
3290
+ "Box",
3291
+ "FormLabel",
3292
+ "SpringMotionConfig",
3293
+ "RootElement",
3294
+ "MotionBox"
3295
+ ],
3296
+ "internalComponentProps": {
3297
+ "Box": {
3298
+ "borderRadius": [
3299
+ "full"
3300
+ ]
3301
+ },
3302
+ "FormLabel": {
3303
+ "as": [
3304
+ "div"
3305
+ ],
3306
+ "variant": [
3307
+ "inherit"
3308
+ ],
3309
+ "color": [
3310
+ "inherit"
3311
+ ]
3312
+ },
3313
+ "RootElement": {
3314
+ "data-testid": [
3315
+ "container"
3316
+ ]
3317
+ },
3318
+ "MotionBox": {
3319
+ "position": [
3320
+ "relative"
3321
+ ],
3322
+ "borderRadius": [
3323
+ "full"
3324
+ ],
3325
+ "alignItems": [
3326
+ "center"
3327
+ ],
3328
+ "justifyContent": [
3329
+ "center"
3330
+ ],
3331
+ "flex": [
3332
+ "none"
3333
+ ]
3334
+ }
3335
+ },
3336
+ "propToVariantKeys": {
3337
+ "size": [
3338
+ "radioSizeRoot",
3339
+ "radioSizeRadio"
3340
+ ],
3341
+ "variant": [
3342
+ "radioVariantRoot",
3343
+ "radioVariantRadio",
3344
+ "radioVariantRadioCircle"
3345
+ ],
3346
+ "reduceMotion": [
3347
+ "reducedMotion"
3348
+ ]
3349
+ },
3350
+ "runtimeConfigDefaultProps": {},
3351
+ "runtimeConfigGetStyles": {},
3352
+ "runtimeConfigInternalComponentProps": {},
3353
+ "motionVarPrefixes": [
3354
+ "--uds-motion-subtle-3-",
3355
+ "--uds-motion-smooth-3-"
3356
+ ]
3206
3357
  }
3207
3358
  }