@yahoo/uds 3.116.0 → 3.116.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,121 +1,4 @@
1
1
  {
2
- "Box": {
3
- "name": "Box",
4
- "defaultProps": {
5
- "as": "div",
6
- "display": "flex"
7
- },
8
- "getStylesLiterals": {},
9
- "cxLiterals": [],
10
- "internalComponents": [
11
- "Comp"
12
- ],
13
- "internalComponentProps": {},
14
- "propToVariantKeys": {
15
- "elevationAlias": [
16
- "backgroundColor",
17
- "borderColor",
18
- "borderWidth",
19
- "dropShadow"
20
- ]
21
- },
22
- "motionVarPrefixes": []
23
- },
24
- "FormLabel": {
25
- "name": "FormLabel",
26
- "defaultProps": {
27
- "color": "muted",
28
- "variant": "label3",
29
- "as": "label"
30
- },
31
- "getStylesLiterals": {},
32
- "cxLiterals": [
33
- "cursor-[inherit]"
34
- ],
35
- "internalComponents": [
36
- "Text"
37
- ],
38
- "internalComponentProps": {
39
- "Text": {
40
- "as": [
41
- "sup"
42
- ],
43
- "variant": [
44
- "inherit"
45
- ],
46
- "spacingStart": [
47
- "0.5"
48
- ]
49
- }
50
- },
51
- "propToVariantKeys": {},
52
- "motionVarPrefixes": []
53
- },
54
- "HStack": {
55
- "name": "HStack",
56
- "defaultProps": {},
57
- "getStylesLiterals": {},
58
- "cxLiterals": [],
59
- "internalComponents": [
60
- "Box"
61
- ],
62
- "internalComponentProps": {
63
- "Box": {
64
- "flexDirection": [
65
- "row"
66
- ]
67
- }
68
- },
69
- "propToVariantKeys": {
70
- "gap": [
71
- "rowGap",
72
- "columnGap"
73
- ]
74
- },
75
- "motionVarPrefixes": []
76
- },
77
- "Icon": {
78
- "name": "Icon",
79
- "defaultProps": {
80
- "size": "md",
81
- "variant": "outline",
82
- "color": "primary"
83
- },
84
- "getStylesLiterals": {
85
- "flex": "none"
86
- },
87
- "cxLiterals": [
88
- "[&_path]:fill-current"
89
- ],
90
- "internalComponents": [
91
- "SVGIcon"
92
- ],
93
- "internalComponentProps": {},
94
- "propToVariantKeys": {},
95
- "motionVarPrefixes": []
96
- },
97
- "IconSlot": {
98
- "name": "IconSlot",
99
- "defaultProps": {},
100
- "getStylesLiterals": {},
101
- "cxLiterals": [],
102
- "internalComponents": [
103
- "Icon"
104
- ],
105
- "internalComponentProps": {},
106
- "propToVariantKeys": {},
107
- "motionVarPrefixes": []
108
- },
109
- "Image": {
110
- "name": "Image",
111
- "defaultProps": {},
112
- "getStylesLiterals": {},
113
- "cxLiterals": [],
114
- "internalComponents": [],
115
- "internalComponentProps": {},
116
- "propToVariantKeys": {},
117
- "motionVarPrefixes": []
118
- },
119
2
  "Link": {
120
3
  "name": "Link",
121
4
  "defaultProps": {
@@ -166,6 +49,51 @@
166
49
  },
167
50
  "motionVarPrefixes": []
168
51
  },
52
+ "VStack": {
53
+ "name": "VStack",
54
+ "defaultProps": {},
55
+ "getStylesLiterals": {},
56
+ "cxLiterals": [],
57
+ "internalComponents": [
58
+ "Box"
59
+ ],
60
+ "internalComponentProps": {
61
+ "Box": {
62
+ "flexDirection": [
63
+ "column"
64
+ ]
65
+ }
66
+ },
67
+ "propToVariantKeys": {
68
+ "gap": [
69
+ "columnGap",
70
+ "rowGap"
71
+ ]
72
+ },
73
+ "motionVarPrefixes": []
74
+ },
75
+ "Box": {
76
+ "name": "Box",
77
+ "defaultProps": {
78
+ "as": "div",
79
+ "display": "flex"
80
+ },
81
+ "getStylesLiterals": {},
82
+ "cxLiterals": [],
83
+ "internalComponents": [
84
+ "Comp"
85
+ ],
86
+ "internalComponentProps": {},
87
+ "propToVariantKeys": {
88
+ "elevationAlias": [
89
+ "backgroundColor",
90
+ "borderColor",
91
+ "borderWidth",
92
+ "dropShadow"
93
+ ]
94
+ },
95
+ "motionVarPrefixes": []
96
+ },
169
97
  "Scrim": {
170
98
  "name": "Scrim",
171
99
  "defaultProps": {
@@ -202,6 +130,56 @@
202
130
  },
203
131
  "motionVarPrefixes": []
204
132
  },
133
+ "Icon": {
134
+ "name": "Icon",
135
+ "defaultProps": {
136
+ "size": "md",
137
+ "variant": "outline",
138
+ "color": "primary"
139
+ },
140
+ "getStylesLiterals": {
141
+ "flex": "none"
142
+ },
143
+ "cxLiterals": [
144
+ "[&_path]:fill-current"
145
+ ],
146
+ "internalComponents": [
147
+ "SVGIcon"
148
+ ],
149
+ "internalComponentProps": {},
150
+ "propToVariantKeys": {},
151
+ "motionVarPrefixes": []
152
+ },
153
+ "FormLabel": {
154
+ "name": "FormLabel",
155
+ "defaultProps": {
156
+ "color": "muted",
157
+ "variant": "label3",
158
+ "as": "label"
159
+ },
160
+ "getStylesLiterals": {},
161
+ "cxLiterals": [
162
+ "cursor-[inherit]"
163
+ ],
164
+ "internalComponents": [
165
+ "Text"
166
+ ],
167
+ "internalComponentProps": {
168
+ "Text": {
169
+ "as": [
170
+ "sup"
171
+ ],
172
+ "variant": [
173
+ "inherit"
174
+ ],
175
+ "spacingStart": [
176
+ "0.5"
177
+ ]
178
+ }
179
+ },
180
+ "propToVariantKeys": {},
181
+ "motionVarPrefixes": []
182
+ },
205
183
  "Text": {
206
184
  "name": "Text",
207
185
  "defaultProps": {
@@ -226,8 +204,20 @@
226
204
  },
227
205
  "motionVarPrefixes": []
228
206
  },
229
- "VStack": {
230
- "name": "VStack",
207
+ "IconSlot": {
208
+ "name": "IconSlot",
209
+ "defaultProps": {},
210
+ "getStylesLiterals": {},
211
+ "cxLiterals": [],
212
+ "internalComponents": [
213
+ "Icon"
214
+ ],
215
+ "internalComponentProps": {},
216
+ "propToVariantKeys": {},
217
+ "motionVarPrefixes": []
218
+ },
219
+ "HStack": {
220
+ "name": "HStack",
231
221
  "defaultProps": {},
232
222
  "getStylesLiterals": {},
233
223
  "cxLiterals": [],
@@ -237,132 +227,31 @@
237
227
  "internalComponentProps": {
238
228
  "Box": {
239
229
  "flexDirection": [
240
- "column"
230
+ "row"
241
231
  ]
242
232
  }
243
233
  },
244
234
  "propToVariantKeys": {
245
235
  "gap": [
246
- "columnGap",
247
- "rowGap"
236
+ "rowGap",
237
+ "columnGap"
248
238
  ]
249
239
  },
250
240
  "motionVarPrefixes": []
251
241
  },
252
- "Divider": {
253
- "name": "Divider",
242
+ "Image": {
243
+ "name": "Image",
254
244
  "defaultProps": {},
255
245
  "getStylesLiterals": {},
256
246
  "cxLiterals": [],
257
- "internalComponents": [
258
- "DividerInternal"
259
- ],
247
+ "internalComponents": [],
260
248
  "internalComponentProps": {},
261
249
  "propToVariantKeys": {},
262
250
  "motionVarPrefixes": []
263
251
  },
264
- "DividerCore": {
265
- "name": "DividerCore",
266
- "defaultProps": {
267
- "contentPosition": "center"
268
- },
269
- "getStylesLiterals": {},
270
- "cxLiterals": [],
271
- "internalComponents": [
272
- "Box",
273
- "Line",
274
- "InternalComponent",
275
- "Text"
276
- ],
277
- "internalComponentProps": {
278
- "Box": {
279
- "flex": [
280
- "1",
281
- "none"
282
- ],
283
- "display": [
284
- "flex"
285
- ]
286
- },
287
- "InternalComponent": {
288
- "flex": [
289
- "1"
290
- ],
291
- "alignItems": [
292
- "center"
293
- ]
294
- },
295
- "Text": {
296
- "as": [
297
- "span"
298
- ],
299
- "color": [
300
- "inherit"
301
- ],
302
- "variant": [
303
- "inherit"
304
- ]
305
- }
306
- },
307
- "propToVariantKeys": {},
308
- "motionVarPrefixes": []
309
- },
310
- "DividerInternal": {
311
- "name": "DividerInternal",
312
- "defaultProps": {
313
- "variant": "primary"
314
- },
315
- "getStylesLiterals": {},
316
- "cxLiterals": [
317
- "inherit"
318
- ],
319
- "internalComponents": [
320
- "DividerCore"
321
- ],
322
- "internalComponentProps": {},
323
- "propToVariantKeys": {
324
- "variant": [
325
- "dividerVariantRoot",
326
- "dividerVariantLabel",
327
- "dividerVariantLine"
328
- ]
329
- },
330
- "motionVarPrefixes": []
331
- },
332
- "Spinner": {
333
- "name": "Spinner",
334
- "defaultProps": {
335
- "color": "primary",
336
- "size": "lg"
337
- },
338
- "getStylesLiterals": {},
339
- "cxLiterals": [
340
- "self-center",
341
- "relative",
342
- "sr-only"
343
- ],
344
- "internalComponents": [
345
- "Icon"
346
- ],
347
- "internalComponentProps": {
348
- "Icon": {
349
- "role": [
350
- "img"
351
- ],
352
- "className": [
353
- "animate-spin"
354
- ],
355
- "aria-hidden": [
356
- "true"
357
- ]
358
- }
359
- },
360
- "propToVariantKeys": {},
361
- "motionVarPrefixes": []
362
- },
363
- "Table.mocks": {
364
- "name": "Table.mocks",
365
- "defaultProps": {},
252
+ "Table.mocks": {
253
+ "name": "Table.mocks",
254
+ "defaultProps": {},
366
255
  "getStylesLiterals": {},
367
256
  "cxLiterals": [],
368
257
  "internalComponents": [],
@@ -406,87 +295,117 @@
406
295
  "propToVariantKeys": {},
407
296
  "motionVarPrefixes": []
408
297
  },
409
- "AnimateHeightChange": {
410
- "name": "AnimateHeightChange",
411
- "defaultProps": {},
298
+ "Spinner": {
299
+ "name": "Spinner",
300
+ "defaultProps": {
301
+ "color": "primary",
302
+ "size": "lg"
303
+ },
412
304
  "getStylesLiterals": {},
413
305
  "cxLiterals": [
414
- "overflow-hidden"
306
+ "self-center",
307
+ "relative",
308
+ "sr-only"
415
309
  ],
416
310
  "internalComponents": [
417
- "SpringMotionConfig"
311
+ "Icon"
418
312
  ],
419
313
  "internalComponentProps": {
420
- "SpringMotionConfig": {
421
- "layoutSpeed": [
422
- "4"
314
+ "Icon": {
315
+ "role": [
316
+ "img"
317
+ ],
318
+ "className": [
319
+ "animate-spin"
320
+ ],
321
+ "aria-hidden": [
322
+ "true"
423
323
  ]
424
324
  }
425
325
  },
426
- "propToVariantKeys": {
427
- "reduceMotion": [
428
- "reducedMotion"
429
- ]
430
- },
431
- "motionVarPrefixes": [
432
- "--uds-motion-subtle-4-",
433
- "--uds-motion-smooth-3-"
434
- ]
326
+ "propToVariantKeys": {},
327
+ "motionVarPrefixes": []
435
328
  },
436
- "Badge": {
437
- "name": "Badge",
329
+ "DividerCore": {
330
+ "name": "DividerCore",
438
331
  "defaultProps": {
439
- "variant": "primary",
440
- "size": "md"
332
+ "contentPosition": "center"
441
333
  },
442
334
  "getStylesLiterals": {},
443
- "cxLiterals": [
444
- "flex-1",
445
- "truncate",
446
- "whitespace-nowrap",
447
- "text-center"
448
- ],
335
+ "cxLiterals": [],
449
336
  "internalComponents": [
450
- "IconSlot",
451
- "HStack"
337
+ "Box",
338
+ "Line",
339
+ "InternalComponent",
340
+ "Text"
452
341
  ],
453
342
  "internalComponentProps": {
454
- "IconSlot": {
455
- "data-testid": [
456
- "start-icon",
457
- "end-icon"
458
- ]
459
- },
460
- "HStack": {
461
- "gap": [
462
- "2"
343
+ "Box": {
344
+ "flex": [
345
+ "1",
346
+ "none"
463
347
  ],
464
348
  "display": [
465
- "inline-flex"
349
+ "flex"
350
+ ]
351
+ },
352
+ "InternalComponent": {
353
+ "flex": [
354
+ "1"
466
355
  ],
467
356
  "alignItems": [
468
357
  "center"
469
358
  ]
359
+ },
360
+ "Text": {
361
+ "as": [
362
+ "span"
363
+ ],
364
+ "color": [
365
+ "inherit"
366
+ ],
367
+ "variant": [
368
+ "inherit"
369
+ ]
470
370
  }
471
371
  },
372
+ "propToVariantKeys": {},
373
+ "motionVarPrefixes": []
374
+ },
375
+ "DividerInternal": {
376
+ "name": "DividerInternal",
377
+ "defaultProps": {
378
+ "variant": "primary"
379
+ },
380
+ "getStylesLiterals": {},
381
+ "cxLiterals": [
382
+ "inherit"
383
+ ],
384
+ "internalComponents": [
385
+ "DividerCore"
386
+ ],
387
+ "internalComponentProps": {},
472
388
  "propToVariantKeys": {
473
- "size": [
474
- "badgeSizeRoot",
475
- "badgeSizeIcon"
476
- ],
477
389
  "variant": [
478
- "badgeVariantRoot",
479
- "badgeVariantIcon"
480
- ],
481
- "startIcon": [
482
- "icon"
483
- ],
484
- "endIcon": [
485
- "icon"
390
+ "dividerVariantRoot",
391
+ "dividerVariantLabel",
392
+ "dividerVariantLine"
486
393
  ]
487
394
  },
488
395
  "motionVarPrefixes": []
489
396
  },
397
+ "Divider": {
398
+ "name": "Divider",
399
+ "defaultProps": {},
400
+ "getStylesLiterals": {},
401
+ "cxLiterals": [],
402
+ "internalComponents": [
403
+ "DividerInternal"
404
+ ],
405
+ "internalComponentProps": {},
406
+ "propToVariantKeys": {},
407
+ "motionVarPrefixes": []
408
+ },
490
409
  "Button": {
491
410
  "name": "Button",
492
411
  "defaultProps": {
@@ -674,6 +593,25 @@
674
593
  "--uds-motion-smooth-3-"
675
594
  ]
676
595
  },
596
+ "SpringMotionConfig": {
597
+ "name": "SpringMotionConfig",
598
+ "defaultProps": {
599
+ "reducedMotion": "user"
600
+ },
601
+ "getStylesLiterals": {},
602
+ "cxLiterals": [],
603
+ "internalComponents": [
604
+ "LazyMotion",
605
+ "MotionConfig"
606
+ ],
607
+ "internalComponentProps": {},
608
+ "propToVariantKeys": {
609
+ "loadFeatures": [
610
+ "features"
611
+ ]
612
+ },
613
+ "motionVarPrefixes": []
614
+ },
677
615
  "IconButton": {
678
616
  "name": "IconButton",
679
617
  "defaultProps": {
@@ -738,37 +676,6 @@
738
676
  "--uds-motion-smooth-3-"
739
677
  ]
740
678
  },
741
- "Pressable": {
742
- "name": "Pressable",
743
- "defaultProps": {},
744
- "getStylesLiterals": {},
745
- "cxLiterals": [],
746
- "internalComponents": [
747
- "Comp"
748
- ],
749
- "internalComponentProps": {},
750
- "propToVariantKeys": {},
751
- "motionVarPrefixes": []
752
- },
753
- "SpringMotionConfig": {
754
- "name": "SpringMotionConfig",
755
- "defaultProps": {
756
- "reducedMotion": "user"
757
- },
758
- "getStylesLiterals": {},
759
- "cxLiterals": [],
760
- "internalComponents": [
761
- "LazyMotion",
762
- "MotionConfig"
763
- ],
764
- "internalComponentProps": {},
765
- "propToVariantKeys": {
766
- "loadFeatures": [
767
- "features"
768
- ]
769
- },
770
- "motionVarPrefixes": []
771
- },
772
679
  "Switch": {
773
680
  "name": "Switch",
774
681
  "defaultProps": {
@@ -883,207 +790,106 @@
883
790
  "--uds-motion-smooth-3-"
884
791
  ]
885
792
  },
886
- "Accordion": {
887
- "name": "Accordion",
793
+ "Badge": {
794
+ "name": "Badge",
888
795
  "defaultProps": {
889
- "spacingHorizontal": "4",
890
- "spacingVertical": "4"
796
+ "variant": "primary",
797
+ "size": "md"
891
798
  },
892
799
  "getStylesLiterals": {},
893
800
  "cxLiterals": [
894
- "hover:bg-secondary/80",
895
- "w-full"
801
+ "flex-1",
802
+ "truncate",
803
+ "whitespace-nowrap",
804
+ "text-center"
896
805
  ],
897
806
  "internalComponents": [
898
- "Icon",
899
- "SpringMotionConfig",
900
- "Pressable",
901
- "Text",
902
- "HStack",
903
- "AnimatePresence",
904
- "VStack"
807
+ "IconSlot",
808
+ "HStack"
905
809
  ],
906
810
  "internalComponentProps": {
907
- "Icon": {
908
- "variant": [
909
- "fill"
910
- ],
911
- "size": [
912
- "sm"
913
- ],
914
- "color": [
915
- "primary"
916
- ]
917
- },
918
- "SpringMotionConfig": {
919
- "layoutVariant": [
920
- "smooth"
921
- ],
922
- "layoutSpeed": [
923
- "3"
924
- ]
925
- },
926
- "Pressable": {
927
- "display": [
928
- "flex"
929
- ],
930
- "flexDirection": [
931
- "row"
932
- ],
933
- "alignItems": [
934
- "center"
935
- ],
936
- "justifyContent": [
937
- "space-between"
938
- ],
939
- "borderRadius": [
940
- "md"
941
- ]
942
- },
943
- "Text": {
944
- "variant": [
945
- "title4"
946
- ],
947
- "color": [
948
- "primary"
811
+ "IconSlot": {
812
+ "data-testid": [
813
+ "start-icon",
814
+ "end-icon"
949
815
  ]
950
816
  },
951
817
  "HStack": {
818
+ "gap": [
819
+ "2"
820
+ ],
952
821
  "display": [
953
- "flex"
822
+ "inline-flex"
954
823
  ],
955
824
  "alignItems": [
956
825
  "center"
957
- ],
958
- "justifyContent": [
959
- "space-between"
960
- ],
961
- "columnGap": [
962
- "2.5"
963
826
  ]
964
827
  }
965
828
  },
966
- "propToVariantKeys": {},
967
- "motionVarPrefixes": [
968
- "--uds-motion-smooth-3-"
969
- ]
970
- },
971
- "AvoidMotionLibraryProvider": {
972
- "name": "AvoidMotionLibraryProvider",
973
- "defaultProps": {},
974
- "getStylesLiterals": {},
975
- "cxLiterals": [],
976
- "internalComponents": [],
977
- "internalComponentProps": {},
978
- "propToVariantKeys": {},
829
+ "propToVariantKeys": {
830
+ "size": [
831
+ "badgeSizeRoot",
832
+ "badgeSizeIcon"
833
+ ],
834
+ "variant": [
835
+ "badgeVariantRoot",
836
+ "badgeVariantIcon"
837
+ ],
838
+ "startIcon": [
839
+ "icon"
840
+ ],
841
+ "endIcon": [
842
+ "icon"
843
+ ]
844
+ },
979
845
  "motionVarPrefixes": []
980
846
  },
981
- "Modal": {
982
- "name": "Modal",
847
+ "AnimateHeightChange": {
848
+ "name": "AnimateHeightChange",
983
849
  "defaultProps": {},
984
850
  "getStylesLiterals": {},
985
851
  "cxLiterals": [
986
- "inset-8",
987
- "top-[250px]",
988
- "z-50",
989
- "mx-auto",
990
- "h-fit",
991
- "w-[600px]",
992
- "origin-center",
993
- "scale-95",
994
- "opacity-0",
995
- "transition",
996
- "duration-150",
997
- "data-[enter]:scale-100",
998
- "data-[enter]:opacity-100",
999
- "data-[enter]:bg-primary",
1000
- "backdrop-blur-0",
1001
- "data-[enter]:opacity-60",
1002
- "data-[enter]:backdrop-blur-sm"
852
+ "overflow-hidden"
1003
853
  ],
1004
854
  "internalComponents": [
1005
- "IconButton",
1006
- "Dialog",
1007
- "HStack",
1008
- "Text",
1009
- "VStack"
855
+ "SpringMotionConfig"
1010
856
  ],
1011
857
  "internalComponentProps": {
1012
- "IconButton": {
1013
- "aria-label": [
1014
- "Close"
1015
- ],
1016
- "size": [
1017
- "sm"
1018
- ],
1019
- "variant": [
1020
- "tertiary"
1021
- ]
1022
- },
1023
- "HStack": {
1024
- "alignItems": [
1025
- "center"
1026
- ],
1027
- "justifyContent": [
1028
- "space-between"
1029
- ]
1030
- },
1031
- "Text": {
1032
- "variant": [
1033
- "headline1"
1034
- ],
1035
- "color": [
1036
- "primary"
1037
- ]
1038
- },
1039
- "VStack": {
1040
- "borderRadius": [
1041
- "md"
1042
- ],
1043
- "position": [
1044
- "fixed"
1045
- ],
1046
- "backgroundColor": [
1047
- "primary"
1048
- ],
1049
- "dropShadow": [
1050
- "md"
1051
- ],
1052
- "spacing": [
1053
- "8"
1054
- ],
1055
- "overflow": [
1056
- "hidden"
858
+ "SpringMotionConfig": {
859
+ "layoutSpeed": [
860
+ "4"
1057
861
  ]
1058
862
  }
1059
863
  },
1060
864
  "propToVariantKeys": {
1061
- "handleClose": [
1062
- "onClick"
865
+ "reduceMotion": [
866
+ "reducedMotion"
1063
867
  ]
1064
868
  },
1065
- "motionVarPrefixes": []
869
+ "motionVarPrefixes": [
870
+ "--uds-motion-subtle-4-",
871
+ "--uds-motion-smooth-3-"
872
+ ]
1066
873
  },
1067
- "Popover": {
1068
- "name": "Popover",
874
+ "Pressable": {
875
+ "name": "Pressable",
1069
876
  "defaultProps": {},
1070
877
  "getStylesLiterals": {},
1071
878
  "cxLiterals": [],
1072
879
  "internalComponents": [
1073
- "HStack",
1074
- "Text",
1075
- "OriginalPopoverHeading"
880
+ "Comp"
1076
881
  ],
1077
- "internalComponentProps": {
1078
- "Text": {
1079
- "variant": [
1080
- "headline1"
1081
- ],
1082
- "color": [
1083
- "primary"
1084
- ]
1085
- }
1086
- },
882
+ "internalComponentProps": {},
883
+ "propToVariantKeys": {},
884
+ "motionVarPrefixes": []
885
+ },
886
+ "AvoidMotionLibraryProvider": {
887
+ "name": "AvoidMotionLibraryProvider",
888
+ "defaultProps": {},
889
+ "getStylesLiterals": {},
890
+ "cxLiterals": [],
891
+ "internalComponents": [],
892
+ "internalComponentProps": {},
1087
893
  "propToVariantKeys": {},
1088
894
  "motionVarPrefixes": []
1089
895
  },
@@ -1169,22 +975,45 @@
1169
975
  },
1170
976
  "motionVarPrefixes": []
1171
977
  },
1172
- "SwitchV2": {
1173
- "name": "SwitchV2",
1174
- "defaultProps": {
1175
- "labelPosition": "start",
1176
- "size": "md"
1177
- },
1178
- "getStylesLiterals": {
1179
- "switchVariantRoot": "default",
1180
- "switchVariantActiveRoot": "on",
1181
- "switchVariantActiveRoot:1": "off",
1182
- "switchVariantSwitch": "default",
1183
- "switchVariantActiveSwitch": "on",
1184
- "switchVariantActiveSwitch:1": "off",
1185
- "switchVariantActiveHandle": "on",
1186
- "switchVariantActiveHandle:1": "off",
1187
- "switchVariantHandle": "default",
978
+ "Popover": {
979
+ "name": "Popover",
980
+ "defaultProps": {},
981
+ "getStylesLiterals": {},
982
+ "cxLiterals": [],
983
+ "internalComponents": [
984
+ "HStack",
985
+ "Text",
986
+ "OriginalPopoverHeading"
987
+ ],
988
+ "internalComponentProps": {
989
+ "Text": {
990
+ "variant": [
991
+ "headline1"
992
+ ],
993
+ "color": [
994
+ "primary"
995
+ ]
996
+ }
997
+ },
998
+ "propToVariantKeys": {},
999
+ "motionVarPrefixes": []
1000
+ },
1001
+ "SwitchV2": {
1002
+ "name": "SwitchV2",
1003
+ "defaultProps": {
1004
+ "labelPosition": "start",
1005
+ "size": "md"
1006
+ },
1007
+ "getStylesLiterals": {
1008
+ "switchVariantRoot": "default",
1009
+ "switchVariantActiveRoot": "on",
1010
+ "switchVariantActiveRoot:1": "off",
1011
+ "switchVariantSwitch": "default",
1012
+ "switchVariantActiveSwitch": "on",
1013
+ "switchVariantActiveSwitch:1": "off",
1014
+ "switchVariantActiveHandle": "on",
1015
+ "switchVariantActiveHandle:1": "off",
1016
+ "switchVariantHandle": "default",
1188
1017
  "switchVariantHandleIcon": "default",
1189
1018
  "switchVariantActiveHandleIcon": "on",
1190
1019
  "switchVariantActiveHandleIcon:1": "off"
@@ -1356,46 +1185,176 @@
1356
1185
  "propToVariantKeys": {},
1357
1186
  "motionVarPrefixes": []
1358
1187
  },
1359
- "Avatar": {
1360
- "name": "Avatar",
1188
+ "Modal": {
1189
+ "name": "Modal",
1361
1190
  "defaultProps": {},
1362
1191
  "getStylesLiterals": {},
1363
- "cxLiterals": [],
1192
+ "cxLiterals": [
1193
+ "inset-8",
1194
+ "top-[250px]",
1195
+ "z-50",
1196
+ "mx-auto",
1197
+ "h-fit",
1198
+ "w-[600px]",
1199
+ "origin-center",
1200
+ "scale-95",
1201
+ "opacity-0",
1202
+ "transition",
1203
+ "duration-150",
1204
+ "data-[enter]:scale-100",
1205
+ "data-[enter]:opacity-100",
1206
+ "data-[enter]:bg-primary",
1207
+ "backdrop-blur-0",
1208
+ "data-[enter]:opacity-60",
1209
+ "data-[enter]:backdrop-blur-sm"
1210
+ ],
1364
1211
  "internalComponents": [
1365
- "AvatarImage"
1212
+ "IconButton",
1213
+ "Dialog",
1214
+ "HStack",
1215
+ "Text",
1216
+ "VStack"
1366
1217
  ],
1367
- "internalComponentProps": {},
1368
- "propToVariantKeys": {},
1218
+ "internalComponentProps": {
1219
+ "IconButton": {
1220
+ "aria-label": [
1221
+ "Close"
1222
+ ],
1223
+ "size": [
1224
+ "sm"
1225
+ ],
1226
+ "variant": [
1227
+ "tertiary"
1228
+ ]
1229
+ },
1230
+ "HStack": {
1231
+ "alignItems": [
1232
+ "center"
1233
+ ],
1234
+ "justifyContent": [
1235
+ "space-between"
1236
+ ]
1237
+ },
1238
+ "Text": {
1239
+ "variant": [
1240
+ "headline1"
1241
+ ],
1242
+ "color": [
1243
+ "primary"
1244
+ ]
1245
+ },
1246
+ "VStack": {
1247
+ "borderRadius": [
1248
+ "md"
1249
+ ],
1250
+ "position": [
1251
+ "fixed"
1252
+ ],
1253
+ "backgroundColor": [
1254
+ "primary"
1255
+ ],
1256
+ "dropShadow": [
1257
+ "md"
1258
+ ],
1259
+ "spacing": [
1260
+ "8"
1261
+ ],
1262
+ "overflow": [
1263
+ "hidden"
1264
+ ]
1265
+ }
1266
+ },
1267
+ "propToVariantKeys": {
1268
+ "handleClose": [
1269
+ "onClick"
1270
+ ]
1271
+ },
1369
1272
  "motionVarPrefixes": []
1370
1273
  },
1371
- "AvatarIcon": {
1372
- "name": "AvatarIcon",
1274
+ "Accordion": {
1275
+ "name": "Accordion",
1373
1276
  "defaultProps": {
1374
- "size": "md",
1375
- "variant": "primary"
1277
+ "spacingHorizontal": "4",
1278
+ "spacingVertical": "4"
1376
1279
  },
1377
1280
  "getStylesLiterals": {},
1378
1281
  "cxLiterals": [
1379
- "overflow-hidden",
1380
- "w-full",
1381
- "h-full",
1382
- "shrink-0",
1383
- "text-center",
1384
- "inline-flex",
1385
- "justify-center",
1386
- "items-center"
1282
+ "hover:bg-secondary/80",
1283
+ "w-full"
1387
1284
  ],
1388
1285
  "internalComponents": [
1389
- "IconSlot",
1390
- "Box"
1286
+ "Icon",
1287
+ "SpringMotionConfig",
1288
+ "Pressable",
1289
+ "Text",
1290
+ "HStack",
1291
+ "AnimatePresence",
1292
+ "VStack"
1391
1293
  ],
1392
- "internalComponentProps": {},
1393
- "propToVariantKeys": {
1394
- "size": [
1395
- "avatarSizeIcon"
1396
- ]
1294
+ "internalComponentProps": {
1295
+ "Icon": {
1296
+ "variant": [
1297
+ "fill"
1298
+ ],
1299
+ "size": [
1300
+ "sm"
1301
+ ],
1302
+ "color": [
1303
+ "primary"
1304
+ ]
1305
+ },
1306
+ "SpringMotionConfig": {
1307
+ "layoutVariant": [
1308
+ "smooth"
1309
+ ],
1310
+ "layoutSpeed": [
1311
+ "3"
1312
+ ]
1313
+ },
1314
+ "Pressable": {
1315
+ "display": [
1316
+ "flex"
1317
+ ],
1318
+ "flexDirection": [
1319
+ "row"
1320
+ ],
1321
+ "alignItems": [
1322
+ "center"
1323
+ ],
1324
+ "justifyContent": [
1325
+ "space-between"
1326
+ ],
1327
+ "borderRadius": [
1328
+ "md"
1329
+ ]
1330
+ },
1331
+ "Text": {
1332
+ "variant": [
1333
+ "title4"
1334
+ ],
1335
+ "color": [
1336
+ "primary"
1337
+ ]
1338
+ },
1339
+ "HStack": {
1340
+ "display": [
1341
+ "flex"
1342
+ ],
1343
+ "alignItems": [
1344
+ "center"
1345
+ ],
1346
+ "justifyContent": [
1347
+ "space-between"
1348
+ ],
1349
+ "columnGap": [
1350
+ "2.5"
1351
+ ]
1352
+ }
1397
1353
  },
1398
- "motionVarPrefixes": []
1354
+ "propToVariantKeys": {},
1355
+ "motionVarPrefixes": [
1356
+ "--uds-motion-smooth-3-"
1357
+ ]
1399
1358
  },
1400
1359
  "AvatarImage": {
1401
1360
  "name": "AvatarImage",
@@ -1467,59 +1426,43 @@
1467
1426
  "propToVariantKeys": {},
1468
1427
  "motionVarPrefixes": []
1469
1428
  },
1470
- "BottomSheet": {
1471
- "name": "BottomSheet",
1429
+ "Avatar": {
1430
+ "name": "Avatar",
1431
+ "defaultProps": {},
1432
+ "getStylesLiterals": {},
1433
+ "cxLiterals": [],
1434
+ "internalComponents": [
1435
+ "AvatarImage"
1436
+ ],
1437
+ "internalComponentProps": {},
1438
+ "propToVariantKeys": {},
1439
+ "motionVarPrefixes": []
1440
+ },
1441
+ "AvatarIcon": {
1442
+ "name": "AvatarIcon",
1472
1443
  "defaultProps": {
1473
- "variant": "default"
1444
+ "size": "md",
1445
+ "variant": "primary"
1474
1446
  },
1475
1447
  "getStylesLiterals": {},
1476
1448
  "cxLiterals": [
1477
- "fixed",
1478
1449
  "overflow-hidden",
1479
- "inset-x-0",
1480
- "bottom-0",
1481
- "z-50",
1482
- "[will-change:transform]",
1483
- "touch-none",
1484
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1485
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1486
- "transition-transform",
1487
- "duration-500",
1488
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1489
- "motion-reduce:transition-none",
1490
- "top-[-4px]",
1491
- "z-[1]",
1492
- "touch-pan-y"
1493
- ],
1450
+ "w-full",
1451
+ "h-full",
1452
+ "shrink-0",
1453
+ "text-center",
1454
+ "inline-flex",
1455
+ "justify-center",
1456
+ "items-center"
1457
+ ],
1494
1458
  "internalComponents": [
1495
- "Scrim",
1496
- "BottomSheetHandle",
1497
- "Dialog",
1459
+ "IconSlot",
1498
1460
  "Box"
1499
1461
  ],
1500
- "internalComponentProps": {
1501
- "BottomSheetHandle": {
1502
- "ariaLabel": [
1503
- "Resize sheet"
1504
- ]
1505
- },
1506
- "Dialog": {
1507
- "data-testid": [
1508
- "bottom-sheet"
1509
- ]
1510
- },
1511
- "Box": {
1512
- "display": [
1513
- "block"
1514
- ],
1515
- "position": [
1516
- "absolute"
1517
- ]
1518
- }
1519
- },
1462
+ "internalComponentProps": {},
1520
1463
  "propToVariantKeys": {
1521
- "variant": [
1522
- "bottomsheetVariantRoot"
1464
+ "size": [
1465
+ "avatarSizeIcon"
1523
1466
  ]
1524
1467
  },
1525
1468
  "motionVarPrefixes": []
@@ -1569,6 +1512,63 @@
1569
1512
  "propToVariantKeys": {},
1570
1513
  "motionVarPrefixes": []
1571
1514
  },
1515
+ "BottomSheet": {
1516
+ "name": "BottomSheet",
1517
+ "defaultProps": {
1518
+ "variant": "default"
1519
+ },
1520
+ "getStylesLiterals": {},
1521
+ "cxLiterals": [
1522
+ "fixed",
1523
+ "overflow-hidden",
1524
+ "inset-x-0",
1525
+ "bottom-0",
1526
+ "z-50",
1527
+ "[will-change:transform]",
1528
+ "touch-none",
1529
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1530
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1531
+ "transition-transform",
1532
+ "duration-500",
1533
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1534
+ "motion-reduce:transition-none",
1535
+ "top-[-4px]",
1536
+ "z-[1]",
1537
+ "touch-pan-y"
1538
+ ],
1539
+ "internalComponents": [
1540
+ "Scrim",
1541
+ "BottomSheetHandle",
1542
+ "Dialog",
1543
+ "Box"
1544
+ ],
1545
+ "internalComponentProps": {
1546
+ "BottomSheetHandle": {
1547
+ "ariaLabel": [
1548
+ "Resize sheet"
1549
+ ]
1550
+ },
1551
+ "Dialog": {
1552
+ "data-testid": [
1553
+ "bottom-sheet"
1554
+ ]
1555
+ },
1556
+ "Box": {
1557
+ "display": [
1558
+ "block"
1559
+ ],
1560
+ "position": [
1561
+ "absolute"
1562
+ ]
1563
+ }
1564
+ },
1565
+ "propToVariantKeys": {
1566
+ "variant": [
1567
+ "bottomsheetVariantRoot"
1568
+ ]
1569
+ },
1570
+ "motionVarPrefixes": []
1571
+ },
1572
1572
  "BottomSheetHandle": {
1573
1573
  "name": "BottomSheetHandle",
1574
1574
  "defaultProps": {},
@@ -1660,25 +1660,25 @@
1660
1660
  },
1661
1661
  "motionVarPrefixes": []
1662
1662
  },
1663
- "BottomSheetProvider": {
1664
- "name": "BottomSheetProvider",
1663
+ "BottomSheetTrigger": {
1664
+ "name": "BottomSheetTrigger",
1665
1665
  "defaultProps": {},
1666
1666
  "getStylesLiterals": {},
1667
1667
  "cxLiterals": [],
1668
1668
  "internalComponents": [
1669
- "AriakitDialogProvider"
1669
+ "AriakitDialogDisclosure"
1670
1670
  ],
1671
1671
  "internalComponentProps": {},
1672
1672
  "propToVariantKeys": {},
1673
1673
  "motionVarPrefixes": []
1674
1674
  },
1675
- "BottomSheetTrigger": {
1676
- "name": "BottomSheetTrigger",
1675
+ "BottomSheetProvider": {
1676
+ "name": "BottomSheetProvider",
1677
1677
  "defaultProps": {},
1678
1678
  "getStylesLiterals": {},
1679
1679
  "cxLiterals": [],
1680
1680
  "internalComponents": [
1681
- "AriakitDialogDisclosure"
1681
+ "AriakitDialogProvider"
1682
1682
  ],
1683
1683
  "internalComponentProps": {},
1684
1684
  "propToVariantKeys": {},
@@ -1696,187 +1696,380 @@
1696
1696
  "propToVariantKeys": {},
1697
1697
  "motionVarPrefixes": []
1698
1698
  },
1699
- "Chip": {
1700
- "name": "Chip",
1699
+ "UDSToastConfigProvider": {
1700
+ "name": "UDSToastConfigProvider",
1701
1701
  "defaultProps": {},
1702
1702
  "getStylesLiterals": {},
1703
1703
  "cxLiterals": [],
1704
1704
  "internalComponents": [
1705
- "ChipDismissible",
1706
- "ChipToggle",
1707
- "ChipLink",
1708
- "ChipButton"
1705
+ "ToastContext.Provider"
1709
1706
  ],
1710
1707
  "internalComponentProps": {},
1711
1708
  "propToVariantKeys": {},
1712
1709
  "motionVarPrefixes": []
1713
1710
  },
1714
- "ChipBase": {
1715
- "name": "ChipBase",
1716
- "defaultProps": {
1717
- "size": "md",
1718
- "as": "div"
1711
+ "Toast": {
1712
+ "name": "Toast",
1713
+ "defaultProps": {},
1714
+ "getStylesLiterals": {
1715
+ "className": "flex-none",
1716
+ "spacing": "2",
1717
+ "borderRadius": "full"
1719
1718
  },
1720
- "getStylesLiterals": {},
1721
1719
  "cxLiterals": [
1722
- "pointer-events-none",
1723
- "cursor-default",
1724
- "opacity-50",
1725
- "inline-flex",
1726
- "items-center",
1727
- "transition-[background-color,outline-color,box-shadow]",
1728
- "truncate",
1729
- "whitespace-nowrap",
1730
- "text-center",
1731
- "flex-1"
1720
+ "transition-[background-color]",
1721
+ "bg-carbon-15/0",
1722
+ "hover:bg-carbon-15/10",
1723
+ "active:bg-carbon-15/15",
1724
+ "uds-ring"
1732
1725
  ],
1733
1726
  "internalComponents": [
1734
1727
  "IconSlot",
1735
- "HStack",
1736
- "As",
1737
- "Text"
1728
+ "ToastContainer",
1729
+ "Text",
1730
+ "Button",
1731
+ "Pressable"
1738
1732
  ],
1739
- "internalComponentProps": {
1740
- "Text": {
1741
- "as": [
1742
- "span"
1743
- ],
1744
- "color": [
1745
- "current"
1746
- ],
1747
- "variant": [
1748
- "inherit"
1749
- ]
1750
- }
1751
- },
1733
+ "internalComponentProps": {},
1752
1734
  "propToVariantKeys": {
1753
1735
  "size": [
1754
- "chipSizeRoot",
1755
- "chipSizeIcon"
1736
+ "toastSizeLabel",
1737
+ "toastSizeIcon",
1738
+ "toastSizeActionButton",
1739
+ "toastSizeCloseIcon"
1756
1740
  ],
1757
- "startIcon": [
1758
- "icon"
1741
+ "variant": [
1742
+ "toastVariantIcon",
1743
+ "toastVariantActionButton",
1744
+ "toastVariantCloseIcon"
1759
1745
  ],
1760
- "endIcon": [
1746
+ "closeIcon": [
1761
1747
  "icon"
1748
+ ],
1749
+ "onClickActionButton": [
1750
+ "onClick"
1762
1751
  ]
1763
1752
  },
1764
1753
  "motionVarPrefixes": []
1765
1754
  },
1766
- "ChipButton": {
1767
- "name": "ChipButton",
1768
- "defaultProps": {
1769
- "variant": "primary"
1755
+ "ToastContainer": {
1756
+ "name": "ToastContainer",
1757
+ "defaultProps": {},
1758
+ "getStylesLiterals": {
1759
+ "position": "relative",
1760
+ "alignItems": "center",
1761
+ "display": "flex",
1762
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1770
1763
  },
1771
- "getStylesLiterals": {},
1772
1764
  "cxLiterals": [
1773
- "uds-ring"
1765
+ "w-full"
1774
1766
  ],
1775
1767
  "internalComponents": [
1776
- "ChipBase"
1768
+ "HStack"
1777
1769
  ],
1778
1770
  "internalComponentProps": {
1779
- "ChipBase": {
1780
- "as": [
1781
- "button"
1771
+ "HStack": {
1772
+ "alignItems": [
1773
+ "center"
1774
+ ],
1775
+ "justifyContent": [
1776
+ "space-between"
1777
+ ],
1778
+ "overflow": [
1779
+ "hidden"
1780
+ ],
1781
+ "position": [
1782
+ "relative"
1782
1783
  ]
1783
1784
  }
1784
1785
  },
1785
1786
  "propToVariantKeys": {
1786
1787
  "variant": [
1787
- "chipLinkVariantRoot",
1788
- "chipLinkVariantIcon"
1788
+ "toastVariantRoot"
1789
+ ],
1790
+ "size": [
1791
+ "toastSizeRoot"
1789
1792
  ]
1790
1793
  },
1791
1794
  "motionVarPrefixes": []
1792
1795
  },
1793
- "ChipDismissible": {
1794
- "name": "ChipDismissible",
1795
- "defaultProps": {
1796
- "variant": "primary"
1797
- },
1796
+ "ToastPortal": {
1797
+ "name": "ToastPortal",
1798
+ "defaultProps": {},
1798
1799
  "getStylesLiterals": {},
1799
- "cxLiterals": [
1800
- "uds-chip-dismissible-button",
1801
- "uds-hit-target",
1802
- "uds-ring",
1803
- "rounded-full"
1804
- ],
1800
+ "cxLiterals": [],
1805
1801
  "internalComponents": [
1806
- "ChipBase",
1807
- "IconSlot",
1808
- "Pressable"
1802
+ "ReactToastifyToastContainer"
1809
1803
  ],
1810
1804
  "internalComponentProps": {},
1811
- "propToVariantKeys": {
1812
- "variant": [
1813
- "chipDismissibleVariantRoot",
1814
- "chipDismissibleVariantIcon"
1815
- ],
1816
- "dismissButtonAriaLabel": [
1817
- "aria-label"
1818
- ]
1819
- },
1805
+ "propToVariantKeys": {},
1820
1806
  "motionVarPrefixes": []
1821
1807
  },
1822
- "ChipLink": {
1823
- "name": "ChipLink",
1824
- "defaultProps": {
1825
- "variant": "primary"
1826
- },
1808
+ "RadioGroupStore": {
1809
+ "name": "RadioGroupStore",
1810
+ "defaultProps": {},
1827
1811
  "getStylesLiterals": {},
1812
+ "cxLiterals": [],
1813
+ "internalComponents": [],
1814
+ "internalComponentProps": {},
1815
+ "propToVariantKeys": {},
1816
+ "motionVarPrefixes": []
1817
+ },
1818
+ "RadioGroupProvider": {
1819
+ "name": "RadioGroupProvider",
1820
+ "defaultProps": {},
1821
+ "getStylesLiterals": {},
1822
+ "cxLiterals": [],
1823
+ "internalComponents": [
1824
+ "DivProps",
1825
+ "Comp",
1826
+ "RadioGroupContext.Provider"
1827
+ ],
1828
+ "internalComponentProps": {
1829
+ "Comp": {
1830
+ "role": [
1831
+ "radiogroup"
1832
+ ]
1833
+ }
1834
+ },
1835
+ "propToVariantKeys": {},
1836
+ "motionVarPrefixes": []
1837
+ },
1838
+ "Radio": {
1839
+ "name": "Radio",
1840
+ "defaultProps": {
1841
+ "labelPosition": "start",
1842
+ "variant": "primary",
1843
+ "size": "md",
1844
+ "value": ""
1845
+ },
1846
+ "getStylesLiterals": {
1847
+ "radioVariantValueRoot": "checked",
1848
+ "radioVariantValueRoot:1": "unchecked",
1849
+ "display": "flex",
1850
+ "flexDirection": "row",
1851
+ "flexDirection:1": "row-reverse",
1852
+ "alignItems": "center",
1853
+ "radioVariantValueRadio": "checked",
1854
+ "radioVariantValueRadio:1": "unchecked",
1855
+ "radioVariantValueRadioCircle": "checked",
1856
+ "radioVariantValueRadioCircle:1": "unchecked"
1857
+ },
1828
1858
  "cxLiterals": [
1829
- "uds-ring"
1859
+ "cursor-pointer",
1860
+ "cursor-default",
1861
+ "opacity-50",
1862
+ "border",
1863
+ "uds-ring",
1864
+ "uds-ring-within",
1865
+ "transition-[background-color,border-color]",
1866
+ "transition-shadow",
1867
+ "pointer-events-none",
1868
+ "w-[8px]",
1869
+ "h-[8px]",
1870
+ "transition-opacity",
1871
+ "cursor-[inherit]",
1872
+ "absolute",
1873
+ "opacity-0",
1874
+ "top-1/2",
1875
+ "left-1/2",
1876
+ "w-[calc(100%+2px)]",
1877
+ "h-[calc(100%+2px)]",
1878
+ "transform",
1879
+ "translate-x-[-50%]",
1880
+ "translate-y-[-50%]",
1881
+ "text-start",
1882
+ "text-end"
1830
1883
  ],
1831
1884
  "internalComponents": [
1832
- "ChipBase"
1885
+ "Box",
1886
+ "FormLabel",
1887
+ "SpringMotionConfig",
1888
+ "RootElement",
1889
+ "MotionBox"
1833
1890
  ],
1834
1891
  "internalComponentProps": {
1835
- "ChipBase": {
1892
+ "Box": {
1893
+ "borderRadius": [
1894
+ "full"
1895
+ ]
1896
+ },
1897
+ "FormLabel": {
1836
1898
  "as": [
1837
- "a"
1899
+ "div"
1900
+ ],
1901
+ "variant": [
1902
+ "inherit"
1903
+ ],
1904
+ "color": [
1905
+ "inherit"
1906
+ ]
1907
+ },
1908
+ "RootElement": {
1909
+ "data-testid": [
1910
+ "container"
1911
+ ]
1912
+ },
1913
+ "MotionBox": {
1914
+ "position": [
1915
+ "relative"
1916
+ ],
1917
+ "borderRadius": [
1918
+ "full"
1919
+ ],
1920
+ "alignItems": [
1921
+ "center"
1922
+ ],
1923
+ "justifyContent": [
1924
+ "center"
1925
+ ],
1926
+ "flex": [
1927
+ "none"
1838
1928
  ]
1839
1929
  }
1840
1930
  },
1841
1931
  "propToVariantKeys": {
1932
+ "size": [
1933
+ "radioSizeRoot",
1934
+ "radioSizeRadio"
1935
+ ],
1842
1936
  "variant": [
1843
- "chipLinkVariantRoot",
1844
- "chipLinkVariantIcon"
1937
+ "radioVariantRoot",
1938
+ "radioVariantRadio",
1939
+ "radioVariantRadioCircle"
1940
+ ],
1941
+ "reduceMotion": [
1942
+ "reducedMotion"
1845
1943
  ]
1846
1944
  },
1945
+ "motionVarPrefixes": [
1946
+ "--uds-motion-subtle-3-",
1947
+ "--uds-motion-smooth-3-"
1948
+ ]
1949
+ },
1950
+ "UDSTooltipConfigProvider": {
1951
+ "name": "UDSTooltipConfigProvider",
1952
+ "defaultProps": {},
1953
+ "getStylesLiterals": {},
1954
+ "cxLiterals": [],
1955
+ "internalComponents": [
1956
+ "TooltipContext.Provider"
1957
+ ],
1958
+ "internalComponentProps": {},
1959
+ "propToVariantKeys": {},
1847
1960
  "motionVarPrefixes": []
1848
1961
  },
1849
- "ChipToggle": {
1850
- "name": "ChipToggle",
1851
- "defaultProps": {
1852
- "variant": "primary",
1853
- "role": "checkbox"
1962
+ "TooltipTrigger": {
1963
+ "name": "TooltipTrigger",
1964
+ "defaultProps": {},
1965
+ "getStylesLiterals": {},
1966
+ "cxLiterals": [],
1967
+ "internalComponents": [
1968
+ "TooltipAnchor"
1969
+ ],
1970
+ "internalComponentProps": {
1971
+ "TooltipAnchor": {
1972
+ "className": [
1973
+ "inline"
1974
+ ]
1975
+ }
1854
1976
  },
1977
+ "propToVariantKeys": {
1978
+ "children": [
1979
+ "render"
1980
+ ]
1981
+ },
1982
+ "motionVarPrefixes": []
1983
+ },
1984
+ "TooltipContent": {
1985
+ "name": "TooltipContent",
1986
+ "defaultProps": {},
1855
1987
  "getStylesLiterals": {
1856
- "chipToggleVariantActiveRoot": "on",
1857
- "chipToggleVariantActiveRoot:1": "off"
1988
+ "tooltipSizeRoot": "default",
1989
+ "tooltipVariantRoot": "default",
1990
+ "tooltipSizeSvg": "default",
1991
+ "tooltipVariantSvg": "default",
1992
+ "tooltipVariantBlur": "default",
1993
+ "position": "absolute",
1994
+ "width": "full",
1995
+ "height": "full",
1996
+ "tooltipSizeTitle": "default",
1997
+ "tooltipSizeBody": "default",
1998
+ "tooltipSizeEndContent": "default",
1999
+ "tooltipSizeIcon": "default",
2000
+ "tooltipVariantIcon": "default"
1858
2001
  },
1859
2002
  "cxLiterals": [
1860
- "uds-ring"
2003
+ "flex",
2004
+ "z-[9999]",
2005
+ "stroke-1",
2006
+ "uds-bgBlurFillFallback",
2007
+ "uds-bgBlurFallback",
2008
+ "top-0",
2009
+ "left-0",
2010
+ "z-[1]",
2011
+ "transition-opacity",
2012
+ "ease-in-out",
2013
+ "absolute",
2014
+ "w-full",
2015
+ "h-full",
2016
+ "overflow-visible",
2017
+ "pointer-events-none",
2018
+ "z-[2]"
1861
2019
  ],
1862
2020
  "internalComponents": [
1863
- "ChipBase"
2021
+ "Box",
2022
+ "IconSlot",
2023
+ "TooltipArrow",
2024
+ "Tooltip",
2025
+ "Fragment",
2026
+ "Text"
1864
2027
  ],
1865
2028
  "internalComponentProps": {
1866
- "ChipBase": {
1867
- "as": [
1868
- "button"
2029
+ "Box": {
2030
+ "position": [
2031
+ "relative"
2032
+ ],
2033
+ "flexDirection": [
2034
+ "column"
2035
+ ],
2036
+ "className": [
2037
+ "z-[3] gap-[inherit]"
2038
+ ],
2039
+ "alignItems": [
2040
+ "center"
2041
+ ],
2042
+ "columnGap": [
2043
+ "1",
2044
+ "1.5"
2045
+ ]
2046
+ },
2047
+ "Text": {
2048
+ "color": [
2049
+ "inherit"
1869
2050
  ]
1870
2051
  }
1871
2052
  },
1872
2053
  "propToVariantKeys": {
1873
- "variant": [
1874
- "chipToggleVariantRoot",
1875
- "chipToggleVariantIcon"
2054
+ "startTitleIcon": [
2055
+ "icon"
1876
2056
  ]
1877
2057
  },
1878
2058
  "motionVarPrefixes": []
1879
2059
  },
2060
+ "Tooltip": {
2061
+ "name": "Tooltip",
2062
+ "defaultProps": {},
2063
+ "getStylesLiterals": {},
2064
+ "cxLiterals": [],
2065
+ "internalComponents": [
2066
+ "TooltipInternalContext.Provider",
2067
+ "TooltipProvider"
2068
+ ],
2069
+ "internalComponentProps": {},
2070
+ "propToVariantKeys": {},
2071
+ "motionVarPrefixes": []
2072
+ },
1880
2073
  "Input": {
1881
2074
  "name": "Input",
1882
2075
  "defaultProps": {
@@ -2051,640 +2244,447 @@
2051
2244
  },
2052
2245
  "motionVarPrefixes": []
2053
2246
  },
2054
- "Radio": {
2055
- "name": "Radio",
2056
- "defaultProps": {
2057
- "labelPosition": "start",
2058
- "variant": "primary",
2059
- "size": "md",
2060
- "value": ""
2061
- },
2062
- "getStylesLiterals": {
2063
- "radioVariantValueRoot": "checked",
2064
- "radioVariantValueRoot:1": "unchecked",
2065
- "display": "flex",
2066
- "flexDirection": "row",
2067
- "flexDirection:1": "row-reverse",
2068
- "alignItems": "center",
2069
- "radioVariantValueRadio": "checked",
2070
- "radioVariantValueRadio:1": "unchecked",
2071
- "radioVariantValueRadioCircle": "checked",
2072
- "radioVariantValueRadioCircle:1": "unchecked"
2073
- },
2074
- "cxLiterals": [
2075
- "cursor-pointer",
2076
- "cursor-default",
2077
- "opacity-50",
2078
- "border",
2079
- "uds-ring",
2080
- "uds-ring-within",
2081
- "transition-[background-color,border-color]",
2082
- "transition-shadow",
2083
- "pointer-events-none",
2084
- "w-[8px]",
2085
- "h-[8px]",
2086
- "transition-opacity",
2087
- "cursor-[inherit]",
2088
- "absolute",
2089
- "opacity-0",
2090
- "top-1/2",
2091
- "left-1/2",
2092
- "w-[calc(100%+2px)]",
2093
- "h-[calc(100%+2px)]",
2094
- "transform",
2095
- "translate-x-[-50%]",
2096
- "translate-y-[-50%]",
2097
- "text-start",
2098
- "text-end"
2099
- ],
2100
- "internalComponents": [
2101
- "Box",
2102
- "FormLabel",
2103
- "SpringMotionConfig",
2104
- "RootElement",
2105
- "MotionBox"
2106
- ],
2107
- "internalComponentProps": {
2108
- "Box": {
2109
- "borderRadius": [
2110
- "full"
2111
- ]
2112
- },
2113
- "FormLabel": {
2114
- "as": [
2115
- "div"
2116
- ],
2117
- "variant": [
2118
- "inherit"
2119
- ],
2120
- "color": [
2121
- "inherit"
2122
- ]
2123
- },
2124
- "RootElement": {
2125
- "data-testid": [
2126
- "container"
2127
- ]
2128
- },
2129
- "MotionBox": {
2130
- "position": [
2131
- "relative"
2132
- ],
2133
- "borderRadius": [
2134
- "full"
2135
- ],
2136
- "alignItems": [
2137
- "center"
2138
- ],
2139
- "justifyContent": [
2140
- "center"
2141
- ],
2142
- "flex": [
2143
- "none"
2144
- ]
2145
- }
2146
- },
2147
- "propToVariantKeys": {
2148
- "size": [
2149
- "radioSizeRoot",
2150
- "radioSizeRadio"
2151
- ],
2152
- "variant": [
2153
- "radioVariantRoot",
2154
- "radioVariantRadio",
2155
- "radioVariantRadioCircle"
2156
- ],
2157
- "reduceMotion": [
2158
- "reducedMotion"
2159
- ]
2160
- },
2161
- "motionVarPrefixes": [
2162
- "--uds-motion-subtle-3-",
2163
- "--uds-motion-smooth-3-"
2164
- ]
2165
- },
2166
- "RadioGroupProvider": {
2167
- "name": "RadioGroupProvider",
2247
+ "UDSConfigProvider": {
2248
+ "name": "UDSConfigProvider",
2168
2249
  "defaultProps": {},
2169
2250
  "getStylesLiterals": {},
2170
2251
  "cxLiterals": [],
2171
2252
  "internalComponents": [
2172
- "DivProps",
2173
- "Comp",
2174
- "RadioGroupContext.Provider"
2253
+ "UDSBreakpointsConfigProvider",
2254
+ "UDSBottomSheetConfigProvider",
2255
+ "UDSToastConfigProvider",
2256
+ "UDSTooltipConfigProvider"
2175
2257
  ],
2176
- "internalComponentProps": {
2177
- "Comp": {
2178
- "role": [
2179
- "radiogroup"
2180
- ]
2181
- }
2182
- },
2258
+ "internalComponentProps": {},
2183
2259
  "propToVariantKeys": {},
2184
2260
  "motionVarPrefixes": []
2185
2261
  },
2186
- "RadioGroupStore": {
2187
- "name": "RadioGroupStore",
2262
+ "UDSBreakpointsConfigProvider": {
2263
+ "name": "UDSBreakpointsConfigProvider",
2188
2264
  "defaultProps": {},
2189
2265
  "getStylesLiterals": {},
2190
2266
  "cxLiterals": [],
2191
- "internalComponents": [],
2267
+ "internalComponents": [
2268
+ "UDSBreakpointsConfigContext.Provider"
2269
+ ],
2192
2270
  "internalComponentProps": {},
2193
2271
  "propToVariantKeys": {},
2194
2272
  "motionVarPrefixes": []
2195
2273
  },
2196
- "Menu.Content": {
2197
- "name": "Menu.Content",
2274
+ "ChipLink": {
2275
+ "name": "ChipLink",
2198
2276
  "defaultProps": {
2199
- "size": "default",
2200
- "variant": "default",
2201
- "gutter": "1"
2277
+ "variant": "primary"
2202
2278
  },
2203
2279
  "getStylesLiterals": {},
2204
2280
  "cxLiterals": [
2205
- "uds-menu-content",
2206
- "transition-shadow",
2207
- "duration-200",
2208
- "ease-in-out",
2209
- "min-w-60",
2210
- "max-w-lg",
2211
- "max-h-96",
2212
- "overflow-auto",
2213
- "uds-ring",
2214
- "z-10",
2215
- "group"
2281
+ "uds-ring"
2216
2282
  ],
2217
2283
  "internalComponents": [
2218
- "AriakitMenu",
2219
- "AnimatePresence",
2220
- "MotionVStack"
2284
+ "ChipBase"
2221
2285
  ],
2222
- "internalComponentProps": {},
2286
+ "internalComponentProps": {
2287
+ "ChipBase": {
2288
+ "as": [
2289
+ "a"
2290
+ ]
2291
+ }
2292
+ },
2223
2293
  "propToVariantKeys": {
2224
- "size": [
2225
- "menucontentSizeRoot"
2226
- ],
2227
2294
  "variant": [
2228
- "menucontentVariantRoot"
2295
+ "chipLinkVariantRoot",
2296
+ "chipLinkVariantIcon"
2229
2297
  ]
2230
2298
  },
2231
2299
  "motionVarPrefixes": []
2232
2300
  },
2233
- "Menu.Divider": {
2234
- "name": "Menu.Divider",
2301
+ "ChipDismissible": {
2302
+ "name": "ChipDismissible",
2235
2303
  "defaultProps": {
2236
- "role": "separator",
2237
- "contentPosition": "start",
2238
- "gap": "4"
2239
- },
2240
- "getStylesLiterals": {
2241
- "menuitemDividerVariantRoot": "default",
2242
- "menuitemDividerVariantText": "default",
2243
- "menuitemDividerVariantLine": "default"
2304
+ "variant": "primary"
2244
2305
  },
2245
- "cxLiterals": [],
2246
- "internalComponents": [
2247
- "DividerInternal"
2306
+ "getStylesLiterals": {},
2307
+ "cxLiterals": [
2308
+ "uds-chip-dismissible-button",
2309
+ "uds-hit-target",
2310
+ "uds-ring",
2311
+ "rounded-full"
2248
2312
  ],
2249
- "internalComponentProps": {
2250
- "DividerInternal": {
2251
- "variant": [
2252
- "inherit"
2253
- ]
2254
- }
2255
- },
2256
- "propToVariantKeys": {},
2257
- "motionVarPrefixes": []
2258
- },
2259
- "Menu.Item": {
2260
- "name": "Menu.Item",
2261
- "defaultProps": {},
2262
- "getStylesLiterals": {
2263
- "menuitemItemVariantRoot": "default",
2264
- "menuitemItemVariantActiveRoot": "on",
2265
- "menuitemItemVariantActiveRoot:1": "off",
2266
- "menuitemItemVariantText": "default",
2267
- "menuitemItemVariantActiveText": "on",
2268
- "menuitemItemVariantActiveText:1": "off",
2269
- "menuitemItemVariantIcon": "default",
2270
- "menuitemItemVariantActiveIcon": "on",
2271
- "menuitemItemVariantActiveIcon:1": "off"
2272
- },
2273
- "cxLiterals": [],
2274
2313
  "internalComponents": [
2275
- "MenuItemBase"
2314
+ "ChipBase",
2315
+ "IconSlot",
2316
+ "Pressable"
2276
2317
  ],
2277
2318
  "internalComponentProps": {},
2278
- "propToVariantKeys": {},
2319
+ "propToVariantKeys": {
2320
+ "variant": [
2321
+ "chipDismissibleVariantRoot",
2322
+ "chipDismissibleVariantIcon"
2323
+ ],
2324
+ "dismissButtonAriaLabel": [
2325
+ "aria-label"
2326
+ ]
2327
+ },
2279
2328
  "motionVarPrefixes": []
2280
2329
  },
2281
- "Menu.ItemBase": {
2282
- "name": "Menu.ItemBase",
2330
+ "ChipToggle": {
2331
+ "name": "ChipToggle",
2283
2332
  "defaultProps": {
2284
- "spacing": "0",
2285
- "spacingHorizontal": "4",
2286
- "spacingVertical": "3.5",
2287
- "columnGap": "2",
2288
- "alignItems": "center",
2289
- "justifyContent": "space-between"
2333
+ "variant": "primary",
2334
+ "role": "checkbox"
2290
2335
  },
2291
2336
  "getStylesLiterals": {
2292
- "textAlign": "start",
2293
- "menuitemSizeRoot": "default",
2294
- "flexDirection": "row",
2295
- "menuitemSizeStartIcon": "default",
2296
- "menuitemSizeEndIcon": "default"
2337
+ "chipToggleVariantActiveRoot": "on",
2338
+ "chipToggleVariantActiveRoot:1": "off"
2297
2339
  },
2298
2340
  "cxLiterals": [
2299
- "flex",
2300
- "focus-visible:text-brand",
2301
- "focus-visible:bg-brand-secondary",
2302
- "focus-visible:z-10",
2303
- "uds-ring",
2304
- "!-outline-offset-2",
2305
- "[&:not([aria-checked])]:cursor-default",
2306
- "opacity-25",
2307
- "cursor-not-allowed",
2308
- "duration-20",
2309
- "transition-[font-variation-settings]",
2310
- "ease-in-out",
2311
- "z-0",
2312
- "uds-start-icon",
2313
- "uds-end-icon"
2341
+ "uds-ring"
2314
2342
  ],
2315
2343
  "internalComponents": [
2316
- "Pressable",
2317
- "IconSlot",
2318
- "RootComponent",
2319
- "HStack",
2320
- "AnimatePresence"
2344
+ "ChipBase"
2321
2345
  ],
2322
2346
  "internalComponentProps": {
2323
- "HStack": {
2324
- "alignItems": [
2325
- "center"
2326
- ],
2327
- "width": [
2328
- "full"
2329
- ]
2330
- },
2331
- "AnimatePresence": {
2332
- "mode": [
2333
- "popLayout"
2347
+ "ChipBase": {
2348
+ "as": [
2349
+ "button"
2334
2350
  ]
2335
2351
  }
2336
2352
  },
2337
2353
  "propToVariantKeys": {
2338
- "startIcon": [
2339
- "icon"
2340
- ],
2341
- "endIcon": [
2342
- "icon"
2343
- ],
2344
- "columnGap": [
2345
- "gap"
2354
+ "variant": [
2355
+ "chipToggleVariantRoot",
2356
+ "chipToggleVariantIcon"
2346
2357
  ]
2347
2358
  },
2348
2359
  "motionVarPrefixes": []
2349
2360
  },
2350
- "Menu.ItemCheckbox": {
2351
- "name": "Menu.ItemCheckbox",
2352
- "defaultProps": {},
2353
- "getStylesLiterals": {
2354
- "menuitemItemCheckboxVariantRoot": "default",
2355
- "menuitemItemCheckboxVariantActiveRoot": "on",
2356
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2357
- "menuitemItemCheckboxVariantText": "default",
2358
- "menuitemItemCheckboxVariantActiveText": "on",
2359
- "menuitemItemCheckboxVariantActiveText:1": "off",
2360
- "menuitemItemCheckboxVariantStartIcon": "default",
2361
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2362
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2363
- "menuitemItemCheckboxVariantEndIcon": "default",
2364
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2365
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2366
- },
2367
- "cxLiterals": [
2368
- "uds-menu-item-checkbox"
2369
- ],
2370
- "internalComponents": [
2371
- "MenuItemBase"
2372
- ],
2373
- "internalComponentProps": {},
2374
- "propToVariantKeys": {},
2375
- "motionVarPrefixes": []
2376
- },
2377
- "Menu.Provider": {
2378
- "name": "Menu.Provider",
2361
+ "Chip": {
2362
+ "name": "Chip",
2379
2363
  "defaultProps": {},
2380
2364
  "getStylesLiterals": {},
2381
2365
  "cxLiterals": [],
2382
2366
  "internalComponents": [
2383
- "AriakitMenuProvider",
2384
- "SpringMotionConfig"
2367
+ "ChipDismissible",
2368
+ "ChipToggle",
2369
+ "ChipLink",
2370
+ "ChipButton"
2385
2371
  ],
2386
2372
  "internalComponentProps": {},
2387
2373
  "propToVariantKeys": {},
2388
- "motionVarPrefixes": [
2389
- "--uds-motion-subtle-3-",
2390
- "--uds-motion-smooth-3-"
2391
- ]
2374
+ "motionVarPrefixes": []
2392
2375
  },
2393
- "Menu.Trigger": {
2394
- "name": "Menu.Trigger",
2395
- "defaultProps": {},
2376
+ "ChipBase": {
2377
+ "name": "ChipBase",
2378
+ "defaultProps": {
2379
+ "size": "md",
2380
+ "as": "div"
2381
+ },
2396
2382
  "getStylesLiterals": {},
2397
2383
  "cxLiterals": [
2398
- "uds-menu-trigger"
2384
+ "pointer-events-none",
2385
+ "cursor-default",
2386
+ "opacity-50",
2387
+ "inline-flex",
2388
+ "items-center",
2389
+ "transition-[background-color,outline-color,box-shadow]",
2390
+ "truncate",
2391
+ "whitespace-nowrap",
2392
+ "text-center",
2393
+ "flex-1"
2399
2394
  ],
2400
2395
  "internalComponents": [
2401
- "AriakitMenuTrigger",
2402
- "Box"
2396
+ "IconSlot",
2397
+ "HStack",
2398
+ "As",
2399
+ "Text"
2403
2400
  ],
2404
2401
  "internalComponentProps": {
2405
- "Box": {
2406
- "className": [
2407
- "uds-ring h-fit w-fit"
2402
+ "Text": {
2403
+ "as": [
2404
+ "span"
2405
+ ],
2406
+ "color": [
2407
+ "current"
2408
+ ],
2409
+ "variant": [
2410
+ "inherit"
2408
2411
  ]
2409
2412
  }
2410
2413
  },
2411
- "propToVariantKeys": {},
2412
- "motionVarPrefixes": []
2413
- },
2414
- "Menu.index": {
2415
- "name": "Menu.index",
2416
- "defaultProps": {},
2417
- "getStylesLiterals": {},
2418
- "cxLiterals": [],
2419
- "internalComponents": [],
2420
- "internalComponentProps": {},
2421
- "propToVariantKeys": {},
2422
- "motionVarPrefixes": []
2423
- },
2424
- "Menu": {
2425
- "name": "Menu",
2426
- "defaultProps": {},
2427
- "getStylesLiterals": {},
2428
- "cxLiterals": [],
2429
- "internalComponents": [],
2430
- "internalComponentProps": {},
2431
- "propToVariantKeys": {},
2432
- "motionVarPrefixes": []
2433
- },
2434
- "Toast": {
2435
- "name": "Toast",
2436
- "defaultProps": {},
2437
- "getStylesLiterals": {
2438
- "className": "flex-none",
2439
- "spacing": "2",
2440
- "borderRadius": "full"
2441
- },
2442
- "cxLiterals": [
2443
- "transition-[background-color]",
2444
- "bg-carbon-15/0",
2445
- "hover:bg-carbon-15/10",
2446
- "active:bg-carbon-15/15",
2447
- "uds-ring"
2448
- ],
2449
- "internalComponents": [
2450
- "IconSlot",
2451
- "ToastContainer",
2452
- "Text",
2453
- "Button",
2454
- "Pressable"
2455
- ],
2456
- "internalComponentProps": {},
2457
2414
  "propToVariantKeys": {
2458
2415
  "size": [
2459
- "toastSizeLabel",
2460
- "toastSizeIcon",
2461
- "toastSizeActionButton",
2462
- "toastSizeCloseIcon"
2463
- ],
2464
- "variant": [
2465
- "toastVariantIcon",
2466
- "toastVariantActionButton",
2467
- "toastVariantCloseIcon"
2416
+ "chipSizeRoot",
2417
+ "chipSizeIcon"
2468
2418
  ],
2469
- "closeIcon": [
2419
+ "startIcon": [
2470
2420
  "icon"
2471
2421
  ],
2472
- "onClickActionButton": [
2473
- "onClick"
2422
+ "endIcon": [
2423
+ "icon"
2474
2424
  ]
2475
2425
  },
2476
2426
  "motionVarPrefixes": []
2477
2427
  },
2478
- "ToastContainer": {
2479
- "name": "ToastContainer",
2480
- "defaultProps": {},
2481
- "getStylesLiterals": {
2482
- "position": "relative",
2483
- "alignItems": "center",
2484
- "display": "flex",
2485
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2428
+ "ChipButton": {
2429
+ "name": "ChipButton",
2430
+ "defaultProps": {
2431
+ "variant": "primary"
2486
2432
  },
2433
+ "getStylesLiterals": {},
2487
2434
  "cxLiterals": [
2488
- "w-full"
2435
+ "uds-ring"
2489
2436
  ],
2490
2437
  "internalComponents": [
2491
- "HStack"
2438
+ "ChipBase"
2492
2439
  ],
2493
2440
  "internalComponentProps": {
2494
- "HStack": {
2495
- "alignItems": [
2496
- "center"
2497
- ],
2498
- "justifyContent": [
2499
- "space-between"
2500
- ],
2501
- "overflow": [
2502
- "hidden"
2503
- ],
2504
- "position": [
2505
- "relative"
2441
+ "ChipBase": {
2442
+ "as": [
2443
+ "button"
2506
2444
  ]
2507
2445
  }
2508
2446
  },
2509
2447
  "propToVariantKeys": {
2510
2448
  "variant": [
2511
- "toastVariantRoot"
2512
- ],
2513
- "size": [
2514
- "toastSizeRoot"
2515
- ]
2516
- },
2517
- "motionVarPrefixes": []
2518
- },
2519
- "ToastPortal": {
2520
- "name": "ToastPortal",
2521
- "defaultProps": {},
2522
- "getStylesLiterals": {},
2523
- "cxLiterals": [],
2524
- "internalComponents": [
2525
- "ReactToastifyToastContainer"
2526
- ],
2527
- "internalComponentProps": {},
2528
- "propToVariantKeys": {},
2449
+ "chipLinkVariantRoot",
2450
+ "chipLinkVariantIcon"
2451
+ ]
2452
+ },
2529
2453
  "motionVarPrefixes": []
2530
2454
  },
2531
- "UDSToastConfigProvider": {
2532
- "name": "UDSToastConfigProvider",
2455
+ "Menu.Item": {
2456
+ "name": "Menu.Item",
2533
2457
  "defaultProps": {},
2534
- "getStylesLiterals": {},
2458
+ "getStylesLiterals": {
2459
+ "menuitemItemVariantRoot": "default",
2460
+ "menuitemItemVariantActiveRoot": "on",
2461
+ "menuitemItemVariantActiveRoot:1": "off",
2462
+ "menuitemItemVariantText": "default",
2463
+ "menuitemItemVariantActiveText": "on",
2464
+ "menuitemItemVariantActiveText:1": "off",
2465
+ "menuitemItemVariantIcon": "default",
2466
+ "menuitemItemVariantActiveIcon": "on",
2467
+ "menuitemItemVariantActiveIcon:1": "off"
2468
+ },
2535
2469
  "cxLiterals": [],
2536
2470
  "internalComponents": [
2537
- "ToastContext.Provider"
2471
+ "MenuItemBase"
2538
2472
  ],
2539
2473
  "internalComponentProps": {},
2540
2474
  "propToVariantKeys": {},
2541
2475
  "motionVarPrefixes": []
2542
2476
  },
2543
- "Tooltip": {
2544
- "name": "Tooltip",
2477
+ "Menu.Provider": {
2478
+ "name": "Menu.Provider",
2545
2479
  "defaultProps": {},
2546
2480
  "getStylesLiterals": {},
2547
2481
  "cxLiterals": [],
2548
2482
  "internalComponents": [
2549
- "TooltipInternalContext.Provider",
2550
- "TooltipProvider"
2483
+ "AriakitMenuProvider",
2484
+ "SpringMotionConfig"
2551
2485
  ],
2552
2486
  "internalComponentProps": {},
2553
2487
  "propToVariantKeys": {},
2554
- "motionVarPrefixes": []
2488
+ "motionVarPrefixes": [
2489
+ "--uds-motion-subtle-3-",
2490
+ "--uds-motion-smooth-3-"
2491
+ ]
2555
2492
  },
2556
- "TooltipContent": {
2557
- "name": "TooltipContent",
2558
- "defaultProps": {},
2493
+ "Menu.ItemBase": {
2494
+ "name": "Menu.ItemBase",
2495
+ "defaultProps": {
2496
+ "spacing": "0",
2497
+ "spacingHorizontal": "4",
2498
+ "spacingVertical": "3.5",
2499
+ "columnGap": "2",
2500
+ "alignItems": "center",
2501
+ "justifyContent": "space-between"
2502
+ },
2559
2503
  "getStylesLiterals": {
2560
- "tooltipSizeRoot": "default",
2561
- "tooltipVariantRoot": "default",
2562
- "tooltipSizeSvg": "default",
2563
- "tooltipVariantSvg": "default",
2564
- "tooltipVariantBlur": "default",
2565
- "position": "absolute",
2566
- "width": "full",
2567
- "height": "full",
2568
- "tooltipSizeTitle": "default",
2569
- "tooltipSizeBody": "default",
2570
- "tooltipSizeEndContent": "default",
2571
- "tooltipSizeIcon": "default",
2572
- "tooltipVariantIcon": "default"
2504
+ "textAlign": "start",
2505
+ "menuitemSizeRoot": "default",
2506
+ "flexDirection": "row",
2507
+ "menuitemSizeStartIcon": "default",
2508
+ "menuitemSizeEndIcon": "default"
2573
2509
  },
2574
2510
  "cxLiterals": [
2575
2511
  "flex",
2576
- "z-[9999]",
2577
- "stroke-1",
2578
- "uds-bgBlurFillFallback",
2579
- "uds-bgBlurFallback",
2580
- "top-0",
2581
- "left-0",
2582
- "z-[1]",
2583
- "transition-opacity",
2512
+ "focus-visible:text-brand",
2513
+ "focus-visible:bg-brand-secondary",
2514
+ "focus-visible:z-10",
2515
+ "uds-ring",
2516
+ "!-outline-offset-2",
2517
+ "[&:not([aria-checked])]:cursor-default",
2518
+ "opacity-25",
2519
+ "cursor-not-allowed",
2520
+ "duration-20",
2521
+ "transition-[font-variation-settings]",
2584
2522
  "ease-in-out",
2585
- "absolute",
2586
- "w-full",
2587
- "h-full",
2588
- "overflow-visible",
2589
- "pointer-events-none",
2590
- "z-[2]"
2523
+ "z-0",
2524
+ "uds-start-icon",
2525
+ "uds-end-icon"
2591
2526
  ],
2592
2527
  "internalComponents": [
2593
- "Box",
2528
+ "Pressable",
2594
2529
  "IconSlot",
2595
- "TooltipArrow",
2596
- "Tooltip",
2597
- "Fragment",
2598
- "Text"
2530
+ "RootComponent",
2531
+ "HStack",
2532
+ "AnimatePresence"
2599
2533
  ],
2600
2534
  "internalComponentProps": {
2601
- "Box": {
2602
- "position": [
2603
- "relative"
2604
- ],
2605
- "flexDirection": [
2606
- "column"
2607
- ],
2608
- "className": [
2609
- "z-[3] gap-[inherit]"
2610
- ],
2535
+ "HStack": {
2611
2536
  "alignItems": [
2612
2537
  "center"
2613
2538
  ],
2614
- "columnGap": [
2615
- "1",
2616
- "1.5"
2539
+ "width": [
2540
+ "full"
2617
2541
  ]
2618
2542
  },
2619
- "Text": {
2620
- "color": [
2621
- "inherit"
2543
+ "AnimatePresence": {
2544
+ "mode": [
2545
+ "popLayout"
2622
2546
  ]
2623
2547
  }
2624
2548
  },
2625
2549
  "propToVariantKeys": {
2626
- "startTitleIcon": [
2550
+ "startIcon": [
2551
+ "icon"
2552
+ ],
2553
+ "endIcon": [
2627
2554
  "icon"
2555
+ ],
2556
+ "columnGap": [
2557
+ "gap"
2628
2558
  ]
2629
2559
  },
2630
2560
  "motionVarPrefixes": []
2631
2561
  },
2632
- "TooltipTrigger": {
2633
- "name": "TooltipTrigger",
2562
+ "Menu.Trigger": {
2563
+ "name": "Menu.Trigger",
2634
2564
  "defaultProps": {},
2635
2565
  "getStylesLiterals": {},
2636
- "cxLiterals": [],
2566
+ "cxLiterals": [
2567
+ "uds-menu-trigger"
2568
+ ],
2637
2569
  "internalComponents": [
2638
- "TooltipAnchor"
2570
+ "AriakitMenuTrigger",
2571
+ "Box"
2639
2572
  ],
2640
2573
  "internalComponentProps": {
2641
- "TooltipAnchor": {
2574
+ "Box": {
2642
2575
  "className": [
2643
- "inline"
2576
+ "uds-ring h-fit w-fit"
2644
2577
  ]
2645
2578
  }
2646
2579
  },
2647
- "propToVariantKeys": {
2648
- "children": [
2649
- "render"
2650
- ]
2651
- },
2580
+ "propToVariantKeys": {},
2652
2581
  "motionVarPrefixes": []
2653
2582
  },
2654
- "UDSTooltipConfigProvider": {
2655
- "name": "UDSTooltipConfigProvider",
2583
+ "Menu.index": {
2584
+ "name": "Menu.index",
2656
2585
  "defaultProps": {},
2657
2586
  "getStylesLiterals": {},
2658
2587
  "cxLiterals": [],
2659
- "internalComponents": [
2660
- "TooltipContext.Provider"
2661
- ],
2588
+ "internalComponents": [],
2662
2589
  "internalComponentProps": {},
2663
2590
  "propToVariantKeys": {},
2664
2591
  "motionVarPrefixes": []
2665
2592
  },
2666
- "UDSBreakpointsConfigProvider": {
2667
- "name": "UDSBreakpointsConfigProvider",
2668
- "defaultProps": {},
2593
+ "Menu.Content": {
2594
+ "name": "Menu.Content",
2595
+ "defaultProps": {
2596
+ "size": "default",
2597
+ "variant": "default",
2598
+ "gutter": "1"
2599
+ },
2669
2600
  "getStylesLiterals": {},
2670
- "cxLiterals": [],
2601
+ "cxLiterals": [
2602
+ "uds-menu-content",
2603
+ "transition-shadow",
2604
+ "duration-200",
2605
+ "ease-in-out",
2606
+ "min-w-60",
2607
+ "max-w-lg",
2608
+ "max-h-96",
2609
+ "overflow-auto",
2610
+ "uds-ring",
2611
+ "z-10",
2612
+ "group"
2613
+ ],
2671
2614
  "internalComponents": [
2672
- "UDSBreakpointsConfigContext.Provider"
2615
+ "AriakitMenu",
2616
+ "AnimatePresence",
2617
+ "MotionVStack"
2673
2618
  ],
2674
2619
  "internalComponentProps": {},
2620
+ "propToVariantKeys": {
2621
+ "size": [
2622
+ "menucontentSizeRoot"
2623
+ ],
2624
+ "variant": [
2625
+ "menucontentVariantRoot"
2626
+ ]
2627
+ },
2628
+ "motionVarPrefixes": []
2629
+ },
2630
+ "Menu.Divider": {
2631
+ "name": "Menu.Divider",
2632
+ "defaultProps": {
2633
+ "role": "separator",
2634
+ "contentPosition": "start",
2635
+ "gap": "4"
2636
+ },
2637
+ "getStylesLiterals": {
2638
+ "menuitemDividerVariantRoot": "default",
2639
+ "menuitemDividerVariantText": "default",
2640
+ "menuitemDividerVariantLine": "default"
2641
+ },
2642
+ "cxLiterals": [],
2643
+ "internalComponents": [
2644
+ "DividerInternal"
2645
+ ],
2646
+ "internalComponentProps": {
2647
+ "DividerInternal": {
2648
+ "variant": [
2649
+ "inherit"
2650
+ ]
2651
+ }
2652
+ },
2675
2653
  "propToVariantKeys": {},
2676
2654
  "motionVarPrefixes": []
2677
2655
  },
2678
- "UDSConfigProvider": {
2679
- "name": "UDSConfigProvider",
2656
+ "Menu": {
2657
+ "name": "Menu",
2680
2658
  "defaultProps": {},
2681
2659
  "getStylesLiterals": {},
2682
2660
  "cxLiterals": [],
2661
+ "internalComponents": [],
2662
+ "internalComponentProps": {},
2663
+ "propToVariantKeys": {},
2664
+ "motionVarPrefixes": []
2665
+ },
2666
+ "Menu.ItemCheckbox": {
2667
+ "name": "Menu.ItemCheckbox",
2668
+ "defaultProps": {},
2669
+ "getStylesLiterals": {
2670
+ "menuitemItemCheckboxVariantRoot": "default",
2671
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2672
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2673
+ "menuitemItemCheckboxVariantText": "default",
2674
+ "menuitemItemCheckboxVariantActiveText": "on",
2675
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2676
+ "menuitemItemCheckboxVariantStartIcon": "default",
2677
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2678
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2679
+ "menuitemItemCheckboxVariantEndIcon": "default",
2680
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2681
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2682
+ },
2683
+ "cxLiterals": [
2684
+ "uds-menu-item-checkbox"
2685
+ ],
2683
2686
  "internalComponents": [
2684
- "UDSBreakpointsConfigProvider",
2685
- "UDSBottomSheetConfigProvider",
2686
- "UDSToastConfigProvider",
2687
- "UDSTooltipConfigProvider"
2687
+ "MenuItemBase"
2688
2688
  ],
2689
2689
  "internalComponentProps": {},
2690
2690
  "propToVariantKeys": {},