@yahoo/uds 3.133.1 → 3.133.3

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