@yahoo/uds 3.137.1 → 3.138.0

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