@yahoo/uds 3.116.2 → 3.116.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,121 @@
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
+ },
2
119
  "Link": {
3
120
  "name": "Link",
4
121
  "defaultProps": {
@@ -49,51 +166,6 @@
49
166
  },
50
167
  "motionVarPrefixes": []
51
168
  },
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
- },
97
169
  "Scrim": {
98
170
  "name": "Scrim",
99
171
  "defaultProps": {
@@ -130,56 +202,6 @@
130
202
  },
131
203
  "motionVarPrefixes": []
132
204
  },
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
- },
183
205
  "Text": {
184
206
  "name": "Text",
185
207
  "defaultProps": {
@@ -204,20 +226,8 @@
204
226
  },
205
227
  "motionVarPrefixes": []
206
228
  },
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",
229
+ "VStack": {
230
+ "name": "VStack",
221
231
  "defaultProps": {},
222
232
  "getStylesLiterals": {},
223
233
  "cxLiterals": [],
@@ -227,24 +237,26 @@
227
237
  "internalComponentProps": {
228
238
  "Box": {
229
239
  "flexDirection": [
230
- "row"
240
+ "column"
231
241
  ]
232
242
  }
233
243
  },
234
244
  "propToVariantKeys": {
235
245
  "gap": [
236
- "rowGap",
237
- "columnGap"
246
+ "columnGap",
247
+ "rowGap"
238
248
  ]
239
249
  },
240
250
  "motionVarPrefixes": []
241
251
  },
242
- "Image": {
243
- "name": "Image",
252
+ "Divider": {
253
+ "name": "Divider",
244
254
  "defaultProps": {},
245
255
  "getStylesLiterals": {},
246
256
  "cxLiterals": [],
247
- "internalComponents": [],
257
+ "internalComponents": [
258
+ "DividerInternal"
259
+ ],
248
260
  "internalComponentProps": {},
249
261
  "propToVariantKeys": {},
250
262
  "motionVarPrefixes": []
@@ -317,93 +329,85 @@
317
329
  },
318
330
  "motionVarPrefixes": []
319
331
  },
320
- "Divider": {
321
- "name": "Divider",
332
+ "AnimateHeightChange": {
333
+ "name": "AnimateHeightChange",
322
334
  "defaultProps": {},
323
335
  "getStylesLiterals": {},
324
- "cxLiterals": [],
336
+ "cxLiterals": [
337
+ "overflow-hidden"
338
+ ],
325
339
  "internalComponents": [
326
- "DividerInternal"
327
- ],
328
- "internalComponentProps": {},
329
- "propToVariantKeys": {},
330
- "motionVarPrefixes": []
331
- },
332
- "Table.mocks": {
333
- "name": "Table.mocks",
334
- "defaultProps": {},
335
- "getStylesLiterals": {},
336
- "cxLiterals": [],
337
- "internalComponents": [],
338
- "internalComponentProps": {},
339
- "propToVariantKeys": {},
340
- "motionVarPrefixes": []
341
- },
342
- "Table": {
343
- "name": "Table",
344
- "defaultProps": {
345
- "display": "table-cell",
346
- "overflow": "hidden",
347
- "borderColor": "muted",
348
- "borderRadius": "md",
349
- "spacing": "3",
350
- "borderBottomColor": "muted",
351
- "borderBottomWidth": "thin",
352
- "color": "primary"
353
- },
354
- "getStylesLiterals": {
355
- "textAlign": "start"
356
- },
357
- "cxLiterals": [],
358
- "internalComponents": [
359
- "CellComponent",
360
- "Box",
361
- "Text",
362
- "Table.Root",
363
- "Table.Header",
364
- "Table.Row",
365
- "Table.Cell",
366
- "Table.Body"
340
+ "SpringMotionConfig"
367
341
  ],
368
342
  "internalComponentProps": {
369
- "Table.Cell": {
370
- "asHeaderCell": [
371
- "column"
343
+ "SpringMotionConfig": {
344
+ "layoutSpeed": [
345
+ "4"
372
346
  ]
373
347
  }
374
348
  },
375
- "propToVariantKeys": {},
376
- "motionVarPrefixes": []
349
+ "propToVariantKeys": {
350
+ "reduceMotion": [
351
+ "reducedMotion"
352
+ ]
353
+ },
354
+ "motionVarPrefixes": [
355
+ "--uds-motion-subtle-4-",
356
+ "--uds-motion-smooth-3-"
357
+ ]
377
358
  },
378
- "Spinner": {
379
- "name": "Spinner",
359
+ "Badge": {
360
+ "name": "Badge",
380
361
  "defaultProps": {
381
- "color": "primary",
382
- "size": "lg"
362
+ "variant": "primary",
363
+ "size": "md"
383
364
  },
384
365
  "getStylesLiterals": {},
385
366
  "cxLiterals": [
386
- "self-center",
387
- "relative",
388
- "sr-only"
367
+ "flex-1",
368
+ "truncate",
369
+ "whitespace-nowrap",
370
+ "text-center"
389
371
  ],
390
372
  "internalComponents": [
391
- "Icon"
373
+ "IconSlot",
374
+ "HStack"
392
375
  ],
393
376
  "internalComponentProps": {
394
- "Icon": {
395
- "role": [
396
- "img"
377
+ "IconSlot": {
378
+ "data-testid": [
379
+ "start-icon",
380
+ "end-icon"
381
+ ]
382
+ },
383
+ "HStack": {
384
+ "gap": [
385
+ "2"
397
386
  ],
398
- "className": [
399
- "animate-spin"
387
+ "display": [
388
+ "inline-flex"
400
389
  ],
401
- "aria-hidden": [
402
- "true"
390
+ "alignItems": [
391
+ "center"
403
392
  ]
404
393
  }
405
394
  },
406
- "propToVariantKeys": {},
395
+ "propToVariantKeys": {
396
+ "size": [
397
+ "badgeSizeRoot",
398
+ "badgeSizeIcon"
399
+ ],
400
+ "variant": [
401
+ "badgeVariantRoot",
402
+ "badgeVariantIcon"
403
+ ],
404
+ "startIcon": [
405
+ "icon"
406
+ ],
407
+ "endIcon": [
408
+ "icon"
409
+ ]
410
+ },
407
411
  "motionVarPrefixes": []
408
412
  },
409
413
  "Button": {
@@ -593,25 +597,6 @@
593
597
  "--uds-motion-smooth-3-"
594
598
  ]
595
599
  },
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
- },
615
600
  "IconButton": {
616
601
  "name": "IconButton",
617
602
  "defaultProps": {
@@ -676,6 +661,37 @@
676
661
  "--uds-motion-smooth-3-"
677
662
  ]
678
663
  },
664
+ "Pressable": {
665
+ "name": "Pressable",
666
+ "defaultProps": {},
667
+ "getStylesLiterals": {},
668
+ "cxLiterals": [],
669
+ "internalComponents": [
670
+ "Comp"
671
+ ],
672
+ "internalComponentProps": {},
673
+ "propToVariantKeys": {},
674
+ "motionVarPrefixes": []
675
+ },
676
+ "SpringMotionConfig": {
677
+ "name": "SpringMotionConfig",
678
+ "defaultProps": {
679
+ "reducedMotion": "user"
680
+ },
681
+ "getStylesLiterals": {},
682
+ "cxLiterals": [],
683
+ "internalComponents": [
684
+ "LazyMotion",
685
+ "MotionConfig"
686
+ ],
687
+ "internalComponentProps": {},
688
+ "propToVariantKeys": {
689
+ "loadFeatures": [
690
+ "features"
691
+ ]
692
+ },
693
+ "motionVarPrefixes": []
694
+ },
679
695
  "Switch": {
680
696
  "name": "Switch",
681
697
  "defaultProps": {
@@ -790,101 +806,39 @@
790
806
  "--uds-motion-smooth-3-"
791
807
  ]
792
808
  },
793
- "Badge": {
794
- "name": "Badge",
809
+ "Spinner": {
810
+ "name": "Spinner",
795
811
  "defaultProps": {
796
- "variant": "primary",
797
- "size": "md"
812
+ "color": "primary",
813
+ "size": "lg"
798
814
  },
799
815
  "getStylesLiterals": {},
800
816
  "cxLiterals": [
801
- "flex-1",
802
- "truncate",
803
- "whitespace-nowrap",
804
- "text-center"
817
+ "self-center",
818
+ "relative",
819
+ "sr-only"
805
820
  ],
806
821
  "internalComponents": [
807
- "IconSlot",
808
- "HStack"
822
+ "Icon"
809
823
  ],
810
824
  "internalComponentProps": {
811
- "IconSlot": {
812
- "data-testid": [
813
- "start-icon",
814
- "end-icon"
815
- ]
816
- },
817
- "HStack": {
818
- "gap": [
819
- "2"
825
+ "Icon": {
826
+ "role": [
827
+ "img"
820
828
  ],
821
- "display": [
822
- "inline-flex"
829
+ "className": [
830
+ "animate-spin"
823
831
  ],
824
- "alignItems": [
825
- "center"
826
- ]
827
- }
828
- },
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
- },
845
- "motionVarPrefixes": []
846
- },
847
- "AnimateHeightChange": {
848
- "name": "AnimateHeightChange",
849
- "defaultProps": {},
850
- "getStylesLiterals": {},
851
- "cxLiterals": [
852
- "overflow-hidden"
853
- ],
854
- "internalComponents": [
855
- "SpringMotionConfig"
856
- ],
857
- "internalComponentProps": {
858
- "SpringMotionConfig": {
859
- "layoutSpeed": [
860
- "4"
832
+ "aria-hidden": [
833
+ "true"
861
834
  ]
862
835
  }
863
836
  },
864
- "propToVariantKeys": {
865
- "reduceMotion": [
866
- "reducedMotion"
867
- ]
868
- },
869
- "motionVarPrefixes": [
870
- "--uds-motion-subtle-4-",
871
- "--uds-motion-smooth-3-"
872
- ]
873
- },
874
- "Pressable": {
875
- "name": "Pressable",
876
- "defaultProps": {},
877
- "getStylesLiterals": {},
878
- "cxLiterals": [],
879
- "internalComponents": [
880
- "Comp"
881
- ],
882
- "internalComponentProps": {},
883
837
  "propToVariantKeys": {},
884
838
  "motionVarPrefixes": []
885
839
  },
886
- "AvoidMotionLibraryProvider": {
887
- "name": "AvoidMotionLibraryProvider",
840
+ "Table.mocks": {
841
+ "name": "Table.mocks",
888
842
  "defaultProps": {},
889
843
  "getStylesLiterals": {},
890
844
  "cxLiterals": [],
@@ -893,474 +847,88 @@
893
847
  "propToVariantKeys": {},
894
848
  "motionVarPrefixes": []
895
849
  },
896
- "SegmentedControl": {
897
- "name": "SegmentedControl",
898
- "defaultProps": {},
899
- "getStylesLiterals": {
900
- "display": "flex",
901
- "alignItems": "center",
902
- "backgroundColor": "primary",
903
- "spacingVertical": "1",
904
- "spacingHorizontal": "3",
905
- "columnGap": "1.5",
906
- "borderWidth": "thin",
907
- "borderRadius": "full",
850
+ "Table": {
851
+ "name": "Table",
852
+ "defaultProps": {
853
+ "display": "table-cell",
854
+ "overflow": "hidden",
908
855
  "borderColor": "muted",
909
- "borderColor:1": "transparent",
910
- "color": "primary",
911
- "color:1": "tertiary",
912
- "color:2": "muted"
856
+ "borderRadius": "md",
857
+ "spacing": "3",
858
+ "borderBottomColor": "muted",
859
+ "borderBottomWidth": "thin",
860
+ "color": "primary"
913
861
  },
914
- "cxLiterals": [
915
- "uds-ring",
916
- "cursor-not-allowed",
917
- "opacity-50",
918
- "pointer-events-none",
919
- "hover:bg-primary"
920
- ],
862
+ "getStylesLiterals": {
863
+ "textAlign": "start"
864
+ },
865
+ "cxLiterals": [],
921
866
  "internalComponents": [
922
- "Radio",
923
- "Icon",
924
- "RadioProvider",
925
- "HStack",
926
- "RadioGroup",
927
- "Pressable",
928
- "Text"
867
+ "CellComponent",
868
+ "Box",
869
+ "Text",
870
+ "Table.Root",
871
+ "Table.Header",
872
+ "Table.Row",
873
+ "Table.Cell",
874
+ "Table.Body"
929
875
  ],
930
876
  "internalComponentProps": {
931
- "Icon": {
932
- "size": [
933
- "sm"
934
- ],
935
- "color": [
936
- "current"
937
- ],
938
- "aria-hidden": [
939
- "true"
940
- ]
941
- },
942
- "HStack": {
943
- "spacing": [
944
- "1"
945
- ],
946
- "gap": [
947
- "1"
948
- ],
949
- "backgroundColor": [
950
- "secondary"
951
- ],
952
- "borderRadius": [
953
- "full"
954
- ],
955
- "display": [
956
- "inline-flex"
957
- ]
958
- },
959
- "Text": {
960
- "variant": [
961
- "label2"
962
- ],
963
- "color": [
964
- "current"
877
+ "Table.Cell": {
878
+ "asHeaderCell": [
879
+ "column"
965
880
  ]
966
881
  }
967
882
  },
968
- "propToVariantKeys": {
969
- "value": [
970
- "key"
971
- ],
972
- "label": [
973
- "aria-label"
974
- ]
975
- },
883
+ "propToVariantKeys": {},
976
884
  "motionVarPrefixes": []
977
885
  },
978
- "Popover": {
979
- "name": "Popover",
886
+ "Avatar": {
887
+ "name": "Avatar",
980
888
  "defaultProps": {},
981
889
  "getStylesLiterals": {},
982
890
  "cxLiterals": [],
983
891
  "internalComponents": [
984
- "HStack",
985
- "Text",
986
- "OriginalPopoverHeading"
892
+ "AvatarImage"
987
893
  ],
988
- "internalComponentProps": {
989
- "Text": {
990
- "variant": [
991
- "headline1"
992
- ],
993
- "color": [
994
- "primary"
995
- ]
996
- }
997
- },
894
+ "internalComponentProps": {},
998
895
  "propToVariantKeys": {},
999
896
  "motionVarPrefixes": []
1000
897
  },
1001
- "SwitchV2": {
1002
- "name": "SwitchV2",
898
+ "AvatarIcon": {
899
+ "name": "AvatarIcon",
1003
900
  "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",
1017
- "switchVariantHandleIcon": "default",
1018
- "switchVariantActiveHandleIcon": "on",
1019
- "switchVariantActiveHandleIcon:1": "off"
901
+ "size": "md",
902
+ "variant": "primary"
1020
903
  },
904
+ "getStylesLiterals": {},
1021
905
  "cxLiterals": [
1022
- "group",
1023
- "flex",
1024
- "items-center",
1025
- "flex-row",
1026
- "flex-row-reverse",
1027
- "uds-ring",
1028
- "uds-ring-within",
1029
- "relative",
1030
- "uds-border-radius-full",
1031
- "transition-[background-color,box-shadow]",
1032
- "pointer-events-none",
906
+ "overflow-hidden",
1033
907
  "w-full",
1034
908
  "h-full",
1035
- "absolute",
1036
- "top-0",
1037
- "bottom-0",
1038
- "right-0",
1039
- "left-0",
1040
- "overflow-hidden",
1041
- "group-hover:scale-105",
1042
- "opacity-95",
1043
- "group-hover:opacity-100",
1044
- "transition-[transform,opacity]",
1045
- "opacity-0",
1046
- "top-1/2",
1047
- "left-1/2",
1048
- "transform",
1049
- "translate-x-[-50%]",
1050
- "translate-y-[-50%]",
1051
- "transition-opacity",
1052
- "cursor-[inherit]",
1053
- "w-[calc(100%+2px)]",
1054
- "h-[calc(100%+2px)]",
1055
- "text-start",
1056
- "text-end",
1057
- "opacity-100"
909
+ "shrink-0",
910
+ "text-center",
911
+ "inline-flex",
912
+ "justify-center",
913
+ "items-center"
1058
914
  ],
1059
915
  "internalComponents": [
1060
916
  "IconSlot",
1061
- "Box",
1062
- "FormLabel",
1063
- "SpringMotionConfig",
1064
- "RootElement",
1065
- "MotionBox"
917
+ "Box"
1066
918
  ],
1067
- "internalComponentProps": {
1068
- "IconSlot": {
1069
- "data-testid": [
1070
- "on-icon",
1071
- "off-icon"
1072
- ]
1073
- },
1074
- "FormLabel": {
1075
- "as": [
1076
- "div"
1077
- ],
1078
- "variant": [
1079
- "inherit"
1080
- ],
1081
- "color": [
1082
- "inherit"
1083
- ]
1084
- },
1085
- "SpringMotionConfig": {
1086
- "layoutVariant": [
1087
- "bouncy"
1088
- ],
1089
- "layoutSpeed": [
1090
- "4"
1091
- ]
1092
- },
1093
- "RootElement": {
1094
- "data-testid": [
1095
- "switch-root"
1096
- ]
1097
- },
1098
- "MotionBox": {
1099
- "layout": [
1100
- "position"
1101
- ]
1102
- }
1103
- },
919
+ "internalComponentProps": {},
1104
920
  "propToVariantKeys": {
1105
921
  "size": [
1106
- "switchSizeRoot",
1107
- "switchSizeSwitch",
1108
- "switchSizeHandle",
1109
- "switchSizeHandleIcon"
1110
- ],
1111
- "onIcon": [
1112
- "icon"
1113
- ],
1114
- "offIcon": [
1115
- "icon"
1116
- ],
1117
- "reduceMotion": [
1118
- "reducedMotion"
1119
- ],
1120
- "isOn": [
1121
- "layoutDependency"
922
+ "avatarSizeIcon"
1122
923
  ]
1123
924
  },
1124
- "motionVarPrefixes": [
1125
- "--uds-motion-bouncy-4-",
1126
- "--uds-motion-smooth-3-"
1127
- ]
925
+ "motionVarPrefixes": []
1128
926
  },
1129
- "Tabs": {
1130
- "name": "Tabs",
1131
- "defaultProps": {},
1132
- "getStylesLiterals": {
1133
- "display": "flex",
1134
- "flexDirection": "row",
1135
- "columnGap": "6"
1136
- },
1137
- "cxLiterals": [
1138
- "text-tertiary",
1139
- "border-b-transparent",
1140
- "aria-selected:border-b-brand",
1141
- "aria-selected:text-secondary"
1142
- ],
1143
- "internalComponents": [
1144
- "TabProvider",
1145
- "OriginalTabList",
1146
- "OriginalTab",
1147
- "Icon",
1148
- "OriginalTabPanel",
1149
- "Pressable",
1150
- "Comp",
1151
- "Text"
1152
- ],
1153
- "internalComponentProps": {
1154
- "Icon": {
1155
- "className": [
1156
- "text-current"
1157
- ],
1158
- "size": [
1159
- "md"
1160
- ]
1161
- },
1162
- "Pressable": {
1163
- "borderBottomWidth": [
1164
- "medium"
1165
- ],
1166
- "spacingBottom": [
1167
- "1"
1168
- ],
1169
- "spacingTop": [
1170
- "4"
1171
- ]
1172
- },
1173
- "Text": {
1174
- "className": [
1175
- "text-current"
1176
- ],
1177
- "variant": [
1178
- "headline1"
1179
- ],
1180
- "as": [
1181
- "span"
1182
- ]
1183
- }
1184
- },
1185
- "propToVariantKeys": {},
1186
- "motionVarPrefixes": []
1187
- },
1188
- "Modal": {
1189
- "name": "Modal",
1190
- "defaultProps": {},
1191
- "getStylesLiterals": {},
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
- ],
1211
- "internalComponents": [
1212
- "IconButton",
1213
- "Dialog",
1214
- "HStack",
1215
- "Text",
1216
- "VStack"
1217
- ],
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
- },
1272
- "motionVarPrefixes": []
1273
- },
1274
- "Accordion": {
1275
- "name": "Accordion",
1276
- "defaultProps": {
1277
- "spacingHorizontal": "4",
1278
- "spacingVertical": "4"
1279
- },
1280
- "getStylesLiterals": {},
1281
- "cxLiterals": [
1282
- "hover:bg-secondary/80",
1283
- "w-full"
1284
- ],
1285
- "internalComponents": [
1286
- "Icon",
1287
- "SpringMotionConfig",
1288
- "Pressable",
1289
- "Text",
1290
- "HStack",
1291
- "AnimatePresence",
1292
- "VStack"
1293
- ],
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
- }
1353
- },
1354
- "propToVariantKeys": {},
1355
- "motionVarPrefixes": [
1356
- "--uds-motion-smooth-3-"
1357
- ]
1358
- },
1359
- "AvatarImage": {
1360
- "name": "AvatarImage",
1361
- "defaultProps": {
1362
- "size": "md",
1363
- "variant": "primary"
927
+ "AvatarImage": {
928
+ "name": "AvatarImage",
929
+ "defaultProps": {
930
+ "size": "md",
931
+ "variant": "primary"
1364
932
  },
1365
933
  "getStylesLiterals": {},
1366
934
  "cxLiterals": [
@@ -1426,97 +994,14 @@
1426
994
  "propToVariantKeys": {},
1427
995
  "motionVarPrefixes": []
1428
996
  },
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",
997
+ "BottomSheet": {
998
+ "name": "BottomSheet",
1443
999
  "defaultProps": {
1444
- "size": "md",
1445
- "variant": "primary"
1000
+ "variant": "default"
1446
1001
  },
1447
1002
  "getStylesLiterals": {},
1448
1003
  "cxLiterals": [
1449
- "overflow-hidden",
1450
- "w-full",
1451
- "h-full",
1452
- "shrink-0",
1453
- "text-center",
1454
- "inline-flex",
1455
- "justify-center",
1456
- "items-center"
1457
- ],
1458
- "internalComponents": [
1459
- "IconSlot",
1460
- "Box"
1461
- ],
1462
- "internalComponentProps": {},
1463
- "propToVariantKeys": {
1464
- "size": [
1465
- "avatarSizeIcon"
1466
- ]
1467
- },
1468
- "motionVarPrefixes": []
1469
- },
1470
- "BottomSheetContent": {
1471
- "name": "BottomSheetContent",
1472
- "defaultProps": {},
1473
- "getStylesLiterals": {},
1474
- "cxLiterals": [
1475
- "min-h-0",
1476
- "touch-pan-y"
1477
- ],
1478
- "internalComponents": [
1479
- "Box",
1480
- "VStack"
1481
- ],
1482
- "internalComponentProps": {
1483
- "Box": {
1484
- "display": [
1485
- "block"
1486
- ],
1487
- "flex": [
1488
- "1"
1489
- ]
1490
- },
1491
- "VStack": {
1492
- "className": [
1493
- "pb-[calc(env(safe-area-inset-bottom))]"
1494
- ]
1495
- }
1496
- },
1497
- "propToVariantKeys": {},
1498
- "motionVarPrefixes": []
1499
- },
1500
- "BottomSheetDismiss": {
1501
- "name": "BottomSheetDismiss",
1502
- "defaultProps": {},
1503
- "getStylesLiterals": {},
1504
- "cxLiterals": [],
1505
- "internalComponents": [
1506
- "AriakitDialogDismiss"
1507
- ],
1508
- "internalComponentProps": {},
1509
- "propToVariantKeys": {},
1510
- "motionVarPrefixes": []
1511
- },
1512
- "BottomSheet": {
1513
- "name": "BottomSheet",
1514
- "defaultProps": {
1515
- "variant": "default"
1516
- },
1517
- "getStylesLiterals": {},
1518
- "cxLiterals": [
1519
- "fixed",
1004
+ "fixed",
1520
1005
  "overflow-hidden",
1521
1006
  "inset-x-0",
1522
1007
  "bottom-0",
@@ -1574,6 +1059,48 @@
1574
1059
  },
1575
1060
  "motionVarPrefixes": []
1576
1061
  },
1062
+ "BottomSheetContent": {
1063
+ "name": "BottomSheetContent",
1064
+ "defaultProps": {},
1065
+ "getStylesLiterals": {},
1066
+ "cxLiterals": [
1067
+ "min-h-0",
1068
+ "touch-pan-y"
1069
+ ],
1070
+ "internalComponents": [
1071
+ "Box",
1072
+ "VStack"
1073
+ ],
1074
+ "internalComponentProps": {
1075
+ "Box": {
1076
+ "display": [
1077
+ "block"
1078
+ ],
1079
+ "flex": [
1080
+ "1"
1081
+ ]
1082
+ },
1083
+ "VStack": {
1084
+ "className": [
1085
+ "pb-[calc(env(safe-area-inset-bottom))]"
1086
+ ]
1087
+ }
1088
+ },
1089
+ "propToVariantKeys": {},
1090
+ "motionVarPrefixes": []
1091
+ },
1092
+ "BottomSheetDismiss": {
1093
+ "name": "BottomSheetDismiss",
1094
+ "defaultProps": {},
1095
+ "getStylesLiterals": {},
1096
+ "cxLiterals": [],
1097
+ "internalComponents": [
1098
+ "AriakitDialogDismiss"
1099
+ ],
1100
+ "internalComponentProps": {},
1101
+ "propToVariantKeys": {},
1102
+ "motionVarPrefixes": []
1103
+ },
1577
1104
  "BottomSheetHandle": {
1578
1105
  "name": "BottomSheetHandle",
1579
1106
  "defaultProps": {},
@@ -1612,16 +1139,6 @@
1612
1139
  "propToVariantKeys": {},
1613
1140
  "motionVarPrefixes": []
1614
1141
  },
1615
- "BottomSheetInternalContext": {
1616
- "name": "BottomSheetInternalContext",
1617
- "defaultProps": {},
1618
- "getStylesLiterals": {},
1619
- "cxLiterals": [],
1620
- "internalComponents": [],
1621
- "internalComponentProps": {},
1622
- "propToVariantKeys": {},
1623
- "motionVarPrefixes": []
1624
- },
1625
1142
  "BottomSheetHeader": {
1626
1143
  "name": "BottomSheetHeader",
1627
1144
  "defaultProps": {
@@ -1675,14 +1192,12 @@
1675
1192
  },
1676
1193
  "motionVarPrefixes": []
1677
1194
  },
1678
- "BottomSheetTrigger": {
1679
- "name": "BottomSheetTrigger",
1195
+ "BottomSheetInternalContext": {
1196
+ "name": "BottomSheetInternalContext",
1680
1197
  "defaultProps": {},
1681
1198
  "getStylesLiterals": {},
1682
1199
  "cxLiterals": [],
1683
- "internalComponents": [
1684
- "AriakitDialogDisclosure"
1685
- ],
1200
+ "internalComponents": [],
1686
1201
  "internalComponentProps": {},
1687
1202
  "propToVariantKeys": {},
1688
1203
  "motionVarPrefixes": []
@@ -1699,6 +1214,18 @@
1699
1214
  "propToVariantKeys": {},
1700
1215
  "motionVarPrefixes": []
1701
1216
  },
1217
+ "BottomSheetTrigger": {
1218
+ "name": "BottomSheetTrigger",
1219
+ "defaultProps": {},
1220
+ "getStylesLiterals": {},
1221
+ "cxLiterals": [],
1222
+ "internalComponents": [
1223
+ "AriakitDialogDisclosure"
1224
+ ],
1225
+ "internalComponentProps": {},
1226
+ "propToVariantKeys": {},
1227
+ "motionVarPrefixes": []
1228
+ },
1702
1229
  "UDSBottomSheetConfigProvider": {
1703
1230
  "name": "UDSBottomSheetConfigProvider",
1704
1231
  "defaultProps": {},
@@ -1711,495 +1238,302 @@
1711
1238
  "propToVariantKeys": {},
1712
1239
  "motionVarPrefixes": []
1713
1240
  },
1714
- "UDSToastConfigProvider": {
1715
- "name": "UDSToastConfigProvider",
1241
+ "Chip": {
1242
+ "name": "Chip",
1716
1243
  "defaultProps": {},
1717
1244
  "getStylesLiterals": {},
1718
1245
  "cxLiterals": [],
1719
1246
  "internalComponents": [
1720
- "ToastContext.Provider"
1247
+ "ChipDismissible",
1248
+ "ChipToggle",
1249
+ "ChipLink",
1250
+ "ChipButton"
1721
1251
  ],
1722
1252
  "internalComponentProps": {},
1723
1253
  "propToVariantKeys": {},
1724
1254
  "motionVarPrefixes": []
1725
1255
  },
1726
- "Toast": {
1727
- "name": "Toast",
1728
- "defaultProps": {},
1729
- "getStylesLiterals": {
1730
- "className": "flex-none",
1731
- "spacing": "2",
1732
- "borderRadius": "full"
1256
+ "ChipBase": {
1257
+ "name": "ChipBase",
1258
+ "defaultProps": {
1259
+ "size": "md",
1260
+ "as": "div"
1733
1261
  },
1262
+ "getStylesLiterals": {},
1734
1263
  "cxLiterals": [
1735
- "transition-[background-color]",
1736
- "bg-carbon-15/0",
1737
- "hover:bg-carbon-15/10",
1738
- "active:bg-carbon-15/15",
1739
- "uds-ring"
1264
+ "pointer-events-none",
1265
+ "cursor-default",
1266
+ "opacity-50",
1267
+ "inline-flex",
1268
+ "items-center",
1269
+ "transition-[background-color,outline-color,box-shadow]",
1270
+ "truncate",
1271
+ "whitespace-nowrap",
1272
+ "text-center",
1273
+ "flex-1"
1740
1274
  ],
1741
1275
  "internalComponents": [
1742
1276
  "IconSlot",
1743
- "ToastContainer",
1744
- "Text",
1745
- "Button",
1746
- "Pressable"
1277
+ "HStack",
1278
+ "As",
1279
+ "Text"
1747
1280
  ],
1748
- "internalComponentProps": {},
1281
+ "internalComponentProps": {
1282
+ "Text": {
1283
+ "as": [
1284
+ "span"
1285
+ ],
1286
+ "color": [
1287
+ "current"
1288
+ ],
1289
+ "variant": [
1290
+ "inherit"
1291
+ ]
1292
+ }
1293
+ },
1749
1294
  "propToVariantKeys": {
1750
1295
  "size": [
1751
- "toastSizeLabel",
1752
- "toastSizeIcon",
1753
- "toastSizeActionButton",
1754
- "toastSizeCloseIcon"
1755
- ],
1756
- "variant": [
1757
- "toastVariantIcon",
1758
- "toastVariantActionButton",
1759
- "toastVariantCloseIcon"
1296
+ "chipSizeRoot",
1297
+ "chipSizeIcon"
1760
1298
  ],
1761
- "closeIcon": [
1299
+ "startIcon": [
1762
1300
  "icon"
1763
1301
  ],
1764
- "onClickActionButton": [
1765
- "onClick"
1302
+ "endIcon": [
1303
+ "icon"
1766
1304
  ]
1767
1305
  },
1768
1306
  "motionVarPrefixes": []
1769
1307
  },
1770
- "ToastContainer": {
1771
- "name": "ToastContainer",
1772
- "defaultProps": {},
1773
- "getStylesLiterals": {
1774
- "position": "relative",
1775
- "alignItems": "center",
1776
- "display": "flex",
1777
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1308
+ "ChipButton": {
1309
+ "name": "ChipButton",
1310
+ "defaultProps": {
1311
+ "variant": "primary"
1778
1312
  },
1313
+ "getStylesLiterals": {},
1779
1314
  "cxLiterals": [
1780
- "w-full"
1315
+ "uds-ring"
1781
1316
  ],
1782
1317
  "internalComponents": [
1783
- "HStack"
1318
+ "ChipBase"
1784
1319
  ],
1785
1320
  "internalComponentProps": {
1786
- "HStack": {
1787
- "alignItems": [
1788
- "center"
1789
- ],
1790
- "justifyContent": [
1791
- "space-between"
1792
- ],
1793
- "overflow": [
1794
- "hidden"
1795
- ],
1796
- "position": [
1797
- "relative"
1321
+ "ChipBase": {
1322
+ "as": [
1323
+ "button"
1798
1324
  ]
1799
1325
  }
1800
1326
  },
1801
1327
  "propToVariantKeys": {
1802
1328
  "variant": [
1803
- "toastVariantRoot"
1804
- ],
1805
- "size": [
1806
- "toastSizeRoot"
1329
+ "chipLinkVariantRoot",
1330
+ "chipLinkVariantIcon"
1807
1331
  ]
1808
1332
  },
1809
1333
  "motionVarPrefixes": []
1810
1334
  },
1811
- "ToastPortal": {
1812
- "name": "ToastPortal",
1813
- "defaultProps": {},
1335
+ "ChipDismissible": {
1336
+ "name": "ChipDismissible",
1337
+ "defaultProps": {
1338
+ "variant": "primary"
1339
+ },
1814
1340
  "getStylesLiterals": {},
1815
- "cxLiterals": [],
1341
+ "cxLiterals": [
1342
+ "uds-chip-dismissible-button",
1343
+ "uds-hit-target",
1344
+ "uds-ring",
1345
+ "rounded-full"
1346
+ ],
1816
1347
  "internalComponents": [
1817
- "ReactToastifyToastContainer"
1348
+ "ChipBase",
1349
+ "IconSlot",
1350
+ "Pressable"
1818
1351
  ],
1819
1352
  "internalComponentProps": {},
1820
- "propToVariantKeys": {},
1353
+ "propToVariantKeys": {
1354
+ "variant": [
1355
+ "chipDismissibleVariantRoot",
1356
+ "chipDismissibleVariantIcon"
1357
+ ],
1358
+ "dismissButtonAriaLabel": [
1359
+ "aria-label"
1360
+ ]
1361
+ },
1821
1362
  "motionVarPrefixes": []
1822
1363
  },
1823
- "RadioGroupStore": {
1824
- "name": "RadioGroupStore",
1825
- "defaultProps": {},
1364
+ "ChipLink": {
1365
+ "name": "ChipLink",
1366
+ "defaultProps": {
1367
+ "variant": "primary"
1368
+ },
1826
1369
  "getStylesLiterals": {},
1827
- "cxLiterals": [],
1828
- "internalComponents": [],
1829
- "internalComponentProps": {},
1830
- "propToVariantKeys": {},
1370
+ "cxLiterals": [
1371
+ "uds-ring"
1372
+ ],
1373
+ "internalComponents": [
1374
+ "ChipBase"
1375
+ ],
1376
+ "internalComponentProps": {
1377
+ "ChipBase": {
1378
+ "as": [
1379
+ "a"
1380
+ ]
1381
+ }
1382
+ },
1383
+ "propToVariantKeys": {
1384
+ "variant": [
1385
+ "chipLinkVariantRoot",
1386
+ "chipLinkVariantIcon"
1387
+ ]
1388
+ },
1831
1389
  "motionVarPrefixes": []
1832
1390
  },
1833
- "RadioGroupProvider": {
1834
- "name": "RadioGroupProvider",
1835
- "defaultProps": {},
1836
- "getStylesLiterals": {},
1837
- "cxLiterals": [],
1391
+ "ChipToggle": {
1392
+ "name": "ChipToggle",
1393
+ "defaultProps": {
1394
+ "variant": "primary",
1395
+ "role": "checkbox"
1396
+ },
1397
+ "getStylesLiterals": {
1398
+ "chipToggleVariantActiveRoot": "on",
1399
+ "chipToggleVariantActiveRoot:1": "off"
1400
+ },
1401
+ "cxLiterals": [
1402
+ "uds-ring"
1403
+ ],
1838
1404
  "internalComponents": [
1839
- "DivProps",
1840
- "Comp",
1841
- "RadioGroupContext.Provider"
1405
+ "ChipBase"
1842
1406
  ],
1843
1407
  "internalComponentProps": {
1844
- "Comp": {
1845
- "role": [
1846
- "radiogroup"
1408
+ "ChipBase": {
1409
+ "as": [
1410
+ "button"
1847
1411
  ]
1848
1412
  }
1849
1413
  },
1850
- "propToVariantKeys": {},
1414
+ "propToVariantKeys": {
1415
+ "variant": [
1416
+ "chipToggleVariantRoot",
1417
+ "chipToggleVariantIcon"
1418
+ ]
1419
+ },
1851
1420
  "motionVarPrefixes": []
1852
1421
  },
1853
- "Radio": {
1854
- "name": "Radio",
1422
+ "Input": {
1423
+ "name": "Input",
1855
1424
  "defaultProps": {
1856
- "labelPosition": "start",
1857
- "variant": "primary",
1425
+ "type": "text",
1858
1426
  "size": "md",
1859
- "value": ""
1427
+ "width": "full"
1860
1428
  },
1861
1429
  "getStylesLiterals": {
1862
- "radioVariantValueRoot": "checked",
1863
- "radioVariantValueRoot:1": "unchecked",
1864
- "display": "flex",
1865
- "flexDirection": "row",
1866
- "flexDirection:1": "row-reverse",
1867
- "alignItems": "center",
1868
- "radioVariantValueRadio": "checked",
1869
- "radioVariantValueRadio:1": "unchecked",
1870
- "radioVariantValueRadioCircle": "checked",
1871
- "radioVariantValueRadioCircle:1": "unchecked"
1430
+ "inputVariantRoot": "default",
1431
+ "inputVariantValueRoot": "empty",
1432
+ "inputVariantValueRoot:1": "filled",
1433
+ "inputVariantInputWrapper": "default",
1434
+ "inputVariantValueInputWrapper": "empty",
1435
+ "inputVariantValueInputWrapper:1": "filled",
1436
+ "inputVariantInput": "default",
1437
+ "inputVariantValueInput": "empty",
1438
+ "inputVariantValueInput:1": "filled",
1439
+ "inputVariantInputPlaceholder": "default",
1440
+ "inputVariantValueInputPlaceholder": "empty",
1441
+ "inputVariantValueInputPlaceholder:1": "filled",
1442
+ "inputVariantLabel": "default",
1443
+ "inputVariantValueLabel": "empty",
1444
+ "inputVariantValueLabel:1": "filled",
1445
+ "inputVariantLabelRequired": "default",
1446
+ "inputVariantValueLabelRequired": "empty",
1447
+ "inputVariantValueLabelRequired:1": "filled",
1448
+ "inputVariantStartIcon": "default",
1449
+ "inputVariantValueStartIcon": "empty",
1450
+ "inputVariantValueStartIcon:1": "filled",
1451
+ "inputVariantEndIcon": "default",
1452
+ "inputVariantValueEndIcon": "empty",
1453
+ "inputVariantValueEndIcon:1": "filled"
1872
1454
  },
1873
1455
  "cxLiterals": [
1874
- "cursor-pointer",
1875
- "cursor-default",
1876
1456
  "opacity-50",
1877
- "border",
1878
- "uds-ring",
1879
- "uds-ring-within",
1880
- "transition-[background-color,border-color]",
1881
- "transition-shadow",
1882
- "pointer-events-none",
1883
- "w-[8px]",
1884
- "h-[8px]",
1885
- "transition-opacity",
1886
- "cursor-[inherit]",
1887
- "absolute",
1888
- "opacity-0",
1889
- "top-1/2",
1890
- "left-1/2",
1891
- "w-[calc(100%+2px)]",
1892
- "h-[calc(100%+2px)]",
1893
- "transform",
1894
- "translate-x-[-50%]",
1895
- "translate-y-[-50%]",
1896
- "text-start",
1897
- "text-end"
1457
+ "min-w-[200px]",
1458
+ "grow",
1459
+ "uds-hit-target",
1460
+ "bg-clip-text",
1461
+ "focus:outline-none",
1462
+ "cursor-text",
1463
+ "cursor-not-allowed"
1898
1464
  ],
1899
1465
  "internalComponents": [
1466
+ "IconSlot",
1467
+ "StartIcon",
1468
+ "EndIcon",
1469
+ "HelpTextContent",
1900
1470
  "Box",
1901
- "FormLabel",
1902
- "SpringMotionConfig",
1903
- "RootElement",
1904
- "MotionBox"
1471
+ "InputHelpTextInternal",
1472
+ "VStack",
1473
+ "HStack",
1474
+ "AnimateHeightChange"
1905
1475
  ],
1906
1476
  "internalComponentProps": {
1907
- "Box": {
1908
- "borderRadius": [
1909
- "full"
1910
- ]
1911
- },
1912
- "FormLabel": {
1913
- "as": [
1914
- "div"
1915
- ],
1916
- "variant": [
1917
- "inherit"
1918
- ],
1919
- "color": [
1920
- "inherit"
1921
- ]
1922
- },
1923
- "RootElement": {
1924
- "data-testid": [
1925
- "container"
1477
+ "HelpTextContent": {
1478
+ "spacingTop": [
1479
+ "2"
1926
1480
  ]
1927
1481
  },
1928
- "MotionBox": {
1929
- "position": [
1930
- "relative"
1482
+ "Box": {
1483
+ "spacingBottom": [
1484
+ "2"
1931
1485
  ],
1932
- "borderRadius": [
1933
- "full"
1486
+ "columnGap": [
1487
+ "0.5"
1934
1488
  ],
1935
1489
  "alignItems": [
1490
+ "flex-end",
1936
1491
  "center"
1937
1492
  ],
1938
- "justifyContent": [
1493
+ "position": [
1494
+ "relative"
1495
+ ]
1496
+ },
1497
+ "HStack": {
1498
+ "alignItems": [
1939
1499
  "center"
1940
1500
  ],
1941
- "flex": [
1942
- "none"
1501
+ "gap": [
1502
+ "1"
1943
1503
  ]
1944
1504
  }
1945
1505
  },
1946
1506
  "propToVariantKeys": {
1947
1507
  "size": [
1948
- "radioSizeRoot",
1949
- "radioSizeRadio"
1508
+ "inputSizeRoot",
1509
+ "inputSizeInputWrapper",
1510
+ "inputSizeInput",
1511
+ "inputSizeLabel",
1512
+ "inputSizeStartIcon",
1513
+ "inputSizeEndIcon"
1950
1514
  ],
1951
- "variant": [
1952
- "radioVariantRoot",
1953
- "radioVariantRadio",
1954
- "radioVariantRadioCircle"
1515
+ "startIcon": [
1516
+ "icon"
1955
1517
  ],
1956
- "reduceMotion": [
1957
- "reducedMotion"
1518
+ "endIcon": [
1519
+ "icon"
1520
+ ],
1521
+ "helperTextIcon": [
1522
+ "startIcon"
1958
1523
  ]
1959
1524
  },
1960
- "motionVarPrefixes": [
1961
- "--uds-motion-subtle-3-",
1962
- "--uds-motion-smooth-3-"
1963
- ]
1525
+ "motionVarPrefixes": []
1964
1526
  },
1965
- "UDSTooltipConfigProvider": {
1966
- "name": "UDSTooltipConfigProvider",
1967
- "defaultProps": {},
1968
- "getStylesLiterals": {},
1969
- "cxLiterals": [],
1970
- "internalComponents": [
1971
- "TooltipContext.Provider"
1972
- ],
1973
- "internalComponentProps": {},
1974
- "propToVariantKeys": {},
1975
- "motionVarPrefixes": []
1976
- },
1977
- "TooltipTrigger": {
1978
- "name": "TooltipTrigger",
1979
- "defaultProps": {},
1980
- "getStylesLiterals": {},
1981
- "cxLiterals": [],
1982
- "internalComponents": [
1983
- "TooltipAnchor"
1984
- ],
1985
- "internalComponentProps": {
1986
- "TooltipAnchor": {
1987
- "className": [
1988
- "inline"
1989
- ]
1990
- }
1991
- },
1992
- "propToVariantKeys": {
1993
- "children": [
1994
- "render"
1995
- ]
1996
- },
1997
- "motionVarPrefixes": []
1998
- },
1999
- "TooltipContent": {
2000
- "name": "TooltipContent",
2001
- "defaultProps": {},
2002
- "getStylesLiterals": {
2003
- "tooltipSizeRoot": "default",
2004
- "tooltipVariantRoot": "default",
2005
- "tooltipSizeSvg": "default",
2006
- "tooltipVariantSvg": "default",
2007
- "tooltipVariantBlur": "default",
2008
- "position": "absolute",
2009
- "width": "full",
2010
- "height": "full",
2011
- "tooltipSizeTitle": "default",
2012
- "tooltipSizeBody": "default",
2013
- "tooltipSizeEndContent": "default",
2014
- "tooltipSizeIcon": "default",
2015
- "tooltipVariantIcon": "default"
2016
- },
2017
- "cxLiterals": [
2018
- "flex",
2019
- "z-[9999]",
2020
- "stroke-1",
2021
- "uds-bgBlurFillFallback",
2022
- "uds-bgBlurFallback",
2023
- "top-0",
2024
- "left-0",
2025
- "z-[1]",
2026
- "transition-opacity",
2027
- "ease-in-out",
2028
- "absolute",
2029
- "w-full",
2030
- "h-full",
2031
- "overflow-visible",
2032
- "pointer-events-none",
2033
- "z-[2]"
2034
- ],
2035
- "internalComponents": [
2036
- "Box",
2037
- "IconSlot",
2038
- "TooltipArrow",
2039
- "Tooltip",
2040
- "Fragment",
2041
- "Text"
2042
- ],
2043
- "internalComponentProps": {
2044
- "Box": {
2045
- "position": [
2046
- "relative"
2047
- ],
2048
- "flexDirection": [
2049
- "column"
2050
- ],
2051
- "className": [
2052
- "z-[3] gap-[inherit]"
2053
- ],
2054
- "alignItems": [
2055
- "center"
2056
- ],
2057
- "columnGap": [
2058
- "1",
2059
- "1.5"
2060
- ]
2061
- },
2062
- "Text": {
2063
- "color": [
2064
- "inherit"
2065
- ]
2066
- }
2067
- },
2068
- "propToVariantKeys": {
2069
- "startTitleIcon": [
2070
- "icon"
2071
- ]
2072
- },
2073
- "motionVarPrefixes": []
2074
- },
2075
- "Tooltip": {
2076
- "name": "Tooltip",
2077
- "defaultProps": {},
2078
- "getStylesLiterals": {},
2079
- "cxLiterals": [],
2080
- "internalComponents": [
2081
- "TooltipInternalContext.Provider",
2082
- "TooltipProvider"
2083
- ],
2084
- "internalComponentProps": {},
2085
- "propToVariantKeys": {},
2086
- "motionVarPrefixes": []
2087
- },
2088
- "Input": {
2089
- "name": "Input",
2090
- "defaultProps": {
2091
- "type": "text",
2092
- "size": "md",
2093
- "width": "full"
2094
- },
2095
- "getStylesLiterals": {
2096
- "inputVariantRoot": "default",
2097
- "inputVariantValueRoot": "empty",
2098
- "inputVariantValueRoot:1": "filled",
2099
- "inputVariantInputWrapper": "default",
2100
- "inputVariantValueInputWrapper": "empty",
2101
- "inputVariantValueInputWrapper:1": "filled",
2102
- "inputVariantInput": "default",
2103
- "inputVariantValueInput": "empty",
2104
- "inputVariantValueInput:1": "filled",
2105
- "inputVariantInputPlaceholder": "default",
2106
- "inputVariantValueInputPlaceholder": "empty",
2107
- "inputVariantValueInputPlaceholder:1": "filled",
2108
- "inputVariantLabel": "default",
2109
- "inputVariantValueLabel": "empty",
2110
- "inputVariantValueLabel:1": "filled",
2111
- "inputVariantLabelRequired": "default",
2112
- "inputVariantValueLabelRequired": "empty",
2113
- "inputVariantValueLabelRequired:1": "filled",
2114
- "inputVariantStartIcon": "default",
2115
- "inputVariantValueStartIcon": "empty",
2116
- "inputVariantValueStartIcon:1": "filled",
2117
- "inputVariantEndIcon": "default",
2118
- "inputVariantValueEndIcon": "empty",
2119
- "inputVariantValueEndIcon:1": "filled"
2120
- },
2121
- "cxLiterals": [
2122
- "opacity-50",
2123
- "min-w-[200px]",
2124
- "grow",
2125
- "uds-hit-target",
2126
- "bg-clip-text",
2127
- "focus:outline-none",
2128
- "cursor-text",
2129
- "cursor-not-allowed"
2130
- ],
2131
- "internalComponents": [
2132
- "IconSlot",
2133
- "StartIcon",
2134
- "EndIcon",
2135
- "HelpTextContent",
2136
- "Box",
2137
- "InputHelpTextInternal",
2138
- "VStack",
2139
- "HStack",
2140
- "AnimateHeightChange"
2141
- ],
2142
- "internalComponentProps": {
2143
- "HelpTextContent": {
2144
- "spacingTop": [
2145
- "2"
2146
- ]
2147
- },
2148
- "Box": {
2149
- "spacingBottom": [
2150
- "2"
2151
- ],
2152
- "columnGap": [
2153
- "0.5"
2154
- ],
2155
- "alignItems": [
2156
- "flex-end",
2157
- "center"
2158
- ],
2159
- "position": [
2160
- "relative"
2161
- ]
2162
- },
2163
- "HStack": {
2164
- "alignItems": [
2165
- "center"
2166
- ],
2167
- "gap": [
2168
- "1"
2169
- ]
2170
- }
2171
- },
2172
- "propToVariantKeys": {
2173
- "size": [
2174
- "inputSizeRoot",
2175
- "inputSizeInputWrapper",
2176
- "inputSizeInput",
2177
- "inputSizeLabel",
2178
- "inputSizeStartIcon",
2179
- "inputSizeEndIcon"
2180
- ],
2181
- "startIcon": [
2182
- "icon"
2183
- ],
2184
- "endIcon": [
2185
- "icon"
2186
- ],
2187
- "helperTextIcon": [
2188
- "startIcon"
2189
- ]
2190
- },
2191
- "motionVarPrefixes": []
2192
- },
2193
- "InputHelpText": {
2194
- "name": "InputHelpText",
2195
- "defaultProps": {
2196
- "size": "md"
2197
- },
2198
- "getStylesLiterals": {
2199
- "inputVariantRoot": "default",
2200
- "inputVariantValueRoot": "empty",
2201
- "inputVariantValueRoot:1": "filled"
2202
- },
1527
+ "InputHelpText": {
1528
+ "name": "InputHelpText",
1529
+ "defaultProps": {
1530
+ "size": "md"
1531
+ },
1532
+ "getStylesLiterals": {
1533
+ "inputVariantRoot": "default",
1534
+ "inputVariantValueRoot": "empty",
1535
+ "inputVariantValueRoot:1": "filled"
1536
+ },
2203
1537
  "cxLiterals": [],
2204
1538
  "internalComponents": [
2205
1539
  "InputHelpTextInternal",
@@ -2259,212 +1593,67 @@
2259
1593
  },
2260
1594
  "motionVarPrefixes": []
2261
1595
  },
2262
- "UDSConfigProvider": {
2263
- "name": "UDSConfigProvider",
2264
- "defaultProps": {},
2265
- "getStylesLiterals": {},
2266
- "cxLiterals": [],
2267
- "internalComponents": [
2268
- "UDSBreakpointsConfigProvider",
2269
- "UDSBottomSheetConfigProvider",
2270
- "UDSToastConfigProvider",
2271
- "UDSTooltipConfigProvider"
2272
- ],
2273
- "internalComponentProps": {},
2274
- "propToVariantKeys": {},
2275
- "motionVarPrefixes": []
2276
- },
2277
- "UDSBreakpointsConfigProvider": {
2278
- "name": "UDSBreakpointsConfigProvider",
2279
- "defaultProps": {},
2280
- "getStylesLiterals": {},
2281
- "cxLiterals": [],
2282
- "internalComponents": [
2283
- "UDSBreakpointsConfigContext.Provider"
2284
- ],
2285
- "internalComponentProps": {},
2286
- "propToVariantKeys": {},
2287
- "motionVarPrefixes": []
2288
- },
2289
- "ChipLink": {
2290
- "name": "ChipLink",
2291
- "defaultProps": {
2292
- "variant": "primary"
2293
- },
2294
- "getStylesLiterals": {},
2295
- "cxLiterals": [
2296
- "uds-ring"
2297
- ],
2298
- "internalComponents": [
2299
- "ChipBase"
2300
- ],
2301
- "internalComponentProps": {
2302
- "ChipBase": {
2303
- "as": [
2304
- "a"
2305
- ]
2306
- }
2307
- },
2308
- "propToVariantKeys": {
2309
- "variant": [
2310
- "chipLinkVariantRoot",
2311
- "chipLinkVariantIcon"
2312
- ]
2313
- },
2314
- "motionVarPrefixes": []
2315
- },
2316
- "ChipDismissible": {
2317
- "name": "ChipDismissible",
2318
- "defaultProps": {
2319
- "variant": "primary"
2320
- },
1596
+ "Menu.Content": {
1597
+ "name": "Menu.Content",
1598
+ "defaultProps": {
1599
+ "size": "default",
1600
+ "variant": "default",
1601
+ "gutter": "1"
1602
+ },
2321
1603
  "getStylesLiterals": {},
2322
1604
  "cxLiterals": [
2323
- "uds-chip-dismissible-button",
2324
- "uds-hit-target",
1605
+ "uds-menu-content",
1606
+ "transition-shadow",
1607
+ "duration-200",
1608
+ "ease-in-out",
1609
+ "min-w-60",
1610
+ "max-w-lg",
1611
+ "max-h-96",
1612
+ "overflow-auto",
2325
1613
  "uds-ring",
2326
- "rounded-full"
1614
+ "z-10",
1615
+ "group"
2327
1616
  ],
2328
1617
  "internalComponents": [
2329
- "ChipBase",
2330
- "IconSlot",
2331
- "Pressable"
1618
+ "AriakitMenu",
1619
+ "AnimatePresence",
1620
+ "MotionVStack"
2332
1621
  ],
2333
1622
  "internalComponentProps": {},
2334
1623
  "propToVariantKeys": {
2335
- "variant": [
2336
- "chipDismissibleVariantRoot",
2337
- "chipDismissibleVariantIcon"
1624
+ "size": [
1625
+ "menucontentSizeRoot"
2338
1626
  ],
2339
- "dismissButtonAriaLabel": [
2340
- "aria-label"
1627
+ "variant": [
1628
+ "menucontentVariantRoot"
2341
1629
  ]
2342
1630
  },
2343
1631
  "motionVarPrefixes": []
2344
1632
  },
2345
- "ChipToggle": {
2346
- "name": "ChipToggle",
1633
+ "Menu.Divider": {
1634
+ "name": "Menu.Divider",
2347
1635
  "defaultProps": {
2348
- "variant": "primary",
2349
- "role": "checkbox"
1636
+ "role": "separator",
1637
+ "contentPosition": "start",
1638
+ "gap": "4"
2350
1639
  },
2351
1640
  "getStylesLiterals": {
2352
- "chipToggleVariantActiveRoot": "on",
2353
- "chipToggleVariantActiveRoot:1": "off"
2354
- },
2355
- "cxLiterals": [
2356
- "uds-ring"
2357
- ],
2358
- "internalComponents": [
2359
- "ChipBase"
2360
- ],
2361
- "internalComponentProps": {
2362
- "ChipBase": {
2363
- "as": [
2364
- "button"
2365
- ]
2366
- }
2367
- },
2368
- "propToVariantKeys": {
2369
- "variant": [
2370
- "chipToggleVariantRoot",
2371
- "chipToggleVariantIcon"
2372
- ]
1641
+ "menuitemDividerVariantRoot": "default",
1642
+ "menuitemDividerVariantText": "default",
1643
+ "menuitemDividerVariantLine": "default"
2373
1644
  },
2374
- "motionVarPrefixes": []
2375
- },
2376
- "Chip": {
2377
- "name": "Chip",
2378
- "defaultProps": {},
2379
- "getStylesLiterals": {},
2380
1645
  "cxLiterals": [],
2381
1646
  "internalComponents": [
2382
- "ChipDismissible",
2383
- "ChipToggle",
2384
- "ChipLink",
2385
- "ChipButton"
2386
- ],
2387
- "internalComponentProps": {},
2388
- "propToVariantKeys": {},
2389
- "motionVarPrefixes": []
2390
- },
2391
- "ChipBase": {
2392
- "name": "ChipBase",
2393
- "defaultProps": {
2394
- "size": "md",
2395
- "as": "div"
2396
- },
2397
- "getStylesLiterals": {},
2398
- "cxLiterals": [
2399
- "pointer-events-none",
2400
- "cursor-default",
2401
- "opacity-50",
2402
- "inline-flex",
2403
- "items-center",
2404
- "transition-[background-color,outline-color,box-shadow]",
2405
- "truncate",
2406
- "whitespace-nowrap",
2407
- "text-center",
2408
- "flex-1"
2409
- ],
2410
- "internalComponents": [
2411
- "IconSlot",
2412
- "HStack",
2413
- "As",
2414
- "Text"
1647
+ "DividerInternal"
2415
1648
  ],
2416
1649
  "internalComponentProps": {
2417
- "Text": {
2418
- "as": [
2419
- "span"
2420
- ],
2421
- "color": [
2422
- "current"
2423
- ],
1650
+ "DividerInternal": {
2424
1651
  "variant": [
2425
1652
  "inherit"
2426
1653
  ]
2427
1654
  }
2428
1655
  },
2429
- "propToVariantKeys": {
2430
- "size": [
2431
- "chipSizeRoot",
2432
- "chipSizeIcon"
2433
- ],
2434
- "startIcon": [
2435
- "icon"
2436
- ],
2437
- "endIcon": [
2438
- "icon"
2439
- ]
2440
- },
2441
- "motionVarPrefixes": []
2442
- },
2443
- "ChipButton": {
2444
- "name": "ChipButton",
2445
- "defaultProps": {
2446
- "variant": "primary"
2447
- },
2448
- "getStylesLiterals": {},
2449
- "cxLiterals": [
2450
- "uds-ring"
2451
- ],
2452
- "internalComponents": [
2453
- "ChipBase"
2454
- ],
2455
- "internalComponentProps": {
2456
- "ChipBase": {
2457
- "as": [
2458
- "button"
2459
- ]
2460
- }
2461
- },
2462
- "propToVariantKeys": {
2463
- "variant": [
2464
- "chipLinkVariantRoot",
2465
- "chipLinkVariantIcon"
2466
- ]
2467
- },
1656
+ "propToVariantKeys": {},
2468
1657
  "motionVarPrefixes": []
2469
1658
  },
2470
1659
  "Menu.Item": {
@@ -2489,22 +1678,6 @@
2489
1678
  "propToVariantKeys": {},
2490
1679
  "motionVarPrefixes": []
2491
1680
  },
2492
- "Menu.Provider": {
2493
- "name": "Menu.Provider",
2494
- "defaultProps": {},
2495
- "getStylesLiterals": {},
2496
- "cxLiterals": [],
2497
- "internalComponents": [
2498
- "AriakitMenuProvider",
2499
- "SpringMotionConfig"
2500
- ],
2501
- "internalComponentProps": {},
2502
- "propToVariantKeys": {},
2503
- "motionVarPrefixes": [
2504
- "--uds-motion-subtle-3-",
2505
- "--uds-motion-smooth-3-"
2506
- ]
2507
- },
2508
1681
  "Menu.ItemBase": {
2509
1682
  "name": "Menu.ItemBase",
2510
1683
  "defaultProps": {
@@ -2574,6 +1747,49 @@
2574
1747
  },
2575
1748
  "motionVarPrefixes": []
2576
1749
  },
1750
+ "Menu.ItemCheckbox": {
1751
+ "name": "Menu.ItemCheckbox",
1752
+ "defaultProps": {},
1753
+ "getStylesLiterals": {
1754
+ "menuitemItemCheckboxVariantRoot": "default",
1755
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1756
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1757
+ "menuitemItemCheckboxVariantText": "default",
1758
+ "menuitemItemCheckboxVariantActiveText": "on",
1759
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1760
+ "menuitemItemCheckboxVariantStartIcon": "default",
1761
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1762
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1763
+ "menuitemItemCheckboxVariantEndIcon": "default",
1764
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1765
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1766
+ },
1767
+ "cxLiterals": [
1768
+ "uds-menu-item-checkbox"
1769
+ ],
1770
+ "internalComponents": [
1771
+ "MenuItemBase"
1772
+ ],
1773
+ "internalComponentProps": {},
1774
+ "propToVariantKeys": {},
1775
+ "motionVarPrefixes": []
1776
+ },
1777
+ "Menu.Provider": {
1778
+ "name": "Menu.Provider",
1779
+ "defaultProps": {},
1780
+ "getStylesLiterals": {},
1781
+ "cxLiterals": [],
1782
+ "internalComponents": [
1783
+ "AriakitMenuProvider",
1784
+ "SpringMotionConfig"
1785
+ ],
1786
+ "internalComponentProps": {},
1787
+ "propToVariantKeys": {},
1788
+ "motionVarPrefixes": [
1789
+ "--uds-motion-subtle-3-",
1790
+ "--uds-motion-smooth-3-"
1791
+ ]
1792
+ },
2577
1793
  "Menu.Trigger": {
2578
1794
  "name": "Menu.Trigger",
2579
1795
  "defaultProps": {},
@@ -2605,71 +1821,150 @@
2605
1821
  "propToVariantKeys": {},
2606
1822
  "motionVarPrefixes": []
2607
1823
  },
2608
- "Menu.Content": {
2609
- "name": "Menu.Content",
2610
- "defaultProps": {
2611
- "size": "default",
2612
- "variant": "default",
2613
- "gutter": "1"
2614
- },
1824
+ "Menu": {
1825
+ "name": "Menu",
1826
+ "defaultProps": {},
2615
1827
  "getStylesLiterals": {},
1828
+ "cxLiterals": [],
1829
+ "internalComponents": [],
1830
+ "internalComponentProps": {},
1831
+ "propToVariantKeys": {},
1832
+ "motionVarPrefixes": []
1833
+ },
1834
+ "Radio": {
1835
+ "name": "Radio",
1836
+ "defaultProps": {
1837
+ "labelPosition": "start",
1838
+ "variant": "primary",
1839
+ "size": "md",
1840
+ "value": ""
1841
+ },
1842
+ "getStylesLiterals": {
1843
+ "radioVariantValueRoot": "checked",
1844
+ "radioVariantValueRoot:1": "unchecked",
1845
+ "display": "flex",
1846
+ "flexDirection": "row",
1847
+ "flexDirection:1": "row-reverse",
1848
+ "alignItems": "center",
1849
+ "radioVariantValueRadio": "checked",
1850
+ "radioVariantValueRadio:1": "unchecked",
1851
+ "radioVariantValueRadioCircle": "checked",
1852
+ "radioVariantValueRadioCircle:1": "unchecked"
1853
+ },
2616
1854
  "cxLiterals": [
2617
- "uds-menu-content",
2618
- "transition-shadow",
2619
- "duration-200",
2620
- "ease-in-out",
2621
- "min-w-60",
2622
- "max-w-lg",
2623
- "max-h-96",
2624
- "overflow-auto",
1855
+ "cursor-pointer",
1856
+ "cursor-default",
1857
+ "opacity-50",
1858
+ "border",
2625
1859
  "uds-ring",
2626
- "z-10",
2627
- "group"
1860
+ "uds-ring-within",
1861
+ "transition-[background-color,border-color]",
1862
+ "transition-shadow",
1863
+ "pointer-events-none",
1864
+ "w-[8px]",
1865
+ "h-[8px]",
1866
+ "transition-opacity",
1867
+ "cursor-[inherit]",
1868
+ "absolute",
1869
+ "opacity-0",
1870
+ "top-1/2",
1871
+ "left-1/2",
1872
+ "w-[calc(100%+2px)]",
1873
+ "h-[calc(100%+2px)]",
1874
+ "transform",
1875
+ "translate-x-[-50%]",
1876
+ "translate-y-[-50%]",
1877
+ "text-start",
1878
+ "text-end"
2628
1879
  ],
2629
1880
  "internalComponents": [
2630
- "AriakitMenu",
2631
- "AnimatePresence",
2632
- "MotionVStack"
1881
+ "Box",
1882
+ "FormLabel",
1883
+ "SpringMotionConfig",
1884
+ "RootElement",
1885
+ "MotionBox"
2633
1886
  ],
2634
- "internalComponentProps": {},
1887
+ "internalComponentProps": {
1888
+ "Box": {
1889
+ "borderRadius": [
1890
+ "full"
1891
+ ]
1892
+ },
1893
+ "FormLabel": {
1894
+ "as": [
1895
+ "div"
1896
+ ],
1897
+ "variant": [
1898
+ "inherit"
1899
+ ],
1900
+ "color": [
1901
+ "inherit"
1902
+ ]
1903
+ },
1904
+ "RootElement": {
1905
+ "data-testid": [
1906
+ "container"
1907
+ ]
1908
+ },
1909
+ "MotionBox": {
1910
+ "position": [
1911
+ "relative"
1912
+ ],
1913
+ "borderRadius": [
1914
+ "full"
1915
+ ],
1916
+ "alignItems": [
1917
+ "center"
1918
+ ],
1919
+ "justifyContent": [
1920
+ "center"
1921
+ ],
1922
+ "flex": [
1923
+ "none"
1924
+ ]
1925
+ }
1926
+ },
2635
1927
  "propToVariantKeys": {
2636
1928
  "size": [
2637
- "menucontentSizeRoot"
1929
+ "radioSizeRoot",
1930
+ "radioSizeRadio"
2638
1931
  ],
2639
1932
  "variant": [
2640
- "menucontentVariantRoot"
1933
+ "radioVariantRoot",
1934
+ "radioVariantRadio",
1935
+ "radioVariantRadioCircle"
1936
+ ],
1937
+ "reduceMotion": [
1938
+ "reducedMotion"
2641
1939
  ]
2642
1940
  },
2643
- "motionVarPrefixes": []
1941
+ "motionVarPrefixes": [
1942
+ "--uds-motion-subtle-3-",
1943
+ "--uds-motion-smooth-3-"
1944
+ ]
2644
1945
  },
2645
- "Menu.Divider": {
2646
- "name": "Menu.Divider",
2647
- "defaultProps": {
2648
- "role": "separator",
2649
- "contentPosition": "start",
2650
- "gap": "4"
2651
- },
2652
- "getStylesLiterals": {
2653
- "menuitemDividerVariantRoot": "default",
2654
- "menuitemDividerVariantText": "default",
2655
- "menuitemDividerVariantLine": "default"
2656
- },
1946
+ "RadioGroupProvider": {
1947
+ "name": "RadioGroupProvider",
1948
+ "defaultProps": {},
1949
+ "getStylesLiterals": {},
2657
1950
  "cxLiterals": [],
2658
1951
  "internalComponents": [
2659
- "DividerInternal"
1952
+ "DivProps",
1953
+ "Comp",
1954
+ "RadioGroupContext.Provider"
2660
1955
  ],
2661
1956
  "internalComponentProps": {
2662
- "DividerInternal": {
2663
- "variant": [
2664
- "inherit"
1957
+ "Comp": {
1958
+ "role": [
1959
+ "radiogroup"
2665
1960
  ]
2666
1961
  }
2667
1962
  },
2668
1963
  "propToVariantKeys": {},
2669
1964
  "motionVarPrefixes": []
2670
1965
  },
2671
- "Menu": {
2672
- "name": "Menu",
1966
+ "RadioGroupStore": {
1967
+ "name": "RadioGroupStore",
2673
1968
  "defaultProps": {},
2674
1969
  "getStylesLiterals": {},
2675
1970
  "cxLiterals": [],
@@ -2678,30 +1973,735 @@
2678
1973
  "propToVariantKeys": {},
2679
1974
  "motionVarPrefixes": []
2680
1975
  },
2681
- "Menu.ItemCheckbox": {
2682
- "name": "Menu.ItemCheckbox",
1976
+ "Toast": {
1977
+ "name": "Toast",
2683
1978
  "defaultProps": {},
2684
1979
  "getStylesLiterals": {
2685
- "menuitemItemCheckboxVariantRoot": "default",
2686
- "menuitemItemCheckboxVariantActiveRoot": "on",
2687
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2688
- "menuitemItemCheckboxVariantText": "default",
2689
- "menuitemItemCheckboxVariantActiveText": "on",
2690
- "menuitemItemCheckboxVariantActiveText:1": "off",
2691
- "menuitemItemCheckboxVariantStartIcon": "default",
2692
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2693
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2694
- "menuitemItemCheckboxVariantEndIcon": "default",
2695
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2696
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1980
+ "className": "flex-none",
1981
+ "spacing": "2",
1982
+ "borderRadius": "full"
2697
1983
  },
2698
1984
  "cxLiterals": [
2699
- "uds-menu-item-checkbox"
1985
+ "transition-[background-color]",
1986
+ "bg-carbon-15/0",
1987
+ "hover:bg-carbon-15/10",
1988
+ "active:bg-carbon-15/15",
1989
+ "uds-ring"
2700
1990
  ],
2701
1991
  "internalComponents": [
2702
- "MenuItemBase"
1992
+ "IconSlot",
1993
+ "ToastContainer",
1994
+ "Text",
1995
+ "Button",
1996
+ "Pressable"
2703
1997
  ],
2704
1998
  "internalComponentProps": {},
1999
+ "propToVariantKeys": {
2000
+ "size": [
2001
+ "toastSizeLabel",
2002
+ "toastSizeIcon",
2003
+ "toastSizeActionButton",
2004
+ "toastSizeCloseIcon"
2005
+ ],
2006
+ "variant": [
2007
+ "toastVariantIcon",
2008
+ "toastVariantActionButton",
2009
+ "toastVariantCloseIcon"
2010
+ ],
2011
+ "closeIcon": [
2012
+ "icon"
2013
+ ],
2014
+ "onClickActionButton": [
2015
+ "onClick"
2016
+ ]
2017
+ },
2018
+ "motionVarPrefixes": []
2019
+ },
2020
+ "ToastContainer": {
2021
+ "name": "ToastContainer",
2022
+ "defaultProps": {},
2023
+ "getStylesLiterals": {
2024
+ "position": "relative",
2025
+ "alignItems": "center",
2026
+ "display": "flex",
2027
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2028
+ },
2029
+ "cxLiterals": [
2030
+ "w-full"
2031
+ ],
2032
+ "internalComponents": [
2033
+ "HStack"
2034
+ ],
2035
+ "internalComponentProps": {
2036
+ "HStack": {
2037
+ "alignItems": [
2038
+ "center"
2039
+ ],
2040
+ "justifyContent": [
2041
+ "space-between"
2042
+ ],
2043
+ "overflow": [
2044
+ "hidden"
2045
+ ],
2046
+ "position": [
2047
+ "relative"
2048
+ ]
2049
+ }
2050
+ },
2051
+ "propToVariantKeys": {
2052
+ "variant": [
2053
+ "toastVariantRoot"
2054
+ ],
2055
+ "size": [
2056
+ "toastSizeRoot"
2057
+ ]
2058
+ },
2059
+ "motionVarPrefixes": []
2060
+ },
2061
+ "ToastPortal": {
2062
+ "name": "ToastPortal",
2063
+ "defaultProps": {},
2064
+ "getStylesLiterals": {},
2065
+ "cxLiterals": [],
2066
+ "internalComponents": [
2067
+ "ReactToastifyToastContainer"
2068
+ ],
2069
+ "internalComponentProps": {},
2070
+ "propToVariantKeys": {},
2071
+ "motionVarPrefixes": []
2072
+ },
2073
+ "UDSToastConfigProvider": {
2074
+ "name": "UDSToastConfigProvider",
2075
+ "defaultProps": {},
2076
+ "getStylesLiterals": {},
2077
+ "cxLiterals": [],
2078
+ "internalComponents": [
2079
+ "ToastContext.Provider"
2080
+ ],
2081
+ "internalComponentProps": {},
2082
+ "propToVariantKeys": {},
2083
+ "motionVarPrefixes": []
2084
+ },
2085
+ "Tooltip": {
2086
+ "name": "Tooltip",
2087
+ "defaultProps": {},
2088
+ "getStylesLiterals": {},
2089
+ "cxLiterals": [],
2090
+ "internalComponents": [
2091
+ "TooltipInternalContext.Provider",
2092
+ "TooltipProvider"
2093
+ ],
2094
+ "internalComponentProps": {},
2095
+ "propToVariantKeys": {},
2096
+ "motionVarPrefixes": []
2097
+ },
2098
+ "TooltipContent": {
2099
+ "name": "TooltipContent",
2100
+ "defaultProps": {},
2101
+ "getStylesLiterals": {
2102
+ "tooltipSizeRoot": "default",
2103
+ "tooltipVariantRoot": "default",
2104
+ "tooltipSizeSvg": "default",
2105
+ "tooltipVariantSvg": "default",
2106
+ "tooltipVariantBlur": "default",
2107
+ "position": "absolute",
2108
+ "width": "full",
2109
+ "height": "full",
2110
+ "tooltipSizeTitle": "default",
2111
+ "tooltipSizeBody": "default",
2112
+ "tooltipSizeEndContent": "default",
2113
+ "tooltipSizeIcon": "default",
2114
+ "tooltipVariantIcon": "default"
2115
+ },
2116
+ "cxLiterals": [
2117
+ "flex",
2118
+ "z-[9999]",
2119
+ "stroke-1",
2120
+ "uds-bgBlurFillFallback",
2121
+ "uds-bgBlurFallback",
2122
+ "top-0",
2123
+ "left-0",
2124
+ "z-[1]",
2125
+ "transition-opacity",
2126
+ "ease-in-out",
2127
+ "absolute",
2128
+ "w-full",
2129
+ "h-full",
2130
+ "overflow-visible",
2131
+ "pointer-events-none",
2132
+ "z-[2]"
2133
+ ],
2134
+ "internalComponents": [
2135
+ "Box",
2136
+ "IconSlot",
2137
+ "TooltipArrow",
2138
+ "Tooltip",
2139
+ "Fragment",
2140
+ "Text"
2141
+ ],
2142
+ "internalComponentProps": {
2143
+ "Box": {
2144
+ "position": [
2145
+ "relative"
2146
+ ],
2147
+ "flexDirection": [
2148
+ "column"
2149
+ ],
2150
+ "className": [
2151
+ "z-[3] gap-[inherit]"
2152
+ ],
2153
+ "alignItems": [
2154
+ "center"
2155
+ ],
2156
+ "columnGap": [
2157
+ "1",
2158
+ "1.5"
2159
+ ]
2160
+ },
2161
+ "Text": {
2162
+ "color": [
2163
+ "inherit"
2164
+ ]
2165
+ }
2166
+ },
2167
+ "propToVariantKeys": {
2168
+ "startTitleIcon": [
2169
+ "icon"
2170
+ ]
2171
+ },
2172
+ "motionVarPrefixes": []
2173
+ },
2174
+ "TooltipTrigger": {
2175
+ "name": "TooltipTrigger",
2176
+ "defaultProps": {},
2177
+ "getStylesLiterals": {},
2178
+ "cxLiterals": [],
2179
+ "internalComponents": [
2180
+ "TooltipAnchor"
2181
+ ],
2182
+ "internalComponentProps": {
2183
+ "TooltipAnchor": {
2184
+ "className": [
2185
+ "inline"
2186
+ ]
2187
+ }
2188
+ },
2189
+ "propToVariantKeys": {
2190
+ "children": [
2191
+ "render"
2192
+ ]
2193
+ },
2194
+ "motionVarPrefixes": []
2195
+ },
2196
+ "UDSTooltipConfigProvider": {
2197
+ "name": "UDSTooltipConfigProvider",
2198
+ "defaultProps": {},
2199
+ "getStylesLiterals": {},
2200
+ "cxLiterals": [],
2201
+ "internalComponents": [
2202
+ "TooltipContext.Provider"
2203
+ ],
2204
+ "internalComponentProps": {},
2205
+ "propToVariantKeys": {},
2206
+ "motionVarPrefixes": []
2207
+ },
2208
+ "UDSBreakpointsConfigProvider": {
2209
+ "name": "UDSBreakpointsConfigProvider",
2210
+ "defaultProps": {},
2211
+ "getStylesLiterals": {},
2212
+ "cxLiterals": [],
2213
+ "internalComponents": [
2214
+ "UDSBreakpointsConfigContext.Provider"
2215
+ ],
2216
+ "internalComponentProps": {},
2217
+ "propToVariantKeys": {},
2218
+ "motionVarPrefixes": []
2219
+ },
2220
+ "UDSConfigProvider": {
2221
+ "name": "UDSConfigProvider",
2222
+ "defaultProps": {},
2223
+ "getStylesLiterals": {},
2224
+ "cxLiterals": [],
2225
+ "internalComponents": [
2226
+ "UDSBreakpointsConfigProvider",
2227
+ "UDSBottomSheetConfigProvider",
2228
+ "UDSToastConfigProvider",
2229
+ "UDSTooltipConfigProvider"
2230
+ ],
2231
+ "internalComponentProps": {},
2232
+ "propToVariantKeys": {},
2233
+ "motionVarPrefixes": []
2234
+ },
2235
+ "Accordion": {
2236
+ "name": "Accordion",
2237
+ "defaultProps": {
2238
+ "spacingHorizontal": "4",
2239
+ "spacingVertical": "4"
2240
+ },
2241
+ "getStylesLiterals": {},
2242
+ "cxLiterals": [
2243
+ "hover:bg-secondary/80",
2244
+ "w-full"
2245
+ ],
2246
+ "internalComponents": [
2247
+ "Icon",
2248
+ "SpringMotionConfig",
2249
+ "Pressable",
2250
+ "Text",
2251
+ "HStack",
2252
+ "AnimatePresence",
2253
+ "VStack"
2254
+ ],
2255
+ "internalComponentProps": {
2256
+ "Icon": {
2257
+ "variant": [
2258
+ "fill"
2259
+ ],
2260
+ "size": [
2261
+ "sm"
2262
+ ],
2263
+ "color": [
2264
+ "primary"
2265
+ ]
2266
+ },
2267
+ "SpringMotionConfig": {
2268
+ "layoutVariant": [
2269
+ "smooth"
2270
+ ],
2271
+ "layoutSpeed": [
2272
+ "3"
2273
+ ]
2274
+ },
2275
+ "Pressable": {
2276
+ "display": [
2277
+ "flex"
2278
+ ],
2279
+ "flexDirection": [
2280
+ "row"
2281
+ ],
2282
+ "alignItems": [
2283
+ "center"
2284
+ ],
2285
+ "justifyContent": [
2286
+ "space-between"
2287
+ ],
2288
+ "borderRadius": [
2289
+ "md"
2290
+ ]
2291
+ },
2292
+ "Text": {
2293
+ "variant": [
2294
+ "title4"
2295
+ ],
2296
+ "color": [
2297
+ "primary"
2298
+ ]
2299
+ },
2300
+ "HStack": {
2301
+ "display": [
2302
+ "flex"
2303
+ ],
2304
+ "alignItems": [
2305
+ "center"
2306
+ ],
2307
+ "justifyContent": [
2308
+ "space-between"
2309
+ ],
2310
+ "columnGap": [
2311
+ "2.5"
2312
+ ]
2313
+ }
2314
+ },
2315
+ "propToVariantKeys": {},
2316
+ "motionVarPrefixes": [
2317
+ "--uds-motion-smooth-3-"
2318
+ ]
2319
+ },
2320
+ "AvoidMotionLibraryProvider": {
2321
+ "name": "AvoidMotionLibraryProvider",
2322
+ "defaultProps": {},
2323
+ "getStylesLiterals": {},
2324
+ "cxLiterals": [],
2325
+ "internalComponents": [],
2326
+ "internalComponentProps": {},
2327
+ "propToVariantKeys": {},
2328
+ "motionVarPrefixes": []
2329
+ },
2330
+ "Modal": {
2331
+ "name": "Modal",
2332
+ "defaultProps": {},
2333
+ "getStylesLiterals": {},
2334
+ "cxLiterals": [
2335
+ "inset-8",
2336
+ "top-[250px]",
2337
+ "z-50",
2338
+ "mx-auto",
2339
+ "h-fit",
2340
+ "w-[600px]",
2341
+ "origin-center",
2342
+ "scale-95",
2343
+ "opacity-0",
2344
+ "transition",
2345
+ "duration-150",
2346
+ "data-[enter]:scale-100",
2347
+ "data-[enter]:opacity-100",
2348
+ "data-[enter]:bg-primary",
2349
+ "backdrop-blur-0",
2350
+ "data-[enter]:opacity-60",
2351
+ "data-[enter]:backdrop-blur-sm"
2352
+ ],
2353
+ "internalComponents": [
2354
+ "IconButton",
2355
+ "Dialog",
2356
+ "HStack",
2357
+ "Text",
2358
+ "VStack"
2359
+ ],
2360
+ "internalComponentProps": {
2361
+ "IconButton": {
2362
+ "aria-label": [
2363
+ "Close"
2364
+ ],
2365
+ "size": [
2366
+ "sm"
2367
+ ],
2368
+ "variant": [
2369
+ "tertiary"
2370
+ ]
2371
+ },
2372
+ "HStack": {
2373
+ "alignItems": [
2374
+ "center"
2375
+ ],
2376
+ "justifyContent": [
2377
+ "space-between"
2378
+ ]
2379
+ },
2380
+ "Text": {
2381
+ "variant": [
2382
+ "headline1"
2383
+ ],
2384
+ "color": [
2385
+ "primary"
2386
+ ]
2387
+ },
2388
+ "VStack": {
2389
+ "borderRadius": [
2390
+ "md"
2391
+ ],
2392
+ "position": [
2393
+ "fixed"
2394
+ ],
2395
+ "backgroundColor": [
2396
+ "primary"
2397
+ ],
2398
+ "dropShadow": [
2399
+ "md"
2400
+ ],
2401
+ "spacing": [
2402
+ "8"
2403
+ ],
2404
+ "overflow": [
2405
+ "hidden"
2406
+ ]
2407
+ }
2408
+ },
2409
+ "propToVariantKeys": {
2410
+ "handleClose": [
2411
+ "onClick"
2412
+ ]
2413
+ },
2414
+ "motionVarPrefixes": []
2415
+ },
2416
+ "Popover": {
2417
+ "name": "Popover",
2418
+ "defaultProps": {},
2419
+ "getStylesLiterals": {},
2420
+ "cxLiterals": [],
2421
+ "internalComponents": [
2422
+ "HStack",
2423
+ "Text",
2424
+ "OriginalPopoverHeading"
2425
+ ],
2426
+ "internalComponentProps": {
2427
+ "Text": {
2428
+ "variant": [
2429
+ "headline1"
2430
+ ],
2431
+ "color": [
2432
+ "primary"
2433
+ ]
2434
+ }
2435
+ },
2436
+ "propToVariantKeys": {},
2437
+ "motionVarPrefixes": []
2438
+ },
2439
+ "SegmentedControl": {
2440
+ "name": "SegmentedControl",
2441
+ "defaultProps": {},
2442
+ "getStylesLiterals": {
2443
+ "display": "flex",
2444
+ "alignItems": "center",
2445
+ "backgroundColor": "primary",
2446
+ "spacingVertical": "1",
2447
+ "spacingHorizontal": "3",
2448
+ "columnGap": "1.5",
2449
+ "borderWidth": "thin",
2450
+ "borderRadius": "full",
2451
+ "borderColor": "muted",
2452
+ "borderColor:1": "transparent",
2453
+ "color": "primary",
2454
+ "color:1": "tertiary",
2455
+ "color:2": "muted"
2456
+ },
2457
+ "cxLiterals": [
2458
+ "uds-ring",
2459
+ "cursor-not-allowed",
2460
+ "opacity-50",
2461
+ "pointer-events-none",
2462
+ "hover:bg-primary"
2463
+ ],
2464
+ "internalComponents": [
2465
+ "Radio",
2466
+ "Icon",
2467
+ "RadioProvider",
2468
+ "HStack",
2469
+ "RadioGroup",
2470
+ "Pressable",
2471
+ "Text"
2472
+ ],
2473
+ "internalComponentProps": {
2474
+ "Icon": {
2475
+ "size": [
2476
+ "sm"
2477
+ ],
2478
+ "color": [
2479
+ "current"
2480
+ ],
2481
+ "aria-hidden": [
2482
+ "true"
2483
+ ]
2484
+ },
2485
+ "HStack": {
2486
+ "spacing": [
2487
+ "1"
2488
+ ],
2489
+ "gap": [
2490
+ "1"
2491
+ ],
2492
+ "backgroundColor": [
2493
+ "secondary"
2494
+ ],
2495
+ "borderRadius": [
2496
+ "full"
2497
+ ],
2498
+ "display": [
2499
+ "inline-flex"
2500
+ ]
2501
+ },
2502
+ "Text": {
2503
+ "variant": [
2504
+ "label2"
2505
+ ],
2506
+ "color": [
2507
+ "current"
2508
+ ]
2509
+ }
2510
+ },
2511
+ "propToVariantKeys": {
2512
+ "value": [
2513
+ "key"
2514
+ ],
2515
+ "label": [
2516
+ "aria-label"
2517
+ ]
2518
+ },
2519
+ "motionVarPrefixes": []
2520
+ },
2521
+ "SwitchV2": {
2522
+ "name": "SwitchV2",
2523
+ "defaultProps": {
2524
+ "labelPosition": "start",
2525
+ "size": "md"
2526
+ },
2527
+ "getStylesLiterals": {
2528
+ "switchVariantRoot": "default",
2529
+ "switchVariantActiveRoot": "on",
2530
+ "switchVariantActiveRoot:1": "off",
2531
+ "switchVariantSwitch": "default",
2532
+ "switchVariantActiveSwitch": "on",
2533
+ "switchVariantActiveSwitch:1": "off",
2534
+ "switchVariantActiveHandle": "on",
2535
+ "switchVariantActiveHandle:1": "off",
2536
+ "switchVariantHandle": "default",
2537
+ "switchVariantHandleIcon": "default",
2538
+ "switchVariantActiveHandleIcon": "on",
2539
+ "switchVariantActiveHandleIcon:1": "off"
2540
+ },
2541
+ "cxLiterals": [
2542
+ "group",
2543
+ "flex",
2544
+ "items-center",
2545
+ "flex-row",
2546
+ "flex-row-reverse",
2547
+ "uds-ring",
2548
+ "uds-ring-within",
2549
+ "relative",
2550
+ "uds-border-radius-full",
2551
+ "transition-[background-color,box-shadow]",
2552
+ "pointer-events-none",
2553
+ "w-full",
2554
+ "h-full",
2555
+ "absolute",
2556
+ "top-0",
2557
+ "bottom-0",
2558
+ "right-0",
2559
+ "left-0",
2560
+ "overflow-hidden",
2561
+ "group-hover:scale-105",
2562
+ "opacity-95",
2563
+ "group-hover:opacity-100",
2564
+ "transition-[transform,opacity]",
2565
+ "opacity-0",
2566
+ "top-1/2",
2567
+ "left-1/2",
2568
+ "transform",
2569
+ "translate-x-[-50%]",
2570
+ "translate-y-[-50%]",
2571
+ "transition-opacity",
2572
+ "cursor-[inherit]",
2573
+ "w-[calc(100%+2px)]",
2574
+ "h-[calc(100%+2px)]",
2575
+ "text-start",
2576
+ "text-end",
2577
+ "opacity-100"
2578
+ ],
2579
+ "internalComponents": [
2580
+ "IconSlot",
2581
+ "Box",
2582
+ "FormLabel",
2583
+ "SpringMotionConfig",
2584
+ "RootElement",
2585
+ "MotionBox"
2586
+ ],
2587
+ "internalComponentProps": {
2588
+ "IconSlot": {
2589
+ "data-testid": [
2590
+ "on-icon",
2591
+ "off-icon"
2592
+ ]
2593
+ },
2594
+ "FormLabel": {
2595
+ "as": [
2596
+ "div"
2597
+ ],
2598
+ "variant": [
2599
+ "inherit"
2600
+ ],
2601
+ "color": [
2602
+ "inherit"
2603
+ ]
2604
+ },
2605
+ "SpringMotionConfig": {
2606
+ "layoutVariant": [
2607
+ "bouncy"
2608
+ ],
2609
+ "layoutSpeed": [
2610
+ "4"
2611
+ ]
2612
+ },
2613
+ "RootElement": {
2614
+ "data-testid": [
2615
+ "switch-root"
2616
+ ]
2617
+ },
2618
+ "MotionBox": {
2619
+ "layout": [
2620
+ "position"
2621
+ ]
2622
+ }
2623
+ },
2624
+ "propToVariantKeys": {
2625
+ "size": [
2626
+ "switchSizeRoot",
2627
+ "switchSizeSwitch",
2628
+ "switchSizeHandle",
2629
+ "switchSizeHandleIcon"
2630
+ ],
2631
+ "onIcon": [
2632
+ "icon"
2633
+ ],
2634
+ "offIcon": [
2635
+ "icon"
2636
+ ],
2637
+ "reduceMotion": [
2638
+ "reducedMotion"
2639
+ ],
2640
+ "isOn": [
2641
+ "layoutDependency"
2642
+ ]
2643
+ },
2644
+ "motionVarPrefixes": [
2645
+ "--uds-motion-bouncy-4-",
2646
+ "--uds-motion-smooth-3-"
2647
+ ]
2648
+ },
2649
+ "Tabs": {
2650
+ "name": "Tabs",
2651
+ "defaultProps": {},
2652
+ "getStylesLiterals": {
2653
+ "display": "flex",
2654
+ "flexDirection": "row",
2655
+ "columnGap": "6"
2656
+ },
2657
+ "cxLiterals": [
2658
+ "text-tertiary",
2659
+ "border-b-transparent",
2660
+ "aria-selected:border-b-brand",
2661
+ "aria-selected:text-secondary"
2662
+ ],
2663
+ "internalComponents": [
2664
+ "TabProvider",
2665
+ "OriginalTabList",
2666
+ "OriginalTab",
2667
+ "Icon",
2668
+ "OriginalTabPanel",
2669
+ "Pressable",
2670
+ "Comp",
2671
+ "Text"
2672
+ ],
2673
+ "internalComponentProps": {
2674
+ "Icon": {
2675
+ "className": [
2676
+ "text-current"
2677
+ ],
2678
+ "size": [
2679
+ "md"
2680
+ ]
2681
+ },
2682
+ "Pressable": {
2683
+ "borderBottomWidth": [
2684
+ "medium"
2685
+ ],
2686
+ "spacingBottom": [
2687
+ "1"
2688
+ ],
2689
+ "spacingTop": [
2690
+ "4"
2691
+ ]
2692
+ },
2693
+ "Text": {
2694
+ "className": [
2695
+ "text-current"
2696
+ ],
2697
+ "variant": [
2698
+ "headline1"
2699
+ ],
2700
+ "as": [
2701
+ "span"
2702
+ ]
2703
+ }
2704
+ },
2705
2705
  "propToVariantKeys": {},
2706
2706
  "motionVarPrefixes": []
2707
2707
  }