@yahoo/uds 3.128.1 → 3.129.0-beta.1

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