@yahoo/uds 3.125.1 → 3.126.0

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