@yahoo/uds 3.114.0-beta.1 → 3.114.0-beta.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.
@@ -213,6 +213,163 @@
213
213
  "propToVariantKeys": {},
214
214
  "motionVarPrefixes": []
215
215
  },
216
+ "Table.mocks": {
217
+ "name": "Table.mocks",
218
+ "defaultProps": {},
219
+ "getStylesLiterals": {},
220
+ "cxLiterals": [],
221
+ "internalComponents": [],
222
+ "internalComponentProps": {},
223
+ "propToVariantKeys": {},
224
+ "motionVarPrefixes": []
225
+ },
226
+ "Table": {
227
+ "name": "Table",
228
+ "defaultProps": {
229
+ "display": "table-cell",
230
+ "overflow": "hidden",
231
+ "borderColor": "muted",
232
+ "borderRadius": "md",
233
+ "spacing": "3",
234
+ "borderBottomColor": "muted",
235
+ "borderBottomWidth": "thin",
236
+ "color": "primary"
237
+ },
238
+ "getStylesLiterals": {
239
+ "textAlign": "start"
240
+ },
241
+ "cxLiterals": [],
242
+ "internalComponents": [
243
+ "CellComponent",
244
+ "Box",
245
+ "Text",
246
+ "Table.Root",
247
+ "Table.Header",
248
+ "Table.Row",
249
+ "Table.Cell",
250
+ "Table.Body"
251
+ ],
252
+ "internalComponentProps": {
253
+ "Table.Cell": {
254
+ "asHeaderCell": [
255
+ "column"
256
+ ]
257
+ }
258
+ },
259
+ "propToVariantKeys": {},
260
+ "motionVarPrefixes": []
261
+ },
262
+ "Spinner": {
263
+ "name": "Spinner",
264
+ "defaultProps": {
265
+ "color": "primary",
266
+ "size": "lg"
267
+ },
268
+ "getStylesLiterals": {},
269
+ "cxLiterals": [
270
+ "self-center",
271
+ "relative",
272
+ "sr-only"
273
+ ],
274
+ "internalComponents": [
275
+ "Icon"
276
+ ],
277
+ "internalComponentProps": {
278
+ "Icon": {
279
+ "role": [
280
+ "img"
281
+ ],
282
+ "className": [
283
+ "animate-spin"
284
+ ],
285
+ "aria-hidden": [
286
+ "true"
287
+ ]
288
+ }
289
+ },
290
+ "propToVariantKeys": {},
291
+ "motionVarPrefixes": []
292
+ },
293
+ "DividerCore": {
294
+ "name": "DividerCore",
295
+ "defaultProps": {
296
+ "contentPosition": "center"
297
+ },
298
+ "getStylesLiterals": {},
299
+ "cxLiterals": [],
300
+ "internalComponents": [
301
+ "Box",
302
+ "Line",
303
+ "InternalComponent",
304
+ "Text"
305
+ ],
306
+ "internalComponentProps": {
307
+ "Box": {
308
+ "flex": [
309
+ "1",
310
+ "none"
311
+ ],
312
+ "display": [
313
+ "flex"
314
+ ]
315
+ },
316
+ "InternalComponent": {
317
+ "flex": [
318
+ "1"
319
+ ],
320
+ "alignItems": [
321
+ "center"
322
+ ]
323
+ },
324
+ "Text": {
325
+ "as": [
326
+ "span"
327
+ ],
328
+ "color": [
329
+ "inherit"
330
+ ],
331
+ "variant": [
332
+ "inherit"
333
+ ]
334
+ }
335
+ },
336
+ "propToVariantKeys": {},
337
+ "motionVarPrefixes": []
338
+ },
339
+ "DividerInternal": {
340
+ "name": "DividerInternal",
341
+ "defaultProps": {
342
+ "variant": "primary"
343
+ },
344
+ "getStylesLiterals": {},
345
+ "cxLiterals": [
346
+ "inherit"
347
+ ],
348
+ "internalComponents": [
349
+ "DividerCore"
350
+ ],
351
+ "internalComponentProps": {},
352
+ "propToVariantKeys": {
353
+ "variant": [
354
+ "dividerVariantRoot",
355
+ "dividerVariantLabel",
356
+ "dividerVariantLine"
357
+ ]
358
+ },
359
+ "motionVarPrefixes": []
360
+ },
361
+ "Divider": {
362
+ "name": "Divider",
363
+ "defaultProps": {},
364
+ "getStylesLiterals": {},
365
+ "cxLiterals": [],
366
+ "internalComponents": [
367
+ "DividerInternal"
368
+ ],
369
+ "internalComponentProps": {},
370
+ "propToVariantKeys": {},
371
+ "motionVarPrefixes": []
372
+ },
216
373
  "Button": {
217
374
  "name": "Button",
218
375
  "defaultProps": {
@@ -604,7 +761,12 @@
604
761
  "size": "md"
605
762
  },
606
763
  "getStylesLiterals": {},
607
- "cxLiterals": [],
764
+ "cxLiterals": [
765
+ "flex-1",
766
+ "truncate",
767
+ "whitespace-nowrap",
768
+ "text-center"
769
+ ],
608
770
  "internalComponents": [
609
771
  "IconSlot",
610
772
  "HStack"
@@ -650,7 +812,9 @@
650
812
  "name": "AnimateHeightChange",
651
813
  "defaultProps": {},
652
814
  "getStylesLiterals": {},
653
- "cxLiterals": [],
815
+ "cxLiterals": [
816
+ "overflow-hidden"
817
+ ],
654
818
  "internalComponents": [
655
819
  "SpringMotionConfig"
656
820
  ],
@@ -683,612 +847,840 @@
683
847
  "propToVariantKeys": {},
684
848
  "motionVarPrefixes": []
685
849
  },
686
- "Menu.Item": {
687
- "name": "Menu.Item",
850
+ "AvoidMotionLibraryProvider": {
851
+ "name": "AvoidMotionLibraryProvider",
688
852
  "defaultProps": {},
689
- "getStylesLiterals": {
690
- "menuitemItemVariantRoot": "default",
691
- "menuitemItemVariantActiveRoot": "on",
692
- "menuitemItemVariantActiveRoot:1": "off",
693
- "menuitemItemVariantText": "default",
694
- "menuitemItemVariantActiveText": "on",
695
- "menuitemItemVariantActiveText:1": "off",
696
- "menuitemItemVariantIcon": "default",
697
- "menuitemItemVariantActiveIcon": "on",
698
- "menuitemItemVariantActiveIcon:1": "off"
699
- },
853
+ "getStylesLiterals": {},
700
854
  "cxLiterals": [],
701
- "internalComponents": [
702
- "MenuItemBase"
703
- ],
855
+ "internalComponents": [],
704
856
  "internalComponentProps": {},
705
857
  "propToVariantKeys": {},
706
858
  "motionVarPrefixes": []
707
859
  },
708
- "Menu.Provider": {
709
- "name": "Menu.Provider",
860
+ "SegmentedControl": {
861
+ "name": "SegmentedControl",
710
862
  "defaultProps": {},
711
- "getStylesLiterals": {},
712
- "cxLiterals": [],
713
- "internalComponents": [
714
- "AriakitMenuProvider",
715
- "SpringMotionConfig"
716
- ],
717
- "internalComponentProps": {},
718
- "propToVariantKeys": {},
719
- "motionVarPrefixes": [
720
- "--uds-motion-subtle-3-",
721
- "--uds-motion-smooth-3-"
722
- ]
723
- },
724
- "Menu.ItemBase": {
725
- "name": "Menu.ItemBase",
726
- "defaultProps": {
727
- "spacing": "0",
728
- "spacingHorizontal": "4",
729
- "spacingVertical": "3.5",
730
- "columnGap": "2",
731
- "alignItems": "center",
732
- "justifyContent": "space-between"
733
- },
734
863
  "getStylesLiterals": {
735
- "textAlign": "start",
736
- "menuitemSizeRoot": "default",
737
- "flexDirection": "row",
738
- "menuitemSizeStartIcon": "default",
739
- "menuitemSizeEndIcon": "default"
864
+ "display": "flex",
865
+ "alignItems": "center",
866
+ "backgroundColor": "primary",
867
+ "spacingVertical": "1",
868
+ "spacingHorizontal": "3",
869
+ "columnGap": "1.5",
870
+ "borderWidth": "thin",
871
+ "borderRadius": "full",
872
+ "borderColor": "muted",
873
+ "borderColor:1": "transparent",
874
+ "color": "primary",
875
+ "color:1": "tertiary",
876
+ "color:2": "muted"
740
877
  },
741
878
  "cxLiterals": [
742
- "flex",
743
- "focus-visible:text-brand",
744
- "focus-visible:bg-brand-secondary",
745
- "focus-visible:z-10",
746
879
  "uds-ring",
747
- "!-outline-offset-2",
748
- "[&:not([aria-checked])]:cursor-default",
749
- "opacity-25",
750
880
  "cursor-not-allowed",
751
- "duration-20",
752
- "transition-[font-variation-settings]",
753
- "ease-in-out",
754
- "z-0"
881
+ "opacity-50",
882
+ "pointer-events-none",
883
+ "hover:bg-primary"
755
884
  ],
756
885
  "internalComponents": [
757
- "Pressable",
758
- "IconSlot",
759
- "RootComponent",
886
+ "Radio",
887
+ "Icon",
888
+ "RadioProvider",
760
889
  "HStack",
761
- "AnimatePresence"
890
+ "RadioGroup",
891
+ "Pressable",
892
+ "Text"
762
893
  ],
763
894
  "internalComponentProps": {
764
- "HStack": {
765
- "alignItems": [
766
- "center"
767
- ],
768
- "width": [
895
+ "Icon": {
896
+ "size": [
897
+ "sm"
898
+ ],
899
+ "color": [
900
+ "current"
901
+ ],
902
+ "aria-hidden": [
903
+ "true"
904
+ ]
905
+ },
906
+ "HStack": {
907
+ "spacing": [
908
+ "1"
909
+ ],
910
+ "gap": [
911
+ "1"
912
+ ],
913
+ "backgroundColor": [
914
+ "secondary"
915
+ ],
916
+ "borderRadius": [
769
917
  "full"
918
+ ],
919
+ "display": [
920
+ "inline-flex"
770
921
  ]
771
922
  },
772
- "AnimatePresence": {
773
- "mode": [
774
- "popLayout"
923
+ "Text": {
924
+ "variant": [
925
+ "label2"
926
+ ],
927
+ "color": [
928
+ "current"
775
929
  ]
776
930
  }
777
931
  },
778
932
  "propToVariantKeys": {
779
- "startIcon": [
780
- "icon"
781
- ],
782
- "endIcon": [
783
- "icon"
933
+ "value": [
934
+ "key"
784
935
  ],
785
- "columnGap": [
786
- "gap"
936
+ "label": [
937
+ "aria-label"
787
938
  ]
788
939
  },
789
940
  "motionVarPrefixes": []
790
941
  },
791
- "Menu.Trigger": {
792
- "name": "Menu.Trigger",
942
+ "Popover": {
943
+ "name": "Popover",
793
944
  "defaultProps": {},
794
945
  "getStylesLiterals": {},
795
- "cxLiterals": [
796
- "uds-menu-trigger"
797
- ],
946
+ "cxLiterals": [],
798
947
  "internalComponents": [
799
- "AriakitMenuTrigger",
800
- "Box"
948
+ "HStack",
949
+ "Text",
950
+ "OriginalPopoverHeading"
801
951
  ],
802
952
  "internalComponentProps": {
803
- "Box": {
804
- "className": [
805
- "uds-ring h-fit w-fit"
953
+ "Text": {
954
+ "variant": [
955
+ "headline1"
956
+ ],
957
+ "color": [
958
+ "primary"
806
959
  ]
807
960
  }
808
961
  },
809
962
  "propToVariantKeys": {},
810
963
  "motionVarPrefixes": []
811
964
  },
812
- "Menu.Content": {
813
- "name": "Menu.Content",
965
+ "SwitchV2": {
966
+ "name": "SwitchV2",
814
967
  "defaultProps": {
815
- "size": "default",
816
- "variant": "default",
817
- "gutter": "1"
968
+ "labelPosition": "start",
969
+ "size": "md"
970
+ },
971
+ "getStylesLiterals": {
972
+ "switchVariantRoot": "default",
973
+ "switchVariantActiveRoot": "on",
974
+ "switchVariantActiveRoot:1": "off",
975
+ "switchVariantSwitch": "default",
976
+ "switchVariantActiveSwitch": "on",
977
+ "switchVariantActiveSwitch:1": "off",
978
+ "switchVariantActiveHandle": "on",
979
+ "switchVariantActiveHandle:1": "off",
980
+ "switchVariantHandle": "default",
981
+ "switchVariantHandleIcon": "default",
982
+ "switchVariantActiveHandleIcon": "on",
983
+ "switchVariantActiveHandleIcon:1": "off"
818
984
  },
819
- "getStylesLiterals": {},
820
985
  "cxLiterals": [
821
- "uds-menu-content",
822
- "transition-shadow",
823
- "duration-200",
824
- "ease-in-out",
825
- "min-w-60",
826
- "max-w-lg",
827
- "max-h-96",
828
- "overflow-auto",
986
+ "group",
987
+ "flex",
988
+ "items-center",
989
+ "flex-row",
990
+ "flex-row-reverse",
829
991
  "uds-ring",
830
- "z-10",
831
- "group"
992
+ "uds-ring-within",
993
+ "relative",
994
+ "uds-border-radius-full",
995
+ "transition-[background-color,box-shadow]",
996
+ "pointer-events-none",
997
+ "w-full",
998
+ "h-full",
999
+ "absolute",
1000
+ "top-0",
1001
+ "bottom-0",
1002
+ "right-0",
1003
+ "left-0",
1004
+ "overflow-hidden",
1005
+ "group-hover:scale-105",
1006
+ "opacity-95",
1007
+ "group-hover:opacity-100",
1008
+ "transition-[transform,opacity]",
1009
+ "opacity-0",
1010
+ "top-1/2",
1011
+ "left-1/2",
1012
+ "transform",
1013
+ "translate-x-[-50%]",
1014
+ "translate-y-[-50%]",
1015
+ "transition-opacity",
1016
+ "cursor-[inherit]",
1017
+ "w-[calc(100%+2px)]",
1018
+ "h-[calc(100%+2px)]",
1019
+ "text-start",
1020
+ "text-end",
1021
+ "opacity-100"
832
1022
  ],
833
1023
  "internalComponents": [
834
- "AriakitMenu",
835
- "AnimatePresence",
836
- "MotionVStack"
1024
+ "IconSlot",
1025
+ "Box",
1026
+ "FormLabel",
1027
+ "SpringMotionConfig",
1028
+ "RootElement",
1029
+ "MotionBox"
837
1030
  ],
838
- "internalComponentProps": {},
1031
+ "internalComponentProps": {
1032
+ "IconSlot": {
1033
+ "data-testid": [
1034
+ "on-icon",
1035
+ "off-icon"
1036
+ ]
1037
+ },
1038
+ "FormLabel": {
1039
+ "as": [
1040
+ "div"
1041
+ ],
1042
+ "variant": [
1043
+ "inherit"
1044
+ ],
1045
+ "color": [
1046
+ "inherit"
1047
+ ]
1048
+ },
1049
+ "SpringMotionConfig": {
1050
+ "layoutVariant": [
1051
+ "bouncy"
1052
+ ],
1053
+ "layoutSpeed": [
1054
+ "4"
1055
+ ]
1056
+ },
1057
+ "RootElement": {
1058
+ "data-testid": [
1059
+ "switch-root"
1060
+ ]
1061
+ },
1062
+ "MotionBox": {
1063
+ "layout": [
1064
+ "position"
1065
+ ]
1066
+ }
1067
+ },
839
1068
  "propToVariantKeys": {
840
1069
  "size": [
841
- "menucontentSizeRoot"
1070
+ "switchSizeRoot",
1071
+ "switchSizeSwitch",
1072
+ "switchSizeHandle",
1073
+ "switchSizeHandleIcon"
842
1074
  ],
843
- "variant": [
844
- "menucontentVariantRoot"
1075
+ "onIcon": [
1076
+ "icon"
1077
+ ],
1078
+ "offIcon": [
1079
+ "icon"
1080
+ ],
1081
+ "reduceMotion": [
1082
+ "reducedMotion"
1083
+ ],
1084
+ "isOn": [
1085
+ "layoutDependency"
845
1086
  ]
846
1087
  },
847
- "motionVarPrefixes": []
1088
+ "motionVarPrefixes": [
1089
+ "--uds-motion-bouncy-4-",
1090
+ "--uds-motion-smooth-3-"
1091
+ ]
848
1092
  },
849
- "Menu.Divider": {
850
- "name": "Menu.Divider",
851
- "defaultProps": {
852
- "role": "separator",
853
- "contentPosition": "start",
854
- "gap": "4"
855
- },
1093
+ "Tabs": {
1094
+ "name": "Tabs",
1095
+ "defaultProps": {},
856
1096
  "getStylesLiterals": {
857
- "menuitemDividerVariantRoot": "default",
858
- "menuitemDividerVariantText": "default",
859
- "menuitemDividerVariantLine": "default"
1097
+ "display": "flex",
1098
+ "flexDirection": "row",
1099
+ "columnGap": "6"
860
1100
  },
861
- "cxLiterals": [],
1101
+ "cxLiterals": [
1102
+ "text-tertiary",
1103
+ "border-b-transparent",
1104
+ "aria-selected:border-b-brand",
1105
+ "aria-selected:text-secondary"
1106
+ ],
862
1107
  "internalComponents": [
863
- "DividerInternal"
1108
+ "TabProvider",
1109
+ "OriginalTabList",
1110
+ "OriginalTab",
1111
+ "Icon",
1112
+ "OriginalTabPanel",
1113
+ "Pressable",
1114
+ "Comp",
1115
+ "Text"
864
1116
  ],
865
1117
  "internalComponentProps": {
866
- "DividerInternal": {
867
- "variant": [
868
- "inherit"
1118
+ "Icon": {
1119
+ "className": [
1120
+ "text-current"
1121
+ ],
1122
+ "size": [
1123
+ "md"
869
1124
  ]
870
- }
871
- },
872
- "propToVariantKeys": {},
873
- "motionVarPrefixes": []
874
- },
875
- "Menu": {
876
- "name": "Menu",
877
- "defaultProps": {},
878
- "getStylesLiterals": {},
879
- "cxLiterals": [],
880
- "internalComponents": [],
881
- "internalComponentProps": {},
1125
+ },
1126
+ "Pressable": {
1127
+ "borderBottomWidth": [
1128
+ "medium"
1129
+ ],
1130
+ "spacingBottom": [
1131
+ "1"
1132
+ ],
1133
+ "spacingTop": [
1134
+ "4"
1135
+ ]
1136
+ },
1137
+ "Text": {
1138
+ "className": [
1139
+ "text-current"
1140
+ ],
1141
+ "variant": [
1142
+ "headline1"
1143
+ ],
1144
+ "as": [
1145
+ "span"
1146
+ ]
1147
+ }
1148
+ },
882
1149
  "propToVariantKeys": {},
883
1150
  "motionVarPrefixes": []
884
1151
  },
885
- "Menu.ItemCheckbox": {
886
- "name": "Menu.ItemCheckbox",
1152
+ "Modal": {
1153
+ "name": "Modal",
887
1154
  "defaultProps": {},
888
- "getStylesLiterals": {
889
- "menuitemItemCheckboxVariantRoot": "default",
890
- "menuitemItemCheckboxVariantActiveRoot": "on",
891
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
892
- "menuitemItemCheckboxVariantText": "default",
893
- "menuitemItemCheckboxVariantActiveText": "on",
894
- "menuitemItemCheckboxVariantActiveText:1": "off",
895
- "menuitemItemCheckboxVariantStartIcon": "default",
896
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
897
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
898
- "menuitemItemCheckboxVariantEndIcon": "default",
899
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
900
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
901
- },
1155
+ "getStylesLiterals": {},
902
1156
  "cxLiterals": [
903
- "uds-menu-item-checkbox"
1157
+ "inset-8",
1158
+ "top-[250px]",
1159
+ "z-50",
1160
+ "mx-auto",
1161
+ "h-fit",
1162
+ "w-[600px]",
1163
+ "origin-center",
1164
+ "scale-95",
1165
+ "opacity-0",
1166
+ "transition",
1167
+ "duration-150",
1168
+ "data-[enter]:scale-100",
1169
+ "data-[enter]:opacity-100",
1170
+ "data-[enter]:bg-primary",
1171
+ "backdrop-blur-0",
1172
+ "data-[enter]:opacity-60",
1173
+ "data-[enter]:backdrop-blur-sm"
904
1174
  ],
905
1175
  "internalComponents": [
906
- "MenuItemBase"
1176
+ "IconButton",
1177
+ "Dialog",
1178
+ "HStack",
1179
+ "Text",
1180
+ "VStack"
907
1181
  ],
908
- "internalComponentProps": {},
909
- "propToVariantKeys": {},
1182
+ "internalComponentProps": {
1183
+ "IconButton": {
1184
+ "aria-label": [
1185
+ "Close"
1186
+ ],
1187
+ "size": [
1188
+ "sm"
1189
+ ],
1190
+ "variant": [
1191
+ "tertiary"
1192
+ ]
1193
+ },
1194
+ "HStack": {
1195
+ "alignItems": [
1196
+ "center"
1197
+ ],
1198
+ "justifyContent": [
1199
+ "space-between"
1200
+ ]
1201
+ },
1202
+ "Text": {
1203
+ "variant": [
1204
+ "headline1"
1205
+ ],
1206
+ "color": [
1207
+ "primary"
1208
+ ]
1209
+ },
1210
+ "VStack": {
1211
+ "borderRadius": [
1212
+ "md"
1213
+ ],
1214
+ "position": [
1215
+ "fixed"
1216
+ ],
1217
+ "backgroundColor": [
1218
+ "primary"
1219
+ ],
1220
+ "dropShadow": [
1221
+ "md"
1222
+ ],
1223
+ "spacing": [
1224
+ "8"
1225
+ ],
1226
+ "overflow": [
1227
+ "hidden"
1228
+ ]
1229
+ }
1230
+ },
1231
+ "propToVariantKeys": {
1232
+ "handleClose": [
1233
+ "onClick"
1234
+ ]
1235
+ },
910
1236
  "motionVarPrefixes": []
911
1237
  },
912
- "ChipLink": {
913
- "name": "ChipLink",
1238
+ "Accordion": {
1239
+ "name": "Accordion",
914
1240
  "defaultProps": {
915
- "variant": "primary"
1241
+ "spacingHorizontal": "4",
1242
+ "spacingVertical": "4"
916
1243
  },
917
1244
  "getStylesLiterals": {},
918
1245
  "cxLiterals": [
919
- "uds-ring"
1246
+ "hover:bg-secondary/80",
1247
+ "w-full"
920
1248
  ],
921
1249
  "internalComponents": [
922
- "ChipBase"
1250
+ "Icon",
1251
+ "SpringMotionConfig",
1252
+ "Pressable",
1253
+ "Text",
1254
+ "HStack",
1255
+ "AnimatePresence",
1256
+ "VStack"
923
1257
  ],
924
1258
  "internalComponentProps": {
925
- "ChipBase": {
926
- "as": [
927
- "a"
1259
+ "Icon": {
1260
+ "variant": [
1261
+ "fill"
1262
+ ],
1263
+ "size": [
1264
+ "sm"
1265
+ ],
1266
+ "color": [
1267
+ "primary"
1268
+ ]
1269
+ },
1270
+ "SpringMotionConfig": {
1271
+ "layoutVariant": [
1272
+ "smooth"
1273
+ ],
1274
+ "layoutSpeed": [
1275
+ "3"
1276
+ ]
1277
+ },
1278
+ "Pressable": {
1279
+ "display": [
1280
+ "flex"
1281
+ ],
1282
+ "flexDirection": [
1283
+ "row"
1284
+ ],
1285
+ "alignItems": [
1286
+ "center"
1287
+ ],
1288
+ "justifyContent": [
1289
+ "space-between"
1290
+ ],
1291
+ "borderRadius": [
1292
+ "md"
1293
+ ]
1294
+ },
1295
+ "Text": {
1296
+ "variant": [
1297
+ "title4"
1298
+ ],
1299
+ "color": [
1300
+ "primary"
1301
+ ]
1302
+ },
1303
+ "HStack": {
1304
+ "display": [
1305
+ "flex"
1306
+ ],
1307
+ "alignItems": [
1308
+ "center"
1309
+ ],
1310
+ "justifyContent": [
1311
+ "space-between"
1312
+ ],
1313
+ "columnGap": [
1314
+ "2.5"
928
1315
  ]
929
1316
  }
930
1317
  },
931
- "propToVariantKeys": {
932
- "variant": [
933
- "chipLinkVariantRoot",
934
- "chipLinkVariantIcon"
935
- ]
936
- },
937
- "motionVarPrefixes": []
1318
+ "propToVariantKeys": {},
1319
+ "motionVarPrefixes": [
1320
+ "--uds-motion-smooth-3-"
1321
+ ]
938
1322
  },
939
- "ChipDismissible": {
940
- "name": "ChipDismissible",
1323
+ "AvatarImage": {
1324
+ "name": "AvatarImage",
941
1325
  "defaultProps": {
1326
+ "size": "md",
942
1327
  "variant": "primary"
943
1328
  },
944
1329
  "getStylesLiterals": {},
945
1330
  "cxLiterals": [
946
- "uds-chip-dismissible-button",
947
- "uds-hit-target",
948
- "uds-ring",
949
- "rounded-full"
1331
+ "overflow-hidden",
1332
+ "w-full",
1333
+ "h-full",
1334
+ "shrink-0",
1335
+ "text-center",
1336
+ "inline-flex",
1337
+ "justify-center",
1338
+ "items-center",
1339
+ "object-cover"
950
1340
  ],
951
1341
  "internalComponents": [
952
- "ChipBase",
953
- "IconSlot",
954
- "Pressable"
1342
+ "UDSImage",
1343
+ "AvatarText",
1344
+ "AvatarIcon",
1345
+ "Box"
955
1346
  ],
956
1347
  "internalComponentProps": {},
957
1348
  "propToVariantKeys": {
958
- "variant": [
959
- "chipDismissibleVariantRoot",
960
- "chipDismissibleVariantIcon"
1349
+ "alt": [
1350
+ "name"
961
1351
  ],
962
- "dismissButtonAriaLabel": [
963
- "aria-label"
1352
+ "fallback": [
1353
+ "initials"
964
1354
  ]
965
1355
  },
966
1356
  "motionVarPrefixes": []
967
1357
  },
968
- "ChipToggle": {
969
- "name": "ChipToggle",
1358
+ "AvatarText": {
1359
+ "name": "AvatarText",
970
1360
  "defaultProps": {
971
- "variant": "primary",
972
- "role": "checkbox"
973
- },
974
- "getStylesLiterals": {
975
- "chipToggleVariantActiveRoot": "on",
976
- "chipToggleVariantActiveRoot:1": "off"
1361
+ "size": "md",
1362
+ "variant": "primary"
977
1363
  },
1364
+ "getStylesLiterals": {},
978
1365
  "cxLiterals": [
979
- "uds-ring"
1366
+ "overflow-hidden",
1367
+ "truncate",
1368
+ "w-full",
1369
+ "h-full",
1370
+ "shrink-0",
1371
+ "text-center",
1372
+ "inline-flex",
1373
+ "justify-center",
1374
+ "items-center"
980
1375
  ],
981
1376
  "internalComponents": [
982
- "ChipBase"
1377
+ "Box",
1378
+ "Text"
983
1379
  ],
984
1380
  "internalComponentProps": {
985
- "ChipBase": {
986
- "as": [
987
- "button"
1381
+ "Text": {
1382
+ "color": [
1383
+ "inherit"
1384
+ ],
1385
+ "variant": [
1386
+ "inherit"
988
1387
  ]
989
1388
  }
990
1389
  },
991
- "propToVariantKeys": {
992
- "variant": [
993
- "chipToggleVariantRoot",
994
- "chipToggleVariantIcon"
995
- ]
996
- },
1390
+ "propToVariantKeys": {},
997
1391
  "motionVarPrefixes": []
998
1392
  },
999
- "Chip": {
1000
- "name": "Chip",
1393
+ "Avatar": {
1394
+ "name": "Avatar",
1001
1395
  "defaultProps": {},
1002
1396
  "getStylesLiterals": {},
1003
1397
  "cxLiterals": [],
1004
1398
  "internalComponents": [
1005
- "ChipDismissible",
1006
- "ChipToggle",
1007
- "ChipLink",
1008
- "ChipButton"
1399
+ "AvatarImage"
1009
1400
  ],
1010
1401
  "internalComponentProps": {},
1011
1402
  "propToVariantKeys": {},
1012
1403
  "motionVarPrefixes": []
1013
1404
  },
1014
- "ChipBase": {
1015
- "name": "ChipBase",
1405
+ "AvatarIcon": {
1406
+ "name": "AvatarIcon",
1016
1407
  "defaultProps": {
1017
1408
  "size": "md",
1018
- "as": "div"
1409
+ "variant": "primary"
1019
1410
  },
1020
1411
  "getStylesLiterals": {},
1021
1412
  "cxLiterals": [
1022
- "pointer-events-none",
1023
- "cursor-default",
1024
- "opacity-50",
1025
- "inline-flex",
1026
- "items-center",
1027
- "transition-[background-color,outline-color,box-shadow]",
1028
- "truncate",
1029
- "whitespace-nowrap",
1413
+ "overflow-hidden",
1414
+ "w-full",
1415
+ "h-full",
1416
+ "shrink-0",
1030
1417
  "text-center",
1031
- "flex-1"
1418
+ "inline-flex",
1419
+ "justify-center",
1420
+ "items-center"
1032
1421
  ],
1033
1422
  "internalComponents": [
1034
1423
  "IconSlot",
1035
- "HStack",
1036
- "As",
1037
- "Text"
1424
+ "Box"
1038
1425
  ],
1039
- "internalComponentProps": {
1040
- "Text": {
1041
- "as": [
1042
- "span"
1043
- ],
1044
- "color": [
1045
- "current"
1046
- ],
1047
- "variant": [
1048
- "inherit"
1049
- ]
1050
- }
1426
+ "internalComponentProps": {},
1427
+ "propToVariantKeys": {
1428
+ "size": [
1429
+ "avatarSizeIcon"
1430
+ ]
1431
+ },
1432
+ "motionVarPrefixes": []
1433
+ },
1434
+ "UDSToastConfigProvider": {
1435
+ "name": "UDSToastConfigProvider",
1436
+ "defaultProps": {},
1437
+ "getStylesLiterals": {},
1438
+ "cxLiterals": [],
1439
+ "internalComponents": [
1440
+ "ToastContext.Provider"
1441
+ ],
1442
+ "internalComponentProps": {},
1443
+ "propToVariantKeys": {},
1444
+ "motionVarPrefixes": []
1445
+ },
1446
+ "Toast": {
1447
+ "name": "Toast",
1448
+ "defaultProps": {},
1449
+ "getStylesLiterals": {
1450
+ "className": "flex-none",
1451
+ "spacing": "2",
1452
+ "borderRadius": "full"
1051
1453
  },
1454
+ "cxLiterals": [
1455
+ "transition-[background-color]",
1456
+ "bg-carbon-15/0",
1457
+ "hover:bg-carbon-15/10",
1458
+ "active:bg-carbon-15/15",
1459
+ "uds-ring"
1460
+ ],
1461
+ "internalComponents": [
1462
+ "IconSlot",
1463
+ "ToastContainer",
1464
+ "Text",
1465
+ "Button",
1466
+ "Pressable"
1467
+ ],
1468
+ "internalComponentProps": {},
1052
1469
  "propToVariantKeys": {
1053
1470
  "size": [
1054
- "chipSizeRoot",
1055
- "chipSizeIcon"
1471
+ "toastSizeLabel",
1472
+ "toastSizeIcon",
1473
+ "toastSizeActionButton",
1474
+ "toastSizeCloseIcon"
1056
1475
  ],
1057
- "startIcon": [
1058
- "icon"
1476
+ "variant": [
1477
+ "toastVariantIcon",
1478
+ "toastVariantActionButton",
1479
+ "toastVariantCloseIcon"
1059
1480
  ],
1060
- "endIcon": [
1481
+ "closeIcon": [
1061
1482
  "icon"
1483
+ ],
1484
+ "onClickActionButton": [
1485
+ "onClick"
1062
1486
  ]
1063
1487
  },
1064
1488
  "motionVarPrefixes": []
1065
1489
  },
1066
- "ChipButton": {
1067
- "name": "ChipButton",
1068
- "defaultProps": {
1069
- "variant": "primary"
1490
+ "ToastContainer": {
1491
+ "name": "ToastContainer",
1492
+ "defaultProps": {},
1493
+ "getStylesLiterals": {
1494
+ "position": "relative",
1495
+ "alignItems": "center",
1496
+ "display": "flex",
1497
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1070
1498
  },
1071
- "getStylesLiterals": {},
1072
1499
  "cxLiterals": [
1073
- "uds-ring"
1500
+ "w-full"
1074
1501
  ],
1075
1502
  "internalComponents": [
1076
- "ChipBase"
1503
+ "HStack"
1077
1504
  ],
1078
1505
  "internalComponentProps": {
1079
- "ChipBase": {
1080
- "as": [
1081
- "button"
1506
+ "HStack": {
1507
+ "alignItems": [
1508
+ "center"
1509
+ ],
1510
+ "justifyContent": [
1511
+ "space-between"
1512
+ ],
1513
+ "overflow": [
1514
+ "hidden"
1515
+ ],
1516
+ "position": [
1517
+ "relative"
1082
1518
  ]
1083
1519
  }
1084
1520
  },
1085
1521
  "propToVariantKeys": {
1086
1522
  "variant": [
1087
- "chipLinkVariantRoot",
1088
- "chipLinkVariantIcon"
1523
+ "toastVariantRoot"
1524
+ ],
1525
+ "size": [
1526
+ "toastSizeRoot"
1089
1527
  ]
1090
1528
  },
1091
1529
  "motionVarPrefixes": []
1092
1530
  },
1093
- "UDSConfigProvider": {
1094
- "name": "UDSConfigProvider",
1531
+ "ToastPortal": {
1532
+ "name": "ToastPortal",
1095
1533
  "defaultProps": {},
1096
1534
  "getStylesLiterals": {},
1097
1535
  "cxLiterals": [],
1098
1536
  "internalComponents": [
1099
- "UDSBreakpointsConfigProvider",
1100
- "UDSToastConfigProvider",
1101
- "UDSTooltipConfigProvider"
1537
+ "ReactToastifyToastContainer"
1102
1538
  ],
1103
1539
  "internalComponentProps": {},
1104
1540
  "propToVariantKeys": {},
1105
1541
  "motionVarPrefixes": []
1106
1542
  },
1107
- "UDSBreakpointsConfigProvider": {
1108
- "name": "UDSBreakpointsConfigProvider",
1543
+ "RadioGroupStore": {
1544
+ "name": "RadioGroupStore",
1545
+ "defaultProps": {},
1546
+ "getStylesLiterals": {},
1547
+ "cxLiterals": [],
1548
+ "internalComponents": [],
1549
+ "internalComponentProps": {},
1550
+ "propToVariantKeys": {},
1551
+ "motionVarPrefixes": []
1552
+ },
1553
+ "RadioGroupProvider": {
1554
+ "name": "RadioGroupProvider",
1109
1555
  "defaultProps": {},
1110
1556
  "getStylesLiterals": {},
1111
1557
  "cxLiterals": [],
1112
1558
  "internalComponents": [
1113
- "UDSBreakpointsConfigContext.Provider"
1559
+ "DivProps",
1560
+ "Comp",
1561
+ "RadioGroupContext.Provider"
1114
1562
  ],
1115
- "internalComponentProps": {},
1563
+ "internalComponentProps": {
1564
+ "Comp": {
1565
+ "role": [
1566
+ "radiogroup"
1567
+ ]
1568
+ }
1569
+ },
1116
1570
  "propToVariantKeys": {},
1117
1571
  "motionVarPrefixes": []
1118
1572
  },
1119
- "Input": {
1120
- "name": "Input",
1573
+ "Radio": {
1574
+ "name": "Radio",
1121
1575
  "defaultProps": {
1122
- "type": "text",
1576
+ "labelPosition": "start",
1577
+ "variant": "primary",
1123
1578
  "size": "md",
1124
- "width": "full"
1579
+ "value": ""
1125
1580
  },
1126
1581
  "getStylesLiterals": {
1127
- "inputVariantRoot": "default",
1128
- "inputVariantValueRoot": "empty",
1129
- "inputVariantValueRoot:1": "filled",
1130
- "inputVariantInputWrapper": "default",
1131
- "inputVariantValueInputWrapper": "empty",
1132
- "inputVariantValueInputWrapper:1": "filled",
1133
- "inputVariantInput": "default",
1134
- "inputVariantValueInput": "empty",
1135
- "inputVariantValueInput:1": "filled",
1136
- "inputVariantInputPlaceholder": "default",
1137
- "inputVariantValueInputPlaceholder": "empty",
1138
- "inputVariantValueInputPlaceholder:1": "filled",
1139
- "inputVariantLabel": "default",
1140
- "inputVariantValueLabel": "empty",
1141
- "inputVariantValueLabel:1": "filled",
1142
- "inputVariantLabelRequired": "default",
1143
- "inputVariantValueLabelRequired": "empty",
1144
- "inputVariantValueLabelRequired:1": "filled",
1145
- "inputVariantStartIcon": "default",
1146
- "inputVariantValueStartIcon": "empty",
1147
- "inputVariantValueStartIcon:1": "filled",
1148
- "inputVariantEndIcon": "default",
1149
- "inputVariantValueEndIcon": "empty",
1150
- "inputVariantValueEndIcon:1": "filled"
1582
+ "radioVariantValueRoot": "checked",
1583
+ "radioVariantValueRoot:1": "unchecked",
1584
+ "display": "flex",
1585
+ "flexDirection": "row",
1586
+ "flexDirection:1": "row-reverse",
1587
+ "alignItems": "center",
1588
+ "radioVariantValueRadio": "checked",
1589
+ "radioVariantValueRadio:1": "unchecked",
1590
+ "radioVariantValueRadioCircle": "checked",
1591
+ "radioVariantValueRadioCircle:1": "unchecked"
1151
1592
  },
1152
1593
  "cxLiterals": [
1594
+ "cursor-pointer",
1595
+ "cursor-default",
1153
1596
  "opacity-50",
1154
- "min-w-[200px]",
1155
- "grow",
1156
- "uds-hit-target",
1157
- "bg-clip-text",
1158
- "focus:outline-none",
1159
- "cursor-text",
1160
- "cursor-not-allowed"
1597
+ "border",
1598
+ "uds-ring",
1599
+ "uds-ring-within",
1600
+ "transition-[background-color,border-color]",
1601
+ "transition-shadow",
1602
+ "pointer-events-none",
1603
+ "w-[8px]",
1604
+ "h-[8px]",
1605
+ "transition-opacity",
1606
+ "cursor-[inherit]",
1607
+ "absolute",
1608
+ "opacity-0",
1609
+ "top-1/2",
1610
+ "left-1/2",
1611
+ "w-[calc(100%+2px)]",
1612
+ "h-[calc(100%+2px)]",
1613
+ "transform",
1614
+ "translate-x-[-50%]",
1615
+ "translate-y-[-50%]",
1616
+ "text-start",
1617
+ "text-end"
1161
1618
  ],
1162
1619
  "internalComponents": [
1163
- "IconSlot",
1164
- "StartIcon",
1165
- "EndIcon",
1166
- "HelpTextContent",
1167
1620
  "Box",
1168
- "InputHelpTextInternal",
1169
- "VStack",
1170
- "HStack",
1171
- "AnimateHeightChange"
1621
+ "FormLabel",
1622
+ "SpringMotionConfig",
1623
+ "RootElement",
1624
+ "MotionBox"
1172
1625
  ],
1173
1626
  "internalComponentProps": {
1174
- "HelpTextContent": {
1175
- "spacingTop": [
1176
- "2"
1627
+ "Box": {
1628
+ "borderRadius": [
1629
+ "full"
1177
1630
  ]
1178
1631
  },
1179
- "Box": {
1180
- "spacingBottom": [
1181
- "2"
1182
- ],
1183
- "columnGap": [
1184
- "0.5"
1632
+ "FormLabel": {
1633
+ "as": [
1634
+ "div"
1185
1635
  ],
1186
- "alignItems": [
1187
- "flex-end",
1188
- "center"
1636
+ "variant": [
1637
+ "inherit"
1189
1638
  ],
1190
- "position": [
1191
- "relative"
1639
+ "color": [
1640
+ "inherit"
1192
1641
  ]
1193
1642
  },
1194
- "HStack": {
1195
- "alignItems": [
1196
- "center"
1197
- ],
1198
- "gap": [
1199
- "1"
1200
- ]
1201
- }
1202
- },
1203
- "propToVariantKeys": {
1204
- "size": [
1205
- "inputSizeRoot",
1206
- "inputSizeInputWrapper",
1207
- "inputSizeInput",
1208
- "inputSizeLabel",
1209
- "inputSizeStartIcon",
1210
- "inputSizeEndIcon"
1211
- ],
1212
- "startIcon": [
1213
- "icon"
1214
- ],
1215
- "endIcon": [
1216
- "icon"
1217
- ],
1218
- "helperTextIcon": [
1219
- "startIcon"
1220
- ]
1221
- },
1222
- "motionVarPrefixes": []
1223
- },
1224
- "InputHelpText": {
1225
- "name": "InputHelpText",
1226
- "defaultProps": {
1227
- "size": "md"
1228
- },
1229
- "getStylesLiterals": {
1230
- "inputVariantRoot": "default",
1231
- "inputVariantValueRoot": "empty",
1232
- "inputVariantValueRoot:1": "filled"
1233
- },
1234
- "cxLiterals": [],
1235
- "internalComponents": [
1236
- "InputHelpTextInternal",
1237
- "Box"
1238
- ],
1239
- "internalComponentProps": {
1240
- "Box": {
1241
- "spacingTop": [
1242
- "2"
1643
+ "RootElement": {
1644
+ "data-testid": [
1645
+ "container"
1243
1646
  ]
1244
- }
1245
- },
1246
- "propToVariantKeys": {
1247
- "size": [
1248
- "inputSizeRoot"
1249
- ]
1250
- },
1251
- "motionVarPrefixes": []
1252
- },
1253
- "InputHelpTextInternal": {
1254
- "name": "InputHelpTextInternal",
1255
- "defaultProps": {},
1256
- "getStylesLiterals": {
1257
- "inputVariantHelperText": "default",
1258
- "inputVariantValueHelperText": "empty",
1259
- "inputVariantValueHelperText:1": "filled",
1260
- "inputVariantHelperIcon": "default",
1261
- "inputVariantValueHelperIcon": "empty",
1262
- "inputVariantValueHelperIcon:1": "filled"
1263
- },
1264
- "cxLiterals": [],
1265
- "internalComponents": [
1266
- "IconSlot",
1267
- "HStack"
1268
- ],
1269
- "internalComponentProps": {
1270
- "HStack": {
1271
- "gap": [
1272
- "1"
1647
+ },
1648
+ "MotionBox": {
1649
+ "position": [
1650
+ "relative"
1651
+ ],
1652
+ "borderRadius": [
1653
+ "full"
1273
1654
  ],
1274
1655
  "alignItems": [
1275
1656
  "center"
1657
+ ],
1658
+ "justifyContent": [
1659
+ "center"
1660
+ ],
1661
+ "flex": [
1662
+ "none"
1276
1663
  ]
1277
1664
  }
1278
1665
  },
1279
1666
  "propToVariantKeys": {
1280
1667
  "size": [
1281
- "inputSizeHelperText",
1282
- "inputSizeHelperIcon"
1668
+ "radioSizeRoot",
1669
+ "radioSizeRadio"
1283
1670
  ],
1284
- "startIcon": [
1285
- "icon"
1671
+ "variant": [
1672
+ "radioVariantRoot",
1673
+ "radioVariantRadio",
1674
+ "radioVariantRadioCircle"
1286
1675
  ],
1287
- "endIcon": [
1288
- "icon"
1676
+ "reduceMotion": [
1677
+ "reducedMotion"
1289
1678
  ]
1290
1679
  },
1291
- "motionVarPrefixes": []
1680
+ "motionVarPrefixes": [
1681
+ "--uds-motion-subtle-3-",
1682
+ "--uds-motion-smooth-3-"
1683
+ ]
1292
1684
  },
1293
1685
  "UDSTooltipConfigProvider": {
1294
1686
  "name": "UDSTooltipConfigProvider",
@@ -1352,7 +1744,13 @@
1352
1744
  "left-0",
1353
1745
  "z-[1]",
1354
1746
  "transition-opacity",
1355
- "ease-in-out"
1747
+ "ease-in-out",
1748
+ "absolute",
1749
+ "w-full",
1750
+ "h-full",
1751
+ "overflow-visible",
1752
+ "pointer-events-none",
1753
+ "z-[2]"
1356
1754
  ],
1357
1755
  "internalComponents": [
1358
1756
  "Box",
@@ -1407,450 +1805,399 @@
1407
1805
  "propToVariantKeys": {},
1408
1806
  "motionVarPrefixes": []
1409
1807
  },
1410
- "RadioGroupStore": {
1411
- "name": "RadioGroupStore",
1412
- "defaultProps": {},
1413
- "getStylesLiterals": {},
1414
- "cxLiterals": [],
1415
- "internalComponents": [],
1416
- "internalComponentProps": {},
1417
- "propToVariantKeys": {},
1418
- "motionVarPrefixes": []
1419
- },
1420
- "RadioGroupProvider": {
1421
- "name": "RadioGroupProvider",
1422
- "defaultProps": {},
1423
- "getStylesLiterals": {},
1424
- "cxLiterals": [],
1425
- "internalComponents": [
1426
- "DivProps",
1427
- "Comp",
1428
- "RadioGroupContext.Provider"
1429
- ],
1430
- "internalComponentProps": {
1431
- "Comp": {
1432
- "role": [
1433
- "radiogroup"
1434
- ]
1435
- }
1436
- },
1437
- "propToVariantKeys": {},
1438
- "motionVarPrefixes": []
1439
- },
1440
- "Radio": {
1441
- "name": "Radio",
1808
+ "Input": {
1809
+ "name": "Input",
1442
1810
  "defaultProps": {
1443
- "labelPosition": "start",
1444
- "variant": "primary",
1811
+ "type": "text",
1445
1812
  "size": "md",
1446
- "value": ""
1813
+ "width": "full"
1447
1814
  },
1448
1815
  "getStylesLiterals": {
1449
- "radioVariantValueRoot": "checked",
1450
- "radioVariantValueRoot:1": "unchecked",
1451
- "display": "flex",
1452
- "flexDirection": "row",
1453
- "flexDirection:1": "row-reverse",
1454
- "alignItems": "center",
1455
- "radioVariantValueRadio": "checked",
1456
- "radioVariantValueRadio:1": "unchecked",
1457
- "radioVariantValueRadioCircle": "checked",
1458
- "radioVariantValueRadioCircle:1": "unchecked"
1816
+ "inputVariantRoot": "default",
1817
+ "inputVariantValueRoot": "empty",
1818
+ "inputVariantValueRoot:1": "filled",
1819
+ "inputVariantInputWrapper": "default",
1820
+ "inputVariantValueInputWrapper": "empty",
1821
+ "inputVariantValueInputWrapper:1": "filled",
1822
+ "inputVariantInput": "default",
1823
+ "inputVariantValueInput": "empty",
1824
+ "inputVariantValueInput:1": "filled",
1825
+ "inputVariantInputPlaceholder": "default",
1826
+ "inputVariantValueInputPlaceholder": "empty",
1827
+ "inputVariantValueInputPlaceholder:1": "filled",
1828
+ "inputVariantLabel": "default",
1829
+ "inputVariantValueLabel": "empty",
1830
+ "inputVariantValueLabel:1": "filled",
1831
+ "inputVariantLabelRequired": "default",
1832
+ "inputVariantValueLabelRequired": "empty",
1833
+ "inputVariantValueLabelRequired:1": "filled",
1834
+ "inputVariantStartIcon": "default",
1835
+ "inputVariantValueStartIcon": "empty",
1836
+ "inputVariantValueStartIcon:1": "filled",
1837
+ "inputVariantEndIcon": "default",
1838
+ "inputVariantValueEndIcon": "empty",
1839
+ "inputVariantValueEndIcon:1": "filled"
1459
1840
  },
1460
1841
  "cxLiterals": [
1461
- "cursor-pointer",
1462
- "cursor-default",
1463
1842
  "opacity-50",
1464
- "border",
1465
- "uds-ring",
1466
- "uds-ring-within",
1467
- "transition-[background-color,border-color]",
1468
- "transition-shadow",
1469
- "pointer-events-none",
1470
- "w-[8px]",
1471
- "h-[8px]",
1472
- "transition-opacity",
1473
- "cursor-[inherit]",
1474
- "absolute",
1475
- "opacity-0",
1476
- "top-1/2",
1477
- "left-1/2",
1478
- "w-[calc(100%+2px)]",
1479
- "h-[calc(100%+2px)]",
1480
- "transform",
1481
- "translate-x-[-50%]",
1482
- "translate-y-[-50%]",
1483
- "text-start",
1484
- "text-end"
1843
+ "min-w-[200px]",
1844
+ "grow",
1845
+ "uds-hit-target",
1846
+ "bg-clip-text",
1847
+ "focus:outline-none",
1848
+ "cursor-text",
1849
+ "cursor-not-allowed"
1485
1850
  ],
1486
1851
  "internalComponents": [
1852
+ "IconSlot",
1853
+ "StartIcon",
1854
+ "EndIcon",
1855
+ "HelpTextContent",
1487
1856
  "Box",
1488
- "FormLabel",
1489
- "SpringMotionConfig",
1490
- "RootElement",
1491
- "MotionBox"
1857
+ "InputHelpTextInternal",
1858
+ "VStack",
1859
+ "HStack",
1860
+ "AnimateHeightChange"
1492
1861
  ],
1493
1862
  "internalComponentProps": {
1494
- "Box": {
1495
- "borderRadius": [
1496
- "full"
1497
- ]
1498
- },
1499
- "FormLabel": {
1500
- "as": [
1501
- "div"
1502
- ],
1503
- "variant": [
1504
- "inherit"
1505
- ],
1506
- "color": [
1507
- "inherit"
1508
- ]
1509
- },
1510
- "RootElement": {
1511
- "data-testid": [
1512
- "container"
1863
+ "HelpTextContent": {
1864
+ "spacingTop": [
1865
+ "2"
1513
1866
  ]
1514
1867
  },
1515
- "MotionBox": {
1516
- "position": [
1517
- "relative"
1868
+ "Box": {
1869
+ "spacingBottom": [
1870
+ "2"
1518
1871
  ],
1519
- "borderRadius": [
1520
- "full"
1872
+ "columnGap": [
1873
+ "0.5"
1521
1874
  ],
1522
1875
  "alignItems": [
1876
+ "flex-end",
1523
1877
  "center"
1524
1878
  ],
1525
- "justifyContent": [
1879
+ "position": [
1880
+ "relative"
1881
+ ]
1882
+ },
1883
+ "HStack": {
1884
+ "alignItems": [
1526
1885
  "center"
1527
1886
  ],
1528
- "flex": [
1529
- "none"
1887
+ "gap": [
1888
+ "1"
1530
1889
  ]
1531
1890
  }
1532
1891
  },
1533
1892
  "propToVariantKeys": {
1534
1893
  "size": [
1535
- "radioSizeRoot",
1536
- "radioSizeRadio"
1894
+ "inputSizeRoot",
1895
+ "inputSizeInputWrapper",
1896
+ "inputSizeInput",
1897
+ "inputSizeLabel",
1898
+ "inputSizeStartIcon",
1899
+ "inputSizeEndIcon"
1537
1900
  ],
1538
- "variant": [
1539
- "radioVariantRoot",
1540
- "radioVariantRadio",
1541
- "radioVariantRadioCircle"
1901
+ "startIcon": [
1902
+ "icon"
1542
1903
  ],
1543
- "reduceMotion": [
1544
- "reducedMotion"
1904
+ "endIcon": [
1905
+ "icon"
1906
+ ],
1907
+ "helperTextIcon": [
1908
+ "startIcon"
1545
1909
  ]
1546
1910
  },
1547
- "motionVarPrefixes": [
1548
- "--uds-motion-subtle-3-",
1549
- "--uds-motion-smooth-3-"
1550
- ]
1551
- },
1552
- "UDSToastConfigProvider": {
1553
- "name": "UDSToastConfigProvider",
1554
- "defaultProps": {},
1555
- "getStylesLiterals": {},
1556
- "cxLiterals": [],
1557
- "internalComponents": [
1558
- "ToastContext.Provider"
1559
- ],
1560
- "internalComponentProps": {},
1561
- "propToVariantKeys": {},
1562
1911
  "motionVarPrefixes": []
1563
1912
  },
1564
- "Toast": {
1565
- "name": "Toast",
1566
- "defaultProps": {},
1913
+ "InputHelpText": {
1914
+ "name": "InputHelpText",
1915
+ "defaultProps": {
1916
+ "size": "md"
1917
+ },
1567
1918
  "getStylesLiterals": {
1568
- "className": "flex-none",
1569
- "spacing": "2",
1570
- "borderRadius": "full"
1919
+ "inputVariantRoot": "default",
1920
+ "inputVariantValueRoot": "empty",
1921
+ "inputVariantValueRoot:1": "filled"
1571
1922
  },
1572
- "cxLiterals": [
1573
- "transition-[background-color]",
1574
- "bg-carbon-15/0",
1575
- "hover:bg-carbon-15/10",
1576
- "active:bg-carbon-15/15",
1577
- "uds-ring"
1578
- ],
1923
+ "cxLiterals": [],
1579
1924
  "internalComponents": [
1580
- "IconSlot",
1581
- "ToastContainer",
1582
- "Text",
1583
- "Button",
1584
- "Pressable"
1925
+ "InputHelpTextInternal",
1926
+ "Box"
1585
1927
  ],
1586
- "internalComponentProps": {},
1928
+ "internalComponentProps": {
1929
+ "Box": {
1930
+ "spacingTop": [
1931
+ "2"
1932
+ ]
1933
+ }
1934
+ },
1587
1935
  "propToVariantKeys": {
1588
1936
  "size": [
1589
- "toastSizeLabel",
1590
- "toastSizeIcon",
1591
- "toastSizeActionButton",
1592
- "toastSizeCloseIcon"
1593
- ],
1594
- "variant": [
1595
- "toastVariantIcon",
1596
- "toastVariantActionButton",
1597
- "toastVariantCloseIcon"
1598
- ],
1599
- "closeIcon": [
1600
- "icon"
1601
- ],
1602
- "onClickActionButton": [
1603
- "onClick"
1937
+ "inputSizeRoot"
1604
1938
  ]
1605
1939
  },
1606
1940
  "motionVarPrefixes": []
1607
1941
  },
1608
- "ToastContainer": {
1609
- "name": "ToastContainer",
1942
+ "InputHelpTextInternal": {
1943
+ "name": "InputHelpTextInternal",
1610
1944
  "defaultProps": {},
1611
1945
  "getStylesLiterals": {
1612
- "position": "relative",
1613
- "alignItems": "center",
1614
- "display": "flex",
1615
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1946
+ "inputVariantHelperText": "default",
1947
+ "inputVariantValueHelperText": "empty",
1948
+ "inputVariantValueHelperText:1": "filled",
1949
+ "inputVariantHelperIcon": "default",
1950
+ "inputVariantValueHelperIcon": "empty",
1951
+ "inputVariantValueHelperIcon:1": "filled"
1616
1952
  },
1617
- "cxLiterals": [
1618
- "w-full"
1619
- ],
1953
+ "cxLiterals": [],
1620
1954
  "internalComponents": [
1955
+ "IconSlot",
1621
1956
  "HStack"
1622
1957
  ],
1623
1958
  "internalComponentProps": {
1624
1959
  "HStack": {
1960
+ "gap": [
1961
+ "1"
1962
+ ],
1625
1963
  "alignItems": [
1626
1964
  "center"
1627
- ],
1628
- "justifyContent": [
1629
- "space-between"
1630
- ],
1631
- "overflow": [
1632
- "hidden"
1633
- ],
1634
- "position": [
1635
- "relative"
1636
1965
  ]
1637
1966
  }
1638
1967
  },
1639
1968
  "propToVariantKeys": {
1640
- "variant": [
1641
- "toastVariantRoot"
1642
- ],
1643
1969
  "size": [
1644
- "toastSizeRoot"
1970
+ "inputSizeHelperText",
1971
+ "inputSizeHelperIcon"
1972
+ ],
1973
+ "startIcon": [
1974
+ "icon"
1975
+ ],
1976
+ "endIcon": [
1977
+ "icon"
1645
1978
  ]
1646
1979
  },
1647
1980
  "motionVarPrefixes": []
1648
1981
  },
1649
- "ToastPortal": {
1650
- "name": "ToastPortal",
1982
+ "UDSConfigProvider": {
1983
+ "name": "UDSConfigProvider",
1651
1984
  "defaultProps": {},
1652
1985
  "getStylesLiterals": {},
1653
1986
  "cxLiterals": [],
1654
1987
  "internalComponents": [
1655
- "ReactToastifyToastContainer"
1988
+ "UDSBreakpointsConfigProvider",
1989
+ "UDSToastConfigProvider",
1990
+ "UDSTooltipConfigProvider"
1656
1991
  ],
1657
1992
  "internalComponentProps": {},
1658
1993
  "propToVariantKeys": {},
1659
1994
  "motionVarPrefixes": []
1660
1995
  },
1661
- "AvatarImage": {
1662
- "name": "AvatarImage",
1663
- "defaultProps": {
1664
- "size": "md",
1665
- "variant": "primary"
1666
- },
1996
+ "UDSBreakpointsConfigProvider": {
1997
+ "name": "UDSBreakpointsConfigProvider",
1998
+ "defaultProps": {},
1667
1999
  "getStylesLiterals": {},
1668
- "cxLiterals": [
1669
- "overflow-hidden",
1670
- "w-full",
1671
- "h-full",
1672
- "shrink-0",
1673
- "text-center",
1674
- "inline-flex",
1675
- "justify-center",
1676
- "items-center",
1677
- "object-cover"
1678
- ],
2000
+ "cxLiterals": [],
1679
2001
  "internalComponents": [
1680
- "UDSImage",
1681
- "AvatarText",
1682
- "AvatarIcon",
1683
- "Box"
2002
+ "UDSBreakpointsConfigContext.Provider"
1684
2003
  ],
1685
2004
  "internalComponentProps": {},
1686
- "propToVariantKeys": {
1687
- "alt": [
1688
- "name"
1689
- ],
1690
- "fallback": [
1691
- "initials"
1692
- ]
1693
- },
2005
+ "propToVariantKeys": {},
1694
2006
  "motionVarPrefixes": []
1695
2007
  },
1696
- "AvatarText": {
1697
- "name": "AvatarText",
1698
- "defaultProps": {
1699
- "size": "md",
1700
- "variant": "primary"
2008
+ "Menu.Item": {
2009
+ "name": "Menu.Item",
2010
+ "defaultProps": {},
2011
+ "getStylesLiterals": {
2012
+ "menuitemItemVariantRoot": "default",
2013
+ "menuitemItemVariantActiveRoot": "on",
2014
+ "menuitemItemVariantActiveRoot:1": "off",
2015
+ "menuitemItemVariantText": "default",
2016
+ "menuitemItemVariantActiveText": "on",
2017
+ "menuitemItemVariantActiveText:1": "off",
2018
+ "menuitemItemVariantIcon": "default",
2019
+ "menuitemItemVariantActiveIcon": "on",
2020
+ "menuitemItemVariantActiveIcon:1": "off"
1701
2021
  },
1702
- "getStylesLiterals": {},
1703
- "cxLiterals": [
1704
- "overflow-hidden",
1705
- "truncate",
1706
- "w-full",
1707
- "h-full",
1708
- "shrink-0",
1709
- "text-center",
1710
- "inline-flex",
1711
- "justify-center",
1712
- "items-center"
1713
- ],
2022
+ "cxLiterals": [],
1714
2023
  "internalComponents": [
1715
- "Box",
1716
- "Text"
2024
+ "MenuItemBase"
1717
2025
  ],
1718
- "internalComponentProps": {
1719
- "Text": {
1720
- "color": [
1721
- "inherit"
1722
- ],
1723
- "variant": [
1724
- "inherit"
1725
- ]
1726
- }
1727
- },
2026
+ "internalComponentProps": {},
1728
2027
  "propToVariantKeys": {},
1729
2028
  "motionVarPrefixes": []
1730
2029
  },
1731
- "Avatar": {
1732
- "name": "Avatar",
2030
+ "Menu.Provider": {
2031
+ "name": "Menu.Provider",
1733
2032
  "defaultProps": {},
1734
2033
  "getStylesLiterals": {},
1735
2034
  "cxLiterals": [],
1736
2035
  "internalComponents": [
1737
- "AvatarImage"
2036
+ "AriakitMenuProvider",
2037
+ "SpringMotionConfig"
1738
2038
  ],
1739
2039
  "internalComponentProps": {},
1740
2040
  "propToVariantKeys": {},
1741
- "motionVarPrefixes": []
2041
+ "motionVarPrefixes": [
2042
+ "--uds-motion-subtle-3-",
2043
+ "--uds-motion-smooth-3-"
2044
+ ]
1742
2045
  },
1743
- "AvatarIcon": {
1744
- "name": "AvatarIcon",
2046
+ "Menu.ItemBase": {
2047
+ "name": "Menu.ItemBase",
1745
2048
  "defaultProps": {
1746
- "size": "md",
1747
- "variant": "primary"
2049
+ "spacing": "0",
2050
+ "spacingHorizontal": "4",
2051
+ "spacingVertical": "3.5",
2052
+ "columnGap": "2",
2053
+ "alignItems": "center",
2054
+ "justifyContent": "space-between"
2055
+ },
2056
+ "getStylesLiterals": {
2057
+ "textAlign": "start",
2058
+ "menuitemSizeRoot": "default",
2059
+ "flexDirection": "row",
2060
+ "menuitemSizeStartIcon": "default",
2061
+ "menuitemSizeEndIcon": "default"
1748
2062
  },
1749
- "getStylesLiterals": {},
1750
2063
  "cxLiterals": [
1751
- "overflow-hidden",
1752
- "w-full",
1753
- "h-full",
1754
- "shrink-0",
1755
- "text-center",
1756
- "inline-flex",
1757
- "justify-center",
1758
- "items-center"
2064
+ "flex",
2065
+ "focus-visible:text-brand",
2066
+ "focus-visible:bg-brand-secondary",
2067
+ "focus-visible:z-10",
2068
+ "uds-ring",
2069
+ "!-outline-offset-2",
2070
+ "[&:not([aria-checked])]:cursor-default",
2071
+ "opacity-25",
2072
+ "cursor-not-allowed",
2073
+ "duration-20",
2074
+ "transition-[font-variation-settings]",
2075
+ "ease-in-out",
2076
+ "z-0",
2077
+ "uds-start-icon",
2078
+ "uds-end-icon"
1759
2079
  ],
1760
2080
  "internalComponents": [
2081
+ "Pressable",
1761
2082
  "IconSlot",
1762
- "Box"
2083
+ "RootComponent",
2084
+ "HStack",
2085
+ "AnimatePresence"
1763
2086
  ],
1764
- "internalComponentProps": {},
2087
+ "internalComponentProps": {
2088
+ "HStack": {
2089
+ "alignItems": [
2090
+ "center"
2091
+ ],
2092
+ "width": [
2093
+ "full"
2094
+ ]
2095
+ },
2096
+ "AnimatePresence": {
2097
+ "mode": [
2098
+ "popLayout"
2099
+ ]
2100
+ }
2101
+ },
1765
2102
  "propToVariantKeys": {
1766
- "size": [
1767
- "avatarSizeIcon"
2103
+ "startIcon": [
2104
+ "icon"
2105
+ ],
2106
+ "endIcon": [
2107
+ "icon"
2108
+ ],
2109
+ "columnGap": [
2110
+ "gap"
1768
2111
  ]
1769
2112
  },
1770
2113
  "motionVarPrefixes": []
1771
2114
  },
1772
- "DividerCore": {
1773
- "name": "DividerCore",
1774
- "defaultProps": {
1775
- "contentPosition": "center"
1776
- },
2115
+ "Menu.Trigger": {
2116
+ "name": "Menu.Trigger",
2117
+ "defaultProps": {},
1777
2118
  "getStylesLiterals": {},
1778
- "cxLiterals": [],
2119
+ "cxLiterals": [
2120
+ "uds-menu-trigger"
2121
+ ],
1779
2122
  "internalComponents": [
1780
- "Box",
1781
- "Line",
1782
- "InternalComponent",
1783
- "Text"
2123
+ "AriakitMenuTrigger",
2124
+ "Box"
1784
2125
  ],
1785
2126
  "internalComponentProps": {
1786
2127
  "Box": {
1787
- "flex": [
1788
- "1",
1789
- "none"
1790
- ],
1791
- "display": [
1792
- "flex"
1793
- ]
1794
- },
1795
- "InternalComponent": {
1796
- "flex": [
1797
- "1"
1798
- ],
1799
- "alignItems": [
1800
- "center"
1801
- ]
1802
- },
1803
- "Text": {
1804
- "as": [
1805
- "span"
1806
- ],
1807
- "color": [
1808
- "inherit"
1809
- ],
1810
- "variant": [
1811
- "inherit"
2128
+ "className": [
2129
+ "uds-ring h-fit w-fit"
1812
2130
  ]
1813
2131
  }
1814
2132
  },
1815
2133
  "propToVariantKeys": {},
1816
2134
  "motionVarPrefixes": []
1817
2135
  },
1818
- "DividerInternal": {
1819
- "name": "DividerInternal",
2136
+ "Menu.Content": {
2137
+ "name": "Menu.Content",
1820
2138
  "defaultProps": {
1821
- "variant": "primary"
2139
+ "size": "default",
2140
+ "variant": "default",
2141
+ "gutter": "1"
1822
2142
  },
1823
2143
  "getStylesLiterals": {},
1824
2144
  "cxLiterals": [
1825
- "inherit"
2145
+ "uds-menu-content",
2146
+ "transition-shadow",
2147
+ "duration-200",
2148
+ "ease-in-out",
2149
+ "min-w-60",
2150
+ "max-w-lg",
2151
+ "max-h-96",
2152
+ "overflow-auto",
2153
+ "uds-ring",
2154
+ "z-10",
2155
+ "group"
1826
2156
  ],
1827
2157
  "internalComponents": [
1828
- "DividerCore"
2158
+ "AriakitMenu",
2159
+ "AnimatePresence",
2160
+ "MotionVStack"
1829
2161
  ],
1830
2162
  "internalComponentProps": {},
1831
2163
  "propToVariantKeys": {
2164
+ "size": [
2165
+ "menucontentSizeRoot"
2166
+ ],
1832
2167
  "variant": [
1833
- "dividerVariantRoot",
1834
- "dividerVariantLabel",
1835
- "dividerVariantLine"
2168
+ "menucontentVariantRoot"
1836
2169
  ]
1837
2170
  },
1838
2171
  "motionVarPrefixes": []
1839
2172
  },
1840
- "Divider": {
1841
- "name": "Divider",
1842
- "defaultProps": {},
1843
- "getStylesLiterals": {},
2173
+ "Menu.Divider": {
2174
+ "name": "Menu.Divider",
2175
+ "defaultProps": {
2176
+ "role": "separator",
2177
+ "contentPosition": "start",
2178
+ "gap": "4"
2179
+ },
2180
+ "getStylesLiterals": {
2181
+ "menuitemDividerVariantRoot": "default",
2182
+ "menuitemDividerVariantText": "default",
2183
+ "menuitemDividerVariantLine": "default"
2184
+ },
1844
2185
  "cxLiterals": [],
1845
2186
  "internalComponents": [
1846
2187
  "DividerInternal"
1847
2188
  ],
1848
- "internalComponentProps": {},
2189
+ "internalComponentProps": {
2190
+ "DividerInternal": {
2191
+ "variant": [
2192
+ "inherit"
2193
+ ]
2194
+ }
2195
+ },
1849
2196
  "propToVariantKeys": {},
1850
2197
  "motionVarPrefixes": []
1851
2198
  },
1852
- "Table.mocks": {
1853
- "name": "Table.mocks",
2199
+ "Menu": {
2200
+ "name": "Menu",
1854
2201
  "defaultProps": {},
1855
2202
  "getStylesLiterals": {},
1856
2203
  "cxLiterals": [],
@@ -1859,539 +2206,212 @@
1859
2206
  "propToVariantKeys": {},
1860
2207
  "motionVarPrefixes": []
1861
2208
  },
1862
- "Table": {
1863
- "name": "Table",
1864
- "defaultProps": {
1865
- "display": "table-cell",
1866
- "overflow": "hidden",
1867
- "borderColor": "muted",
1868
- "borderRadius": "md",
1869
- "spacing": "3",
1870
- "borderBottomColor": "muted",
1871
- "borderBottomWidth": "thin",
1872
- "color": "primary"
1873
- },
2209
+ "Menu.ItemCheckbox": {
2210
+ "name": "Menu.ItemCheckbox",
2211
+ "defaultProps": {},
1874
2212
  "getStylesLiterals": {
1875
- "textAlign": "start"
1876
- },
1877
- "cxLiterals": [],
1878
- "internalComponents": [
1879
- "CellComponent",
1880
- "Box",
1881
- "Text",
1882
- "Table.Root",
1883
- "Table.Header",
1884
- "Table.Row",
1885
- "Table.Cell",
1886
- "Table.Body"
1887
- ],
1888
- "internalComponentProps": {
1889
- "Table.Cell": {
1890
- "asHeaderCell": [
1891
- "column"
1892
- ]
1893
- }
1894
- },
1895
- "propToVariantKeys": {},
1896
- "motionVarPrefixes": []
1897
- },
1898
- "Spinner": {
1899
- "name": "Spinner",
1900
- "defaultProps": {
1901
- "color": "primary",
1902
- "size": "lg"
2213
+ "menuitemItemCheckboxVariantRoot": "default",
2214
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2215
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2216
+ "menuitemItemCheckboxVariantText": "default",
2217
+ "menuitemItemCheckboxVariantActiveText": "on",
2218
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2219
+ "menuitemItemCheckboxVariantStartIcon": "default",
2220
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2221
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2222
+ "menuitemItemCheckboxVariantEndIcon": "default",
2223
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2224
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1903
2225
  },
1904
- "getStylesLiterals": {},
1905
2226
  "cxLiterals": [
1906
- "self-center",
1907
- "relative"
2227
+ "uds-menu-item-checkbox"
1908
2228
  ],
1909
2229
  "internalComponents": [
1910
- "Icon"
2230
+ "MenuItemBase"
1911
2231
  ],
1912
- "internalComponentProps": {
1913
- "Icon": {
1914
- "role": [
1915
- "img"
1916
- ],
1917
- "className": [
1918
- "animate-spin"
1919
- ],
1920
- "aria-hidden": [
1921
- "true"
1922
- ]
1923
- }
1924
- },
1925
- "propToVariantKeys": {},
1926
- "motionVarPrefixes": []
1927
- },
1928
- "AvoidMotionLibraryProvider": {
1929
- "name": "AvoidMotionLibraryProvider",
1930
- "defaultProps": {},
1931
- "getStylesLiterals": {},
1932
- "cxLiterals": [],
1933
- "internalComponents": [],
1934
2232
  "internalComponentProps": {},
1935
2233
  "propToVariantKeys": {},
1936
2234
  "motionVarPrefixes": []
1937
2235
  },
1938
- "SegmentedControl": {
1939
- "name": "SegmentedControl",
1940
- "defaultProps": {},
1941
- "getStylesLiterals": {
1942
- "display": "flex",
1943
- "alignItems": "center",
1944
- "backgroundColor": "primary",
1945
- "spacingVertical": "1",
1946
- "spacingHorizontal": "3",
1947
- "columnGap": "1.5",
1948
- "borderWidth": "thin",
1949
- "borderRadius": "full",
1950
- "borderColor": "muted",
1951
- "borderColor:1": "transparent",
1952
- "color": "primary",
1953
- "color:1": "tertiary",
1954
- "color:2": "muted"
2236
+ "ChipLink": {
2237
+ "name": "ChipLink",
2238
+ "defaultProps": {
2239
+ "variant": "primary"
1955
2240
  },
2241
+ "getStylesLiterals": {},
1956
2242
  "cxLiterals": [
1957
- "uds-ring",
1958
- "cursor-not-allowed",
1959
- "opacity-50",
1960
- "pointer-events-none",
1961
- "hover:bg-primary"
2243
+ "uds-ring"
1962
2244
  ],
1963
2245
  "internalComponents": [
1964
- "Radio",
1965
- "Icon",
1966
- "RadioProvider",
1967
- "HStack",
1968
- "RadioGroup",
1969
- "Pressable",
1970
- "Text"
2246
+ "ChipBase"
1971
2247
  ],
1972
2248
  "internalComponentProps": {
1973
- "Icon": {
1974
- "size": [
1975
- "sm"
1976
- ],
1977
- "color": [
1978
- "current"
1979
- ],
1980
- "aria-hidden": [
1981
- "true"
1982
- ]
1983
- },
1984
- "HStack": {
1985
- "spacing": [
1986
- "1"
1987
- ],
1988
- "gap": [
1989
- "1"
1990
- ],
1991
- "backgroundColor": [
1992
- "secondary"
1993
- ],
1994
- "borderRadius": [
1995
- "full"
1996
- ],
1997
- "display": [
1998
- "inline-flex"
1999
- ]
2000
- },
2001
- "Text": {
2002
- "variant": [
2003
- "label2"
2004
- ],
2005
- "color": [
2006
- "current"
2249
+ "ChipBase": {
2250
+ "as": [
2251
+ "a"
2007
2252
  ]
2008
2253
  }
2009
2254
  },
2010
2255
  "propToVariantKeys": {
2011
- "value": [
2012
- "key"
2013
- ],
2014
- "label": [
2015
- "aria-label"
2256
+ "variant": [
2257
+ "chipLinkVariantRoot",
2258
+ "chipLinkVariantIcon"
2016
2259
  ]
2017
2260
  },
2018
2261
  "motionVarPrefixes": []
2019
2262
  },
2020
- "Popover": {
2021
- "name": "Popover",
2022
- "defaultProps": {},
2023
- "getStylesLiterals": {},
2024
- "cxLiterals": [],
2025
- "internalComponents": [
2026
- "HStack",
2027
- "Text",
2028
- "OriginalPopoverHeading"
2029
- ],
2030
- "internalComponentProps": {
2031
- "Text": {
2032
- "variant": [
2033
- "headline1"
2034
- ],
2035
- "color": [
2036
- "primary"
2037
- ]
2038
- }
2039
- },
2040
- "propToVariantKeys": {},
2041
- "motionVarPrefixes": []
2042
- },
2043
- "SwitchV2": {
2044
- "name": "SwitchV2",
2263
+ "ChipDismissible": {
2264
+ "name": "ChipDismissible",
2045
2265
  "defaultProps": {
2046
- "labelPosition": "start",
2047
- "size": "md"
2048
- },
2049
- "getStylesLiterals": {
2050
- "switchVariantRoot": "default",
2051
- "switchVariantActiveRoot": "on",
2052
- "switchVariantActiveRoot:1": "off",
2053
- "switchVariantSwitch": "default",
2054
- "switchVariantActiveSwitch": "on",
2055
- "switchVariantActiveSwitch:1": "off",
2056
- "switchVariantActiveHandle": "on",
2057
- "switchVariantActiveHandle:1": "off",
2058
- "switchVariantHandle": "default",
2059
- "switchVariantHandleIcon": "default",
2060
- "switchVariantActiveHandleIcon": "on",
2061
- "switchVariantActiveHandleIcon:1": "off"
2266
+ "variant": "primary"
2062
2267
  },
2268
+ "getStylesLiterals": {},
2063
2269
  "cxLiterals": [
2064
- "group",
2065
- "flex",
2066
- "items-center",
2067
- "flex-row",
2068
- "flex-row-reverse",
2270
+ "uds-chip-dismissible-button",
2271
+ "uds-hit-target",
2069
2272
  "uds-ring",
2070
- "uds-ring-within",
2071
- "relative",
2072
- "uds-border-radius-full",
2073
- "transition-[background-color,box-shadow]",
2074
- "pointer-events-none",
2075
- "w-full",
2076
- "h-full",
2077
- "absolute",
2078
- "top-0",
2079
- "bottom-0",
2080
- "right-0",
2081
- "left-0",
2082
- "overflow-hidden",
2083
- "group-hover:scale-105",
2084
- "opacity-95",
2085
- "group-hover:opacity-100",
2086
- "transition-[transform,opacity]",
2087
- "opacity-0",
2088
- "top-1/2",
2089
- "left-1/2",
2090
- "transform",
2091
- "translate-x-[-50%]",
2092
- "translate-y-[-50%]",
2093
- "transition-opacity",
2094
- "cursor-[inherit]",
2095
- "w-[calc(100%+2px)]",
2096
- "h-[calc(100%+2px)]",
2097
- "text-start",
2098
- "text-end",
2099
- "opacity-100"
2273
+ "rounded-full"
2100
2274
  ],
2101
2275
  "internalComponents": [
2276
+ "ChipBase",
2102
2277
  "IconSlot",
2103
- "Box",
2104
- "FormLabel",
2105
- "SpringMotionConfig",
2106
- "RootElement",
2107
- "MotionBox"
2278
+ "Pressable"
2108
2279
  ],
2109
- "internalComponentProps": {
2110
- "IconSlot": {
2111
- "data-testid": [
2112
- "on-icon",
2113
- "off-icon"
2114
- ]
2115
- },
2116
- "FormLabel": {
2117
- "as": [
2118
- "div"
2119
- ],
2120
- "variant": [
2121
- "inherit"
2122
- ],
2123
- "color": [
2124
- "inherit"
2125
- ]
2126
- },
2127
- "SpringMotionConfig": {
2128
- "layoutVariant": [
2129
- "bouncy"
2130
- ],
2131
- "layoutSpeed": [
2132
- "4"
2133
- ]
2134
- },
2135
- "RootElement": {
2136
- "data-testid": [
2137
- "switch-root"
2138
- ]
2139
- },
2140
- "MotionBox": {
2141
- "layout": [
2142
- "position"
2143
- ]
2144
- }
2145
- },
2280
+ "internalComponentProps": {},
2146
2281
  "propToVariantKeys": {
2147
- "size": [
2148
- "switchSizeRoot",
2149
- "switchSizeSwitch",
2150
- "switchSizeHandle",
2151
- "switchSizeHandleIcon"
2152
- ],
2153
- "onIcon": [
2154
- "icon"
2155
- ],
2156
- "offIcon": [
2157
- "icon"
2158
- ],
2159
- "reduceMotion": [
2160
- "reducedMotion"
2282
+ "variant": [
2283
+ "chipDismissibleVariantRoot",
2284
+ "chipDismissibleVariantIcon"
2161
2285
  ],
2162
- "isOn": [
2163
- "layoutDependency"
2286
+ "dismissButtonAriaLabel": [
2287
+ "aria-label"
2164
2288
  ]
2165
2289
  },
2166
- "motionVarPrefixes": [
2167
- "--uds-motion-bouncy-4-",
2168
- "--uds-motion-smooth-3-"
2169
- ]
2290
+ "motionVarPrefixes": []
2170
2291
  },
2171
- "Tabs": {
2172
- "name": "Tabs",
2173
- "defaultProps": {},
2292
+ "ChipToggle": {
2293
+ "name": "ChipToggle",
2294
+ "defaultProps": {
2295
+ "variant": "primary",
2296
+ "role": "checkbox"
2297
+ },
2174
2298
  "getStylesLiterals": {
2175
- "display": "flex",
2176
- "flexDirection": "row",
2177
- "columnGap": "6"
2299
+ "chipToggleVariantActiveRoot": "on",
2300
+ "chipToggleVariantActiveRoot:1": "off"
2178
2301
  },
2179
2302
  "cxLiterals": [
2180
- "text-tertiary",
2181
- "border-b-transparent",
2182
- "aria-selected:border-b-brand",
2183
- "aria-selected:text-secondary"
2303
+ "uds-ring"
2184
2304
  ],
2185
2305
  "internalComponents": [
2186
- "TabProvider",
2187
- "OriginalTabList",
2188
- "OriginalTab",
2189
- "Icon",
2190
- "OriginalTabPanel",
2191
- "Pressable",
2192
- "Comp",
2193
- "Text"
2306
+ "ChipBase"
2194
2307
  ],
2195
2308
  "internalComponentProps": {
2196
- "Icon": {
2197
- "className": [
2198
- "text-current"
2199
- ],
2200
- "size": [
2201
- "md"
2202
- ]
2203
- },
2204
- "Pressable": {
2205
- "borderBottomWidth": [
2206
- "medium"
2207
- ],
2208
- "spacingBottom": [
2209
- "1"
2210
- ],
2211
- "spacingTop": [
2212
- "4"
2213
- ]
2214
- },
2215
- "Text": {
2216
- "className": [
2217
- "text-current"
2218
- ],
2219
- "variant": [
2220
- "headline1"
2221
- ],
2309
+ "ChipBase": {
2222
2310
  "as": [
2223
- "span"
2311
+ "button"
2224
2312
  ]
2225
2313
  }
2226
2314
  },
2227
- "propToVariantKeys": {},
2315
+ "propToVariantKeys": {
2316
+ "variant": [
2317
+ "chipToggleVariantRoot",
2318
+ "chipToggleVariantIcon"
2319
+ ]
2320
+ },
2228
2321
  "motionVarPrefixes": []
2229
2322
  },
2230
- "Modal": {
2231
- "name": "Modal",
2323
+ "Chip": {
2324
+ "name": "Chip",
2232
2325
  "defaultProps": {},
2233
2326
  "getStylesLiterals": {},
2327
+ "cxLiterals": [],
2328
+ "internalComponents": [
2329
+ "ChipDismissible",
2330
+ "ChipToggle",
2331
+ "ChipLink",
2332
+ "ChipButton"
2333
+ ],
2334
+ "internalComponentProps": {},
2335
+ "propToVariantKeys": {},
2336
+ "motionVarPrefixes": []
2337
+ },
2338
+ "ChipBase": {
2339
+ "name": "ChipBase",
2340
+ "defaultProps": {
2341
+ "size": "md",
2342
+ "as": "div"
2343
+ },
2344
+ "getStylesLiterals": {},
2234
2345
  "cxLiterals": [
2235
- "inset-8",
2236
- "top-[250px]",
2237
- "z-50",
2238
- "mx-auto",
2239
- "h-fit",
2240
- "w-[600px]",
2241
- "origin-center",
2242
- "scale-95",
2243
- "opacity-0",
2244
- "transition",
2245
- "duration-150",
2246
- "data-[enter]:scale-100",
2247
- "data-[enter]:opacity-100"
2346
+ "pointer-events-none",
2347
+ "cursor-default",
2348
+ "opacity-50",
2349
+ "inline-flex",
2350
+ "items-center",
2351
+ "transition-[background-color,outline-color,box-shadow]",
2352
+ "truncate",
2353
+ "whitespace-nowrap",
2354
+ "text-center",
2355
+ "flex-1"
2248
2356
  ],
2249
2357
  "internalComponents": [
2250
- "IconButton",
2251
- "Dialog",
2358
+ "IconSlot",
2252
2359
  "HStack",
2253
- "Text",
2254
- "VStack"
2360
+ "As",
2361
+ "Text"
2255
2362
  ],
2256
2363
  "internalComponentProps": {
2257
- "IconButton": {
2258
- "aria-label": [
2259
- "Close"
2260
- ],
2261
- "size": [
2262
- "sm"
2263
- ],
2264
- "variant": [
2265
- "tertiary"
2266
- ]
2267
- },
2268
- "HStack": {
2269
- "alignItems": [
2270
- "center"
2271
- ],
2272
- "justifyContent": [
2273
- "space-between"
2274
- ]
2275
- },
2276
2364
  "Text": {
2277
- "variant": [
2278
- "headline1"
2365
+ "as": [
2366
+ "span"
2279
2367
  ],
2280
2368
  "color": [
2281
- "primary"
2282
- ]
2283
- },
2284
- "VStack": {
2285
- "borderRadius": [
2286
- "md"
2287
- ],
2288
- "position": [
2289
- "fixed"
2290
- ],
2291
- "backgroundColor": [
2292
- "primary"
2293
- ],
2294
- "dropShadow": [
2295
- "md"
2296
- ],
2297
- "spacing": [
2298
- "8"
2369
+ "current"
2299
2370
  ],
2300
- "overflow": [
2301
- "hidden"
2371
+ "variant": [
2372
+ "inherit"
2302
2373
  ]
2303
2374
  }
2304
2375
  },
2305
2376
  "propToVariantKeys": {
2306
- "handleClose": [
2307
- "onClick"
2377
+ "size": [
2378
+ "chipSizeRoot",
2379
+ "chipSizeIcon"
2380
+ ],
2381
+ "startIcon": [
2382
+ "icon"
2383
+ ],
2384
+ "endIcon": [
2385
+ "icon"
2308
2386
  ]
2309
2387
  },
2310
2388
  "motionVarPrefixes": []
2311
2389
  },
2312
- "Accordion": {
2313
- "name": "Accordion",
2390
+ "ChipButton": {
2391
+ "name": "ChipButton",
2314
2392
  "defaultProps": {
2315
- "spacingHorizontal": "4",
2316
- "spacingVertical": "4"
2393
+ "variant": "primary"
2317
2394
  },
2318
2395
  "getStylesLiterals": {},
2319
2396
  "cxLiterals": [
2320
- "hover:bg-secondary/80",
2321
- "w-full"
2397
+ "uds-ring"
2322
2398
  ],
2323
2399
  "internalComponents": [
2324
- "Icon",
2325
- "SpringMotionConfig",
2326
- "Pressable",
2327
- "Text",
2328
- "HStack",
2329
- "AnimatePresence",
2330
- "VStack"
2400
+ "ChipBase"
2331
2401
  ],
2332
2402
  "internalComponentProps": {
2333
- "Icon": {
2334
- "variant": [
2335
- "fill"
2336
- ],
2337
- "size": [
2338
- "sm"
2339
- ],
2340
- "color": [
2341
- "primary"
2342
- ]
2343
- },
2344
- "SpringMotionConfig": {
2345
- "layoutVariant": [
2346
- "smooth"
2347
- ],
2348
- "layoutSpeed": [
2349
- "3"
2350
- ]
2351
- },
2352
- "Pressable": {
2353
- "display": [
2354
- "flex"
2355
- ],
2356
- "flexDirection": [
2357
- "row"
2358
- ],
2359
- "alignItems": [
2360
- "center"
2361
- ],
2362
- "justifyContent": [
2363
- "space-between"
2364
- ],
2365
- "borderRadius": [
2366
- "md"
2367
- ]
2368
- },
2369
- "Text": {
2370
- "variant": [
2371
- "title4"
2372
- ],
2373
- "color": [
2374
- "primary"
2375
- ]
2376
- },
2377
- "HStack": {
2378
- "display": [
2379
- "flex"
2380
- ],
2381
- "alignItems": [
2382
- "center"
2383
- ],
2384
- "justifyContent": [
2385
- "space-between"
2386
- ],
2387
- "columnGap": [
2388
- "2.5"
2403
+ "ChipBase": {
2404
+ "as": [
2405
+ "button"
2389
2406
  ]
2390
2407
  }
2391
2408
  },
2392
- "propToVariantKeys": {},
2393
- "motionVarPrefixes": [
2394
- "--uds-motion-smooth-3-"
2395
- ]
2409
+ "propToVariantKeys": {
2410
+ "variant": [
2411
+ "chipLinkVariantRoot",
2412
+ "chipLinkVariantIcon"
2413
+ ]
2414
+ },
2415
+ "motionVarPrefixes": []
2396
2416
  }
2397
2417
  }