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