@yahoo/uds 3.137.0 → 3.137.2

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