@yahoo/uds 3.119.1 → 3.120.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -377,6 +377,83 @@
377
377
  },
378
378
  "motionVarPrefixes": []
379
379
  },
380
+ "Spinner": {
381
+ "name": "Spinner",
382
+ "defaultProps": {
383
+ "color": "primary",
384
+ "size": "lg"
385
+ },
386
+ "getStylesLiterals": {},
387
+ "cxLiterals": [
388
+ "self-center",
389
+ "relative",
390
+ "sr-only"
391
+ ],
392
+ "internalComponents": [
393
+ "Icon"
394
+ ],
395
+ "internalComponentProps": {
396
+ "Icon": {
397
+ "role": [
398
+ "img"
399
+ ],
400
+ "className": [
401
+ "animate-spin"
402
+ ],
403
+ "aria-hidden": [
404
+ "true"
405
+ ]
406
+ }
407
+ },
408
+ "propToVariantKeys": {},
409
+ "motionVarPrefixes": []
410
+ },
411
+ "Table.mocks": {
412
+ "name": "Table.mocks",
413
+ "defaultProps": {},
414
+ "getStylesLiterals": {},
415
+ "cxLiterals": [],
416
+ "internalComponents": [],
417
+ "internalComponentProps": {},
418
+ "propToVariantKeys": {},
419
+ "motionVarPrefixes": []
420
+ },
421
+ "Table": {
422
+ "name": "Table",
423
+ "defaultProps": {
424
+ "display": "table-cell",
425
+ "overflow": "hidden",
426
+ "borderColor": "muted",
427
+ "borderRadius": "md",
428
+ "spacing": "3",
429
+ "borderBottomColor": "muted",
430
+ "borderBottomWidth": "thin",
431
+ "color": "primary"
432
+ },
433
+ "getStylesLiterals": {
434
+ "textAlign": "start"
435
+ },
436
+ "cxLiterals": [],
437
+ "internalComponents": [
438
+ "CellComponent",
439
+ "Box",
440
+ "Text",
441
+ "Table.Root",
442
+ "Table.Header",
443
+ "Table.Row",
444
+ "Table.Cell",
445
+ "Table.Body"
446
+ ],
447
+ "internalComponentProps": {
448
+ "Table.Cell": {
449
+ "asHeaderCell": [
450
+ "column"
451
+ ]
452
+ }
453
+ },
454
+ "propToVariantKeys": {},
455
+ "motionVarPrefixes": []
456
+ },
380
457
  "AnimateHeightChange": {
381
458
  "name": "AnimateHeightChange",
382
459
  "defaultProps": {},
@@ -854,39 +931,93 @@
854
931
  "--uds-motion-smooth-3-"
855
932
  ]
856
933
  },
857
- "Spinner": {
858
- "name": "Spinner",
934
+ "Accordion": {
935
+ "name": "Accordion",
859
936
  "defaultProps": {
860
- "color": "primary",
861
- "size": "lg"
937
+ "spacingHorizontal": "4",
938
+ "spacingVertical": "4"
862
939
  },
863
940
  "getStylesLiterals": {},
864
941
  "cxLiterals": [
865
- "self-center",
866
- "relative",
867
- "sr-only"
942
+ "hover:bg-secondary/80",
943
+ "w-full"
868
944
  ],
869
945
  "internalComponents": [
870
- "Icon"
946
+ "Icon",
947
+ "SpringMotionConfig",
948
+ "Pressable",
949
+ "Text",
950
+ "HStack",
951
+ "AnimatePresence",
952
+ "VStack"
871
953
  ],
872
954
  "internalComponentProps": {
873
955
  "Icon": {
874
- "role": [
875
- "img"
956
+ "variant": [
957
+ "fill"
876
958
  ],
877
- "className": [
878
- "animate-spin"
959
+ "size": [
960
+ "sm"
879
961
  ],
880
- "aria-hidden": [
881
- "true"
962
+ "color": [
963
+ "primary"
964
+ ]
965
+ },
966
+ "SpringMotionConfig": {
967
+ "layoutVariant": [
968
+ "smooth"
969
+ ],
970
+ "layoutSpeed": [
971
+ "3"
972
+ ]
973
+ },
974
+ "Pressable": {
975
+ "display": [
976
+ "flex"
977
+ ],
978
+ "flexDirection": [
979
+ "row"
980
+ ],
981
+ "alignItems": [
982
+ "center"
983
+ ],
984
+ "justifyContent": [
985
+ "space-between"
986
+ ],
987
+ "borderRadius": [
988
+ "md"
989
+ ]
990
+ },
991
+ "Text": {
992
+ "variant": [
993
+ "title4"
994
+ ],
995
+ "color": [
996
+ "primary"
997
+ ]
998
+ },
999
+ "HStack": {
1000
+ "display": [
1001
+ "flex"
1002
+ ],
1003
+ "alignItems": [
1004
+ "center"
1005
+ ],
1006
+ "justifyContent": [
1007
+ "space-between"
1008
+ ],
1009
+ "columnGap": [
1010
+ "2.5"
882
1011
  ]
883
1012
  }
884
1013
  },
885
1014
  "propToVariantKeys": {},
886
- "motionVarPrefixes": []
1015
+ "motionVarPrefixes": [
1016
+ "--uds-motion-smooth-3-"
1017
+ ]
887
1018
  },
888
- "Table.mocks": {
889
- "name": "Table.mocks",
1019
+ "AvoidMotionLibraryProvider": {
1020
+ "name": "AvoidMotionLibraryProvider",
890
1021
  "defaultProps": {},
891
1022
  "getStylesLiterals": {},
892
1023
  "cxLiterals": [],
@@ -895,78 +1026,423 @@
895
1026
  "propToVariantKeys": {},
896
1027
  "motionVarPrefixes": []
897
1028
  },
898
- "Table": {
899
- "name": "Table",
900
- "defaultProps": {
901
- "display": "table-cell",
902
- "overflow": "hidden",
903
- "borderColor": "muted",
904
- "borderRadius": "md",
905
- "spacing": "3",
906
- "borderBottomColor": "muted",
907
- "borderBottomWidth": "thin",
908
- "color": "primary"
909
- },
910
- "getStylesLiterals": {
911
- "textAlign": "start"
912
- },
1029
+ "ExperimentalPopover": {
1030
+ "name": "ExperimentalPopover",
1031
+ "defaultProps": {},
1032
+ "getStylesLiterals": {},
913
1033
  "cxLiterals": [],
914
1034
  "internalComponents": [
915
- "CellComponent",
916
- "Box",
1035
+ "HStack",
917
1036
  "Text",
918
- "Table.Root",
919
- "Table.Header",
920
- "Table.Row",
921
- "Table.Cell",
922
- "Table.Body"
1037
+ "ExperimentalPopoverHeadingBase"
923
1038
  ],
924
1039
  "internalComponentProps": {
925
- "Table.Cell": {
926
- "asHeaderCell": [
927
- "column"
1040
+ "Text": {
1041
+ "variant": [
1042
+ "headline1"
1043
+ ],
1044
+ "color": [
1045
+ "primary"
928
1046
  ]
929
1047
  }
930
1048
  },
931
1049
  "propToVariantKeys": {},
932
1050
  "motionVarPrefixes": []
933
1051
  },
934
- "Avatar": {
935
- "name": "Avatar",
1052
+ "Modal": {
1053
+ "name": "Modal",
936
1054
  "defaultProps": {},
937
1055
  "getStylesLiterals": {},
938
- "cxLiterals": [],
939
- "internalComponents": [
940
- "AvatarImage"
941
- ],
942
- "internalComponentProps": {},
943
- "propToVariantKeys": {},
944
- "motionVarPrefixes": []
945
- },
946
- "AvatarIcon": {
947
- "name": "AvatarIcon",
948
- "defaultProps": {
949
- "size": "md",
950
- "variant": "primary"
951
- },
952
- "getStylesLiterals": {},
953
1056
  "cxLiterals": [
954
- "overflow-hidden",
955
- "w-full",
956
- "h-full",
957
- "shrink-0",
958
- "text-center",
959
- "inline-flex",
960
- "justify-center",
961
- "items-center"
1057
+ "inset-8",
1058
+ "top-[250px]",
1059
+ "z-50",
1060
+ "mx-auto",
1061
+ "h-fit",
1062
+ "w-[600px]",
1063
+ "origin-center",
1064
+ "scale-95",
1065
+ "opacity-0",
1066
+ "transition",
1067
+ "duration-150",
1068
+ "data-[enter]:scale-100",
1069
+ "data-[enter]:opacity-100",
1070
+ "data-[enter]:bg-primary",
1071
+ "backdrop-blur-0",
1072
+ "data-[enter]:opacity-60",
1073
+ "data-[enter]:backdrop-blur-sm"
962
1074
  ],
963
1075
  "internalComponents": [
964
- "IconSlot",
965
- "Box"
1076
+ "IconButton",
1077
+ "Dialog",
1078
+ "HStack",
1079
+ "Text",
1080
+ "VStack"
966
1081
  ],
967
- "internalComponentProps": {},
968
- "propToVariantKeys": {
969
- "size": [
1082
+ "internalComponentProps": {
1083
+ "IconButton": {
1084
+ "aria-label": [
1085
+ "Close"
1086
+ ],
1087
+ "size": [
1088
+ "sm"
1089
+ ],
1090
+ "variant": [
1091
+ "tertiary"
1092
+ ]
1093
+ },
1094
+ "HStack": {
1095
+ "alignItems": [
1096
+ "center"
1097
+ ],
1098
+ "justifyContent": [
1099
+ "space-between"
1100
+ ]
1101
+ },
1102
+ "Text": {
1103
+ "variant": [
1104
+ "headline1"
1105
+ ],
1106
+ "color": [
1107
+ "primary"
1108
+ ]
1109
+ },
1110
+ "VStack": {
1111
+ "borderRadius": [
1112
+ "md"
1113
+ ],
1114
+ "position": [
1115
+ "fixed"
1116
+ ],
1117
+ "backgroundColor": [
1118
+ "primary"
1119
+ ],
1120
+ "dropShadow": [
1121
+ "md"
1122
+ ],
1123
+ "spacing": [
1124
+ "8"
1125
+ ],
1126
+ "overflow": [
1127
+ "hidden"
1128
+ ]
1129
+ }
1130
+ },
1131
+ "propToVariantKeys": {
1132
+ "handleClose": [
1133
+ "onClick"
1134
+ ]
1135
+ },
1136
+ "motionVarPrefixes": []
1137
+ },
1138
+ "SegmentedControl": {
1139
+ "name": "SegmentedControl",
1140
+ "defaultProps": {
1141
+ "textVariant": "label2"
1142
+ },
1143
+ "getStylesLiterals": {
1144
+ "display": "flex",
1145
+ "alignItems": "center",
1146
+ "backgroundColor": "primary",
1147
+ "spacingVertical": "1",
1148
+ "spacingHorizontal": "3",
1149
+ "columnGap": "1.5",
1150
+ "borderWidth": "thin",
1151
+ "borderRadius": "full",
1152
+ "borderColor": "muted",
1153
+ "borderColor:1": "transparent",
1154
+ "color": "primary",
1155
+ "color:1": "tertiary",
1156
+ "color:2": "muted"
1157
+ },
1158
+ "cxLiterals": [
1159
+ "uds-ring",
1160
+ "cursor-not-allowed",
1161
+ "opacity-50",
1162
+ "pointer-events-none",
1163
+ "hover:bg-primary"
1164
+ ],
1165
+ "internalComponents": [
1166
+ "TextVariant",
1167
+ "Radio",
1168
+ "Icon",
1169
+ "RadioProvider",
1170
+ "HStack",
1171
+ "RadioGroup",
1172
+ "Pressable",
1173
+ "Text"
1174
+ ],
1175
+ "internalComponentProps": {
1176
+ "Icon": {
1177
+ "size": [
1178
+ "sm"
1179
+ ],
1180
+ "color": [
1181
+ "current"
1182
+ ],
1183
+ "aria-hidden": [
1184
+ "true"
1185
+ ]
1186
+ },
1187
+ "HStack": {
1188
+ "spacing": [
1189
+ "1"
1190
+ ],
1191
+ "gap": [
1192
+ "1"
1193
+ ],
1194
+ "backgroundColor": [
1195
+ "secondary"
1196
+ ],
1197
+ "borderRadius": [
1198
+ "full"
1199
+ ],
1200
+ "display": [
1201
+ "inline-flex"
1202
+ ]
1203
+ },
1204
+ "Text": {
1205
+ "color": [
1206
+ "current"
1207
+ ]
1208
+ }
1209
+ },
1210
+ "propToVariantKeys": {
1211
+ "value": [
1212
+ "key"
1213
+ ],
1214
+ "label": [
1215
+ "aria-label"
1216
+ ],
1217
+ "textVariant": [
1218
+ "variant"
1219
+ ]
1220
+ },
1221
+ "motionVarPrefixes": []
1222
+ },
1223
+ "SwitchV2": {
1224
+ "name": "SwitchV2",
1225
+ "defaultProps": {
1226
+ "labelPosition": "start",
1227
+ "size": "md"
1228
+ },
1229
+ "getStylesLiterals": {
1230
+ "switchVariantRoot": "default",
1231
+ "switchVariantActiveRoot": "on",
1232
+ "switchVariantActiveRoot:1": "off",
1233
+ "switchVariantSwitch": "default",
1234
+ "switchVariantActiveSwitch": "on",
1235
+ "switchVariantActiveSwitch:1": "off",
1236
+ "switchVariantActiveHandle": "on",
1237
+ "switchVariantActiveHandle:1": "off",
1238
+ "switchVariantHandle": "default",
1239
+ "switchVariantHandleIcon": "default",
1240
+ "switchVariantActiveHandleIcon": "on",
1241
+ "switchVariantActiveHandleIcon:1": "off"
1242
+ },
1243
+ "cxLiterals": [
1244
+ "group",
1245
+ "flex",
1246
+ "items-center",
1247
+ "flex-row",
1248
+ "flex-row-reverse",
1249
+ "uds-ring",
1250
+ "uds-ring-within",
1251
+ "relative",
1252
+ "uds-border-radius-full",
1253
+ "transition-[background-color,box-shadow]",
1254
+ "pointer-events-none",
1255
+ "w-full",
1256
+ "h-full",
1257
+ "absolute",
1258
+ "top-0",
1259
+ "bottom-0",
1260
+ "right-0",
1261
+ "left-0",
1262
+ "overflow-hidden",
1263
+ "group-hover:scale-105",
1264
+ "opacity-95",
1265
+ "group-hover:opacity-100",
1266
+ "transition-[transform,opacity]",
1267
+ "opacity-0",
1268
+ "top-1/2",
1269
+ "left-1/2",
1270
+ "transform",
1271
+ "translate-x-[-50%]",
1272
+ "translate-y-[-50%]",
1273
+ "transition-opacity",
1274
+ "cursor-[inherit]",
1275
+ "w-[calc(100%+2px)]",
1276
+ "h-[calc(100%+2px)]",
1277
+ "text-start",
1278
+ "text-end",
1279
+ "opacity-100"
1280
+ ],
1281
+ "internalComponents": [
1282
+ "IconSlot",
1283
+ "Box",
1284
+ "FormLabel",
1285
+ "SpringMotionConfig",
1286
+ "RootElement",
1287
+ "MotionBox"
1288
+ ],
1289
+ "internalComponentProps": {
1290
+ "IconSlot": {
1291
+ "data-testid": [
1292
+ "on-icon",
1293
+ "off-icon"
1294
+ ]
1295
+ },
1296
+ "FormLabel": {
1297
+ "as": [
1298
+ "div"
1299
+ ],
1300
+ "variant": [
1301
+ "inherit"
1302
+ ],
1303
+ "color": [
1304
+ "inherit"
1305
+ ]
1306
+ },
1307
+ "SpringMotionConfig": {
1308
+ "layoutVariant": [
1309
+ "bouncy"
1310
+ ],
1311
+ "layoutSpeed": [
1312
+ "4"
1313
+ ]
1314
+ },
1315
+ "RootElement": {
1316
+ "data-testid": [
1317
+ "switch-root"
1318
+ ]
1319
+ },
1320
+ "MotionBox": {
1321
+ "layout": [
1322
+ "position"
1323
+ ]
1324
+ }
1325
+ },
1326
+ "propToVariantKeys": {
1327
+ "size": [
1328
+ "switchSizeRoot",
1329
+ "switchSizeSwitch",
1330
+ "switchSizeHandle",
1331
+ "switchSizeHandleIcon"
1332
+ ],
1333
+ "onIcon": [
1334
+ "icon"
1335
+ ],
1336
+ "offIcon": [
1337
+ "icon"
1338
+ ],
1339
+ "reduceMotion": [
1340
+ "reducedMotion"
1341
+ ],
1342
+ "isOn": [
1343
+ "layoutDependency"
1344
+ ]
1345
+ },
1346
+ "motionVarPrefixes": [
1347
+ "--uds-motion-bouncy-4-",
1348
+ "--uds-motion-smooth-3-"
1349
+ ]
1350
+ },
1351
+ "Tabs": {
1352
+ "name": "Tabs",
1353
+ "defaultProps": {},
1354
+ "getStylesLiterals": {
1355
+ "display": "flex",
1356
+ "flexDirection": "row",
1357
+ "columnGap": "6"
1358
+ },
1359
+ "cxLiterals": [
1360
+ "text-tertiary",
1361
+ "border-b-transparent",
1362
+ "aria-selected:border-b-brand",
1363
+ "aria-selected:text-secondary"
1364
+ ],
1365
+ "internalComponents": [
1366
+ "TabProvider",
1367
+ "OriginalTabList",
1368
+ "OriginalTab",
1369
+ "Icon",
1370
+ "OriginalTabPanel",
1371
+ "Pressable",
1372
+ "Comp",
1373
+ "Text"
1374
+ ],
1375
+ "internalComponentProps": {
1376
+ "Icon": {
1377
+ "className": [
1378
+ "text-current"
1379
+ ],
1380
+ "size": [
1381
+ "md"
1382
+ ]
1383
+ },
1384
+ "Pressable": {
1385
+ "borderBottomWidth": [
1386
+ "medium"
1387
+ ],
1388
+ "spacingBottom": [
1389
+ "1"
1390
+ ],
1391
+ "spacingTop": [
1392
+ "4"
1393
+ ]
1394
+ },
1395
+ "Text": {
1396
+ "className": [
1397
+ "text-current"
1398
+ ],
1399
+ "variant": [
1400
+ "headline1"
1401
+ ],
1402
+ "as": [
1403
+ "span"
1404
+ ]
1405
+ }
1406
+ },
1407
+ "propToVariantKeys": {},
1408
+ "motionVarPrefixes": []
1409
+ },
1410
+ "Avatar": {
1411
+ "name": "Avatar",
1412
+ "defaultProps": {},
1413
+ "getStylesLiterals": {},
1414
+ "cxLiterals": [],
1415
+ "internalComponents": [
1416
+ "AvatarImage"
1417
+ ],
1418
+ "internalComponentProps": {},
1419
+ "propToVariantKeys": {},
1420
+ "motionVarPrefixes": []
1421
+ },
1422
+ "AvatarIcon": {
1423
+ "name": "AvatarIcon",
1424
+ "defaultProps": {
1425
+ "size": "md",
1426
+ "variant": "primary"
1427
+ },
1428
+ "getStylesLiterals": {},
1429
+ "cxLiterals": [
1430
+ "overflow-hidden",
1431
+ "w-full",
1432
+ "h-full",
1433
+ "shrink-0",
1434
+ "text-center",
1435
+ "inline-flex",
1436
+ "justify-center",
1437
+ "items-center"
1438
+ ],
1439
+ "internalComponents": [
1440
+ "IconSlot",
1441
+ "Box"
1442
+ ],
1443
+ "internalComponentProps": {},
1444
+ "propToVariantKeys": {
1445
+ "size": [
970
1446
  "avatarSizeIcon"
971
1447
  ]
972
1448
  },
@@ -1372,342 +1848,104 @@
1372
1848
  ],
1373
1849
  "internalComponentProps": {
1374
1850
  "ChipBase": {
1375
- "as": [
1376
- "button"
1377
- ]
1378
- }
1379
- },
1380
- "propToVariantKeys": {
1381
- "variant": [
1382
- "chipLinkVariantRoot",
1383
- "chipLinkVariantIcon"
1384
- ]
1385
- },
1386
- "motionVarPrefixes": []
1387
- },
1388
- "ChipDismissible": {
1389
- "name": "ChipDismissible",
1390
- "defaultProps": {
1391
- "variant": "primary"
1392
- },
1393
- "getStylesLiterals": {},
1394
- "cxLiterals": [
1395
- "uds-chip-dismissible-button",
1396
- "uds-hit-target",
1397
- "uds-ring",
1398
- "rounded-full"
1399
- ],
1400
- "internalComponents": [
1401
- "ChipBase",
1402
- "IconSlot",
1403
- "Pressable"
1404
- ],
1405
- "internalComponentProps": {},
1406
- "propToVariantKeys": {
1407
- "variant": [
1408
- "chipDismissibleVariantRoot",
1409
- "chipDismissibleVariantIcon"
1410
- ],
1411
- "dismissButtonAriaLabel": [
1412
- "aria-label"
1413
- ]
1414
- },
1415
- "motionVarPrefixes": []
1416
- },
1417
- "ChipLink": {
1418
- "name": "ChipLink",
1419
- "defaultProps": {
1420
- "variant": "primary"
1421
- },
1422
- "getStylesLiterals": {},
1423
- "cxLiterals": [
1424
- "uds-ring"
1425
- ],
1426
- "internalComponents": [
1427
- "ChipBase"
1428
- ],
1429
- "internalComponentProps": {
1430
- "ChipBase": {
1431
- "as": [
1432
- "a"
1433
- ]
1434
- }
1435
- },
1436
- "propToVariantKeys": {
1437
- "variant": [
1438
- "chipLinkVariantRoot",
1439
- "chipLinkVariantIcon"
1440
- ]
1441
- },
1442
- "motionVarPrefixes": []
1443
- },
1444
- "ChipToggle": {
1445
- "name": "ChipToggle",
1446
- "defaultProps": {
1447
- "variant": "primary",
1448
- "role": "checkbox"
1449
- },
1450
- "getStylesLiterals": {
1451
- "chipToggleVariantActiveRoot": "on",
1452
- "chipToggleVariantActiveRoot:1": "off"
1453
- },
1454
- "cxLiterals": [
1455
- "uds-ring"
1456
- ],
1457
- "internalComponents": [
1458
- "ChipBase"
1459
- ],
1460
- "internalComponentProps": {
1461
- "ChipBase": {
1462
- "as": [
1463
- "button"
1464
- ]
1465
- }
1466
- },
1467
- "propToVariantKeys": {
1468
- "variant": [
1469
- "chipToggleVariantRoot",
1470
- "chipToggleVariantIcon"
1471
- ]
1472
- },
1473
- "motionVarPrefixes": []
1474
- },
1475
- "Menu.Content": {
1476
- "name": "Menu.Content",
1477
- "defaultProps": {
1478
- "size": "default",
1479
- "variant": "default",
1480
- "gutter": "1"
1481
- },
1482
- "getStylesLiterals": {},
1483
- "cxLiterals": [
1484
- "uds-menu-content",
1485
- "transition-shadow",
1486
- "duration-200",
1487
- "ease-in-out",
1488
- "min-w-60",
1489
- "max-w-lg",
1490
- "max-h-96",
1491
- "overflow-auto",
1492
- "uds-ring",
1493
- "z-10",
1494
- "group"
1495
- ],
1496
- "internalComponents": [
1497
- "AriakitMenu",
1498
- "AnimatePresence",
1499
- "MotionVStack"
1500
- ],
1501
- "internalComponentProps": {},
1502
- "propToVariantKeys": {
1503
- "size": [
1504
- "menucontentSizeRoot"
1505
- ],
1506
- "variant": [
1507
- "menucontentVariantRoot"
1508
- ]
1509
- },
1510
- "motionVarPrefixes": []
1511
- },
1512
- "Menu.Divider": {
1513
- "name": "Menu.Divider",
1514
- "defaultProps": {
1515
- "role": "separator",
1516
- "contentPosition": "start",
1517
- "gap": "4"
1518
- },
1519
- "getStylesLiterals": {
1520
- "menuitemDividerVariantRoot": "default",
1521
- "menuitemDividerVariantText": "default",
1522
- "menuitemDividerVariantLine": "default"
1523
- },
1524
- "cxLiterals": [],
1525
- "internalComponents": [
1526
- "DividerInternal"
1527
- ],
1528
- "internalComponentProps": {
1529
- "DividerInternal": {
1530
- "variant": [
1531
- "inherit"
1532
- ]
1533
- }
1534
- },
1535
- "propToVariantKeys": {},
1536
- "motionVarPrefixes": []
1537
- },
1538
- "Menu.Item": {
1539
- "name": "Menu.Item",
1540
- "defaultProps": {},
1541
- "getStylesLiterals": {
1542
- "menuitemItemVariantRoot": "default",
1543
- "menuitemItemVariantActiveRoot": "on",
1544
- "menuitemItemVariantActiveRoot:1": "off",
1545
- "menuitemItemVariantText": "default",
1546
- "menuitemItemVariantActiveText": "on",
1547
- "menuitemItemVariantActiveText:1": "off",
1548
- "menuitemItemVariantIcon": "default",
1549
- "menuitemItemVariantActiveIcon": "on",
1550
- "menuitemItemVariantActiveIcon:1": "off"
1551
- },
1552
- "cxLiterals": [],
1553
- "internalComponents": [
1554
- "MenuItemBase"
1555
- ],
1556
- "internalComponentProps": {},
1557
- "propToVariantKeys": {},
1558
- "motionVarPrefixes": []
1559
- },
1560
- "Menu.ItemBase": {
1561
- "name": "Menu.ItemBase",
1562
- "defaultProps": {
1563
- "spacing": "0",
1564
- "spacingHorizontal": "4",
1565
- "spacingVertical": "3.5",
1566
- "columnGap": "2",
1567
- "alignItems": "center",
1568
- "justifyContent": "space-between"
1569
- },
1570
- "getStylesLiterals": {
1571
- "textAlign": "start",
1572
- "menuitemSizeRoot": "default",
1573
- "flexDirection": "row",
1574
- "menuitemSizeStartIcon": "default",
1575
- "menuitemSizeEndIcon": "default"
1576
- },
1577
- "cxLiterals": [
1578
- "flex",
1579
- "focus-visible:text-brand",
1580
- "focus-visible:bg-brand-secondary",
1581
- "focus-visible:z-10",
1582
- "uds-ring",
1583
- "!-outline-offset-2",
1584
- "[&:not([aria-checked])]:cursor-default",
1585
- "opacity-25",
1586
- "cursor-not-allowed",
1587
- "duration-20",
1588
- "transition-[font-variation-settings]",
1589
- "ease-in-out",
1590
- "z-0",
1591
- "uds-start-icon",
1592
- "uds-end-icon"
1593
- ],
1594
- "internalComponents": [
1595
- "Pressable",
1596
- "IconSlot",
1597
- "RootComponent",
1598
- "HStack",
1599
- "AnimatePresence"
1600
- ],
1601
- "internalComponentProps": {
1602
- "HStack": {
1603
- "alignItems": [
1604
- "center"
1605
- ],
1606
- "width": [
1607
- "full"
1608
- ]
1609
- },
1610
- "AnimatePresence": {
1611
- "mode": [
1612
- "popLayout"
1851
+ "as": [
1852
+ "button"
1613
1853
  ]
1614
1854
  }
1615
1855
  },
1616
1856
  "propToVariantKeys": {
1617
- "startIcon": [
1618
- "icon"
1619
- ],
1620
- "endIcon": [
1621
- "icon"
1622
- ],
1623
- "columnGap": [
1624
- "gap"
1857
+ "variant": [
1858
+ "chipLinkVariantRoot",
1859
+ "chipLinkVariantIcon"
1625
1860
  ]
1626
1861
  },
1627
1862
  "motionVarPrefixes": []
1628
1863
  },
1629
- "Menu.ItemCheckbox": {
1630
- "name": "Menu.ItemCheckbox",
1631
- "defaultProps": {},
1632
- "getStylesLiterals": {
1633
- "menuitemItemCheckboxVariantRoot": "default",
1634
- "menuitemItemCheckboxVariantActiveRoot": "on",
1635
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1636
- "menuitemItemCheckboxVariantText": "default",
1637
- "menuitemItemCheckboxVariantActiveText": "on",
1638
- "menuitemItemCheckboxVariantActiveText:1": "off",
1639
- "menuitemItemCheckboxVariantStartIcon": "default",
1640
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1641
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1642
- "menuitemItemCheckboxVariantEndIcon": "default",
1643
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1644
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1864
+ "ChipDismissible": {
1865
+ "name": "ChipDismissible",
1866
+ "defaultProps": {
1867
+ "variant": "primary"
1645
1868
  },
1869
+ "getStylesLiterals": {},
1646
1870
  "cxLiterals": [
1647
- "uds-menu-item-checkbox"
1871
+ "uds-chip-dismissible-button",
1872
+ "uds-hit-target",
1873
+ "uds-ring",
1874
+ "rounded-full"
1648
1875
  ],
1649
1876
  "internalComponents": [
1650
- "MenuItemBase"
1877
+ "ChipBase",
1878
+ "IconSlot",
1879
+ "Pressable"
1651
1880
  ],
1652
1881
  "internalComponentProps": {},
1653
- "propToVariantKeys": {},
1882
+ "propToVariantKeys": {
1883
+ "variant": [
1884
+ "chipDismissibleVariantRoot",
1885
+ "chipDismissibleVariantIcon"
1886
+ ],
1887
+ "dismissButtonAriaLabel": [
1888
+ "aria-label"
1889
+ ]
1890
+ },
1654
1891
  "motionVarPrefixes": []
1655
1892
  },
1656
- "Menu.Provider": {
1657
- "name": "Menu.Provider",
1658
- "defaultProps": {},
1893
+ "ChipLink": {
1894
+ "name": "ChipLink",
1895
+ "defaultProps": {
1896
+ "variant": "primary"
1897
+ },
1659
1898
  "getStylesLiterals": {},
1660
- "cxLiterals": [],
1899
+ "cxLiterals": [
1900
+ "uds-ring"
1901
+ ],
1661
1902
  "internalComponents": [
1662
- "AriakitMenuProvider",
1663
- "SpringMotionConfig"
1903
+ "ChipBase"
1664
1904
  ],
1665
- "internalComponentProps": {},
1666
- "propToVariantKeys": {},
1667
- "motionVarPrefixes": [
1668
- "--uds-motion-subtle-3-",
1669
- "--uds-motion-smooth-3-"
1670
- ]
1905
+ "internalComponentProps": {
1906
+ "ChipBase": {
1907
+ "as": [
1908
+ "a"
1909
+ ]
1910
+ }
1911
+ },
1912
+ "propToVariantKeys": {
1913
+ "variant": [
1914
+ "chipLinkVariantRoot",
1915
+ "chipLinkVariantIcon"
1916
+ ]
1917
+ },
1918
+ "motionVarPrefixes": []
1671
1919
  },
1672
- "Menu.Trigger": {
1673
- "name": "Menu.Trigger",
1674
- "defaultProps": {},
1675
- "getStylesLiterals": {},
1920
+ "ChipToggle": {
1921
+ "name": "ChipToggle",
1922
+ "defaultProps": {
1923
+ "variant": "primary",
1924
+ "role": "checkbox"
1925
+ },
1926
+ "getStylesLiterals": {
1927
+ "chipToggleVariantActiveRoot": "on",
1928
+ "chipToggleVariantActiveRoot:1": "off"
1929
+ },
1676
1930
  "cxLiterals": [
1677
- "uds-menu-trigger"
1931
+ "uds-ring"
1678
1932
  ],
1679
1933
  "internalComponents": [
1680
- "AriakitMenuTrigger",
1681
- "Box"
1934
+ "ChipBase"
1682
1935
  ],
1683
1936
  "internalComponentProps": {
1684
- "Box": {
1685
- "className": [
1686
- "uds-ring h-fit w-fit"
1937
+ "ChipBase": {
1938
+ "as": [
1939
+ "button"
1687
1940
  ]
1688
1941
  }
1689
1942
  },
1690
- "propToVariantKeys": {},
1691
- "motionVarPrefixes": []
1692
- },
1693
- "Menu.index": {
1694
- "name": "Menu.index",
1695
- "defaultProps": {},
1696
- "getStylesLiterals": {},
1697
- "cxLiterals": [],
1698
- "internalComponents": [],
1699
- "internalComponentProps": {},
1700
- "propToVariantKeys": {},
1701
- "motionVarPrefixes": []
1702
- },
1703
- "Menu": {
1704
- "name": "Menu",
1705
- "defaultProps": {},
1706
- "getStylesLiterals": {},
1707
- "cxLiterals": [],
1708
- "internalComponents": [],
1709
- "internalComponentProps": {},
1710
- "propToVariantKeys": {},
1943
+ "propToVariantKeys": {
1944
+ "variant": [
1945
+ "chipToggleVariantRoot",
1946
+ "chipToggleVariantIcon"
1947
+ ]
1948
+ },
1711
1949
  "motionVarPrefixes": []
1712
1950
  },
1713
1951
  "Input": {
@@ -1825,525 +2063,398 @@
1825
2063
  "inputVariantValueRoot": "empty",
1826
2064
  "inputVariantValueRoot:1": "filled"
1827
2065
  },
1828
- "cxLiterals": [],
1829
- "internalComponents": [
1830
- "InputHelpTextInternal",
1831
- "Box"
1832
- ],
1833
- "internalComponentProps": {
1834
- "Box": {
1835
- "spacingTop": [
1836
- "2"
1837
- ]
1838
- }
1839
- },
1840
- "propToVariantKeys": {
1841
- "size": [
1842
- "inputSizeRoot"
1843
- ]
1844
- },
1845
- "motionVarPrefixes": []
1846
- },
1847
- "InputHelpTextInternal": {
1848
- "name": "InputHelpTextInternal",
1849
- "defaultProps": {},
1850
- "getStylesLiterals": {
1851
- "inputVariantHelperText": "default",
1852
- "inputVariantValueHelperText": "empty",
1853
- "inputVariantValueHelperText:1": "filled",
1854
- "inputVariantHelperIcon": "default",
1855
- "inputVariantValueHelperIcon": "empty",
1856
- "inputVariantValueHelperIcon:1": "filled"
1857
- },
1858
- "cxLiterals": [],
1859
- "internalComponents": [
1860
- "IconSlot",
1861
- "HStack"
1862
- ],
1863
- "internalComponentProps": {
1864
- "HStack": {
1865
- "gap": [
1866
- "1"
1867
- ],
1868
- "alignItems": [
1869
- "center"
1870
- ]
1871
- }
1872
- },
1873
- "propToVariantKeys": {
1874
- "size": [
1875
- "inputSizeHelperText",
1876
- "inputSizeHelperIcon"
1877
- ],
1878
- "startIcon": [
1879
- "icon"
1880
- ],
1881
- "endIcon": [
1882
- "icon"
1883
- ]
1884
- },
1885
- "motionVarPrefixes": []
1886
- },
1887
- "Popover": {
1888
- "name": "Popover",
1889
- "defaultProps": {},
1890
- "getStylesLiterals": {},
1891
- "cxLiterals": [],
1892
- "internalComponents": [
1893
- "PopoverInternalContext.Provider",
1894
- "PopoverProvider"
1895
- ],
1896
- "internalComponentProps": {},
1897
- "propToVariantKeys": {},
1898
- "motionVarPrefixes": []
1899
- },
1900
- "PopoverContent": {
1901
- "name": "PopoverContent",
1902
- "defaultProps": {},
1903
- "getStylesLiterals": {
1904
- "popoverSizeRoot": "default",
1905
- "popoverVariantRoot": "default",
1906
- "display": "flex",
1907
- "position": "absolute",
1908
- "spacingTop": "0",
1909
- "spacingStart": "0",
1910
- "spacingBottom": "0",
1911
- "spacingEnd": "0",
1912
- "popoverSizeSvgBase": "default",
1913
- "popoverVariantSvgBase": "default",
1914
- "popoverSizeSvgBorder": "default",
1915
- "popoverVariantSvgBorder": "default",
1916
- "popoverVariantBlur": "default",
1917
- "width": "full",
1918
- "height": "full",
1919
- "flexShrink": "0",
1920
- "borderRadius": "full",
1921
- "alignItems": "center",
1922
- "justifyContent": "center",
1923
- "popoverVariantCloseIcon": "default",
1924
- "popoverSizeCloseIcon": "default"
1925
- },
1926
- "cxLiterals": [
1927
- "z-[9999]",
1928
- "outline-none",
1929
- "focus-visible:outline-none",
1930
- "uds-bgBlurFillFallback",
1931
- "uds-bgBlurFallback",
1932
- "top-0",
1933
- "left-0",
1934
- "z-[1]",
1935
- "duration-0",
1936
- "duration-120",
1937
- "transition-[background-color]",
1938
- "bg-carbon-15/0",
1939
- "hover:bg-carbon-15/10",
1940
- "active:bg-carbon-15/15",
1941
- "uds-ring",
1942
- "absolute",
1943
- "z-[4]"
2066
+ "cxLiterals": [],
2067
+ "internalComponents": [
2068
+ "InputHelpTextInternal",
2069
+ "Box"
1944
2070
  ],
2071
+ "internalComponentProps": {
2072
+ "Box": {
2073
+ "spacingTop": [
2074
+ "2"
2075
+ ]
2076
+ }
2077
+ },
2078
+ "propToVariantKeys": {
2079
+ "size": [
2080
+ "inputSizeRoot"
2081
+ ]
2082
+ },
2083
+ "motionVarPrefixes": []
2084
+ },
2085
+ "InputHelpTextInternal": {
2086
+ "name": "InputHelpTextInternal",
2087
+ "defaultProps": {},
2088
+ "getStylesLiterals": {
2089
+ "inputVariantHelperText": "default",
2090
+ "inputVariantValueHelperText": "empty",
2091
+ "inputVariantValueHelperText:1": "filled",
2092
+ "inputVariantHelperIcon": "default",
2093
+ "inputVariantValueHelperIcon": "empty",
2094
+ "inputVariantValueHelperIcon:1": "filled"
2095
+ },
2096
+ "cxLiterals": [],
1945
2097
  "internalComponents": [
1946
- "PopoverDismiss",
1947
2098
  "IconSlot",
1948
- "PopoverArrow",
1949
- "Popover",
1950
- "SvgFloatingOverlay",
1951
- "Box",
1952
- "Pressable"
2099
+ "HStack"
1953
2100
  ],
1954
- "internalComponentProps": {},
2101
+ "internalComponentProps": {
2102
+ "HStack": {
2103
+ "gap": [
2104
+ "1"
2105
+ ],
2106
+ "alignItems": [
2107
+ "center"
2108
+ ]
2109
+ }
2110
+ },
1955
2111
  "propToVariantKeys": {
1956
- "closeIcon": [
2112
+ "size": [
2113
+ "inputSizeHelperText",
2114
+ "inputSizeHelperIcon"
2115
+ ],
2116
+ "startIcon": [
2117
+ "icon"
2118
+ ],
2119
+ "endIcon": [
1957
2120
  "icon"
1958
2121
  ]
1959
2122
  },
1960
2123
  "motionVarPrefixes": []
1961
2124
  },
1962
- "PopoverContext": {
1963
- "name": "PopoverContext",
1964
- "defaultProps": {},
2125
+ "Menu.Content": {
2126
+ "name": "Menu.Content",
2127
+ "defaultProps": {
2128
+ "size": "default",
2129
+ "variant": "default",
2130
+ "gutter": "1"
2131
+ },
1965
2132
  "getStylesLiterals": {},
1966
- "cxLiterals": [],
1967
- "internalComponents": [],
2133
+ "cxLiterals": [
2134
+ "uds-menu-content",
2135
+ "transition-shadow",
2136
+ "duration-200",
2137
+ "ease-in-out",
2138
+ "min-w-60",
2139
+ "max-w-lg",
2140
+ "max-h-96",
2141
+ "overflow-auto",
2142
+ "uds-ring",
2143
+ "z-10",
2144
+ "group"
2145
+ ],
2146
+ "internalComponents": [
2147
+ "AriakitMenu",
2148
+ "AnimatePresence",
2149
+ "MotionVStack"
2150
+ ],
1968
2151
  "internalComponentProps": {},
1969
- "propToVariantKeys": {},
2152
+ "propToVariantKeys": {
2153
+ "size": [
2154
+ "menucontentSizeRoot"
2155
+ ],
2156
+ "variant": [
2157
+ "menucontentVariantRoot"
2158
+ ]
2159
+ },
1970
2160
  "motionVarPrefixes": []
1971
2161
  },
1972
- "PopoverTrigger": {
1973
- "name": "PopoverTrigger",
1974
- "defaultProps": {},
1975
- "getStylesLiterals": {},
2162
+ "Menu.Divider": {
2163
+ "name": "Menu.Divider",
2164
+ "defaultProps": {
2165
+ "role": "separator",
2166
+ "contentPosition": "start",
2167
+ "gap": "4"
2168
+ },
2169
+ "getStylesLiterals": {
2170
+ "menuitemDividerVariantRoot": "default",
2171
+ "menuitemDividerVariantText": "default",
2172
+ "menuitemDividerVariantLine": "default"
2173
+ },
1976
2174
  "cxLiterals": [],
1977
2175
  "internalComponents": [
1978
- "PopoverDisclosure"
2176
+ "DividerInternal"
1979
2177
  ],
1980
2178
  "internalComponentProps": {
1981
- "PopoverDisclosure": {
1982
- "className": [
1983
- "inline"
2179
+ "DividerInternal": {
2180
+ "variant": [
2181
+ "inherit"
1984
2182
  ]
1985
2183
  }
1986
2184
  },
1987
- "propToVariantKeys": {
1988
- "children": [
1989
- "render"
1990
- ]
1991
- },
2185
+ "propToVariantKeys": {},
1992
2186
  "motionVarPrefixes": []
1993
2187
  },
1994
- "UDSPopoverConfigProvider": {
1995
- "name": "UDSPopoverConfigProvider",
2188
+ "Menu.Item": {
2189
+ "name": "Menu.Item",
1996
2190
  "defaultProps": {},
1997
- "getStylesLiterals": {},
2191
+ "getStylesLiterals": {
2192
+ "menuitemItemVariantRoot": "default",
2193
+ "menuitemItemVariantActiveRoot": "on",
2194
+ "menuitemItemVariantActiveRoot:1": "off",
2195
+ "menuitemItemVariantText": "default",
2196
+ "menuitemItemVariantActiveText": "on",
2197
+ "menuitemItemVariantActiveText:1": "off",
2198
+ "menuitemItemVariantIcon": "default",
2199
+ "menuitemItemVariantActiveIcon": "on",
2200
+ "menuitemItemVariantActiveIcon:1": "off"
2201
+ },
1998
2202
  "cxLiterals": [],
1999
2203
  "internalComponents": [
2000
- "PopoverContext.Provider"
2204
+ "MenuItemBase"
2001
2205
  ],
2002
2206
  "internalComponentProps": {},
2003
2207
  "propToVariantKeys": {},
2004
2208
  "motionVarPrefixes": []
2005
2209
  },
2006
- "Radio": {
2007
- "name": "Radio",
2210
+ "Menu.ItemBase": {
2211
+ "name": "Menu.ItemBase",
2008
2212
  "defaultProps": {
2009
- "labelPosition": "start",
2010
- "variant": "primary",
2011
- "size": "md",
2012
- "value": ""
2213
+ "spacing": "0",
2214
+ "spacingHorizontal": "4",
2215
+ "spacingVertical": "3.5",
2216
+ "columnGap": "2",
2217
+ "alignItems": "center",
2218
+ "justifyContent": "space-between"
2013
2219
  },
2014
2220
  "getStylesLiterals": {
2015
- "radioVariantValueRoot": "checked",
2016
- "radioVariantValueRoot:1": "unchecked",
2017
- "display": "flex",
2221
+ "textAlign": "start",
2222
+ "menuitemSizeRoot": "default",
2018
2223
  "flexDirection": "row",
2019
- "flexDirection:1": "row-reverse",
2020
- "alignItems": "center",
2021
- "radioVariantValueRadio": "checked",
2022
- "radioVariantValueRadio:1": "unchecked",
2023
- "radioVariantValueRadioCircle": "checked",
2024
- "radioVariantValueRadioCircle:1": "unchecked"
2224
+ "menuitemSizeStartIcon": "default",
2225
+ "menuitemSizeEndIcon": "default"
2025
2226
  },
2026
2227
  "cxLiterals": [
2027
- "cursor-pointer",
2028
- "cursor-default",
2029
- "opacity-50",
2030
- "border",
2228
+ "flex",
2229
+ "focus-visible:text-brand",
2230
+ "focus-visible:bg-brand-secondary",
2231
+ "focus-visible:z-10",
2031
2232
  "uds-ring",
2032
- "uds-ring-within",
2033
- "transition-[background-color,border-color]",
2034
- "transition-shadow",
2035
- "pointer-events-none",
2036
- "w-[8px]",
2037
- "h-[8px]",
2038
- "transition-opacity",
2039
- "cursor-[inherit]",
2040
- "absolute",
2041
- "opacity-0",
2042
- "top-1/2",
2043
- "left-1/2",
2044
- "w-[calc(100%+2px)]",
2045
- "h-[calc(100%+2px)]",
2046
- "transform",
2047
- "translate-x-[-50%]",
2048
- "translate-y-[-50%]",
2049
- "text-start",
2050
- "text-end"
2233
+ "!-outline-offset-2",
2234
+ "[&:not([aria-checked])]:cursor-default",
2235
+ "opacity-25",
2236
+ "cursor-not-allowed",
2237
+ "duration-20",
2238
+ "transition-[font-variation-settings]",
2239
+ "ease-in-out",
2240
+ "z-0",
2241
+ "uds-start-icon",
2242
+ "uds-end-icon"
2051
2243
  ],
2052
2244
  "internalComponents": [
2053
- "Box",
2054
- "FormLabel",
2055
- "SpringMotionConfig",
2056
- "RootElement",
2057
- "MotionBox"
2245
+ "Pressable",
2246
+ "IconSlot",
2247
+ "RootComponent",
2248
+ "HStack",
2249
+ "AnimatePresence"
2058
2250
  ],
2059
2251
  "internalComponentProps": {
2060
- "Box": {
2061
- "borderRadius": [
2062
- "full"
2063
- ]
2064
- },
2065
- "FormLabel": {
2066
- "as": [
2067
- "div"
2068
- ],
2069
- "variant": [
2070
- "inherit"
2071
- ],
2072
- "color": [
2073
- "inherit"
2074
- ]
2075
- },
2076
- "RootElement": {
2077
- "data-testid": [
2078
- "container"
2079
- ]
2080
- },
2081
- "MotionBox": {
2082
- "position": [
2083
- "relative"
2084
- ],
2085
- "borderRadius": [
2086
- "full"
2087
- ],
2252
+ "HStack": {
2088
2253
  "alignItems": [
2089
2254
  "center"
2090
2255
  ],
2091
- "justifyContent": [
2092
- "center"
2093
- ],
2094
- "flex": [
2095
- "none"
2256
+ "width": [
2257
+ "full"
2258
+ ]
2259
+ },
2260
+ "AnimatePresence": {
2261
+ "mode": [
2262
+ "popLayout"
2096
2263
  ]
2097
2264
  }
2098
2265
  },
2099
2266
  "propToVariantKeys": {
2100
- "size": [
2101
- "radioSizeRoot",
2102
- "radioSizeRadio"
2267
+ "startIcon": [
2268
+ "icon"
2103
2269
  ],
2104
- "variant": [
2105
- "radioVariantRoot",
2106
- "radioVariantRadio",
2107
- "radioVariantRadioCircle"
2270
+ "endIcon": [
2271
+ "icon"
2108
2272
  ],
2109
- "reduceMotion": [
2110
- "reducedMotion"
2273
+ "columnGap": [
2274
+ "gap"
2111
2275
  ]
2112
2276
  },
2113
- "motionVarPrefixes": [
2114
- "--uds-motion-subtle-3-",
2115
- "--uds-motion-smooth-3-"
2116
- ]
2277
+ "motionVarPrefixes": []
2117
2278
  },
2118
- "RadioGroupProvider": {
2119
- "name": "RadioGroupProvider",
2279
+ "Menu.ItemCheckbox": {
2280
+ "name": "Menu.ItemCheckbox",
2120
2281
  "defaultProps": {},
2121
- "getStylesLiterals": {},
2122
- "cxLiterals": [],
2282
+ "getStylesLiterals": {
2283
+ "menuitemItemCheckboxVariantRoot": "default",
2284
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2285
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2286
+ "menuitemItemCheckboxVariantText": "default",
2287
+ "menuitemItemCheckboxVariantActiveText": "on",
2288
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2289
+ "menuitemItemCheckboxVariantStartIcon": "default",
2290
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2291
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2292
+ "menuitemItemCheckboxVariantEndIcon": "default",
2293
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2294
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2295
+ },
2296
+ "cxLiterals": [
2297
+ "uds-menu-item-checkbox"
2298
+ ],
2123
2299
  "internalComponents": [
2124
- "DivProps",
2125
- "Comp",
2126
- "RadioGroupContext.Provider"
2300
+ "MenuItemBase"
2127
2301
  ],
2128
- "internalComponentProps": {
2129
- "Comp": {
2130
- "role": [
2131
- "radiogroup"
2132
- ]
2133
- }
2134
- },
2302
+ "internalComponentProps": {},
2135
2303
  "propToVariantKeys": {},
2136
2304
  "motionVarPrefixes": []
2137
2305
  },
2138
- "RadioGroupStore": {
2139
- "name": "RadioGroupStore",
2306
+ "Menu.Provider": {
2307
+ "name": "Menu.Provider",
2140
2308
  "defaultProps": {},
2141
2309
  "getStylesLiterals": {},
2142
2310
  "cxLiterals": [],
2143
- "internalComponents": [],
2144
- "internalComponentProps": {},
2145
- "propToVariantKeys": {},
2146
- "motionVarPrefixes": []
2147
- },
2148
- "Toast": {
2149
- "name": "Toast",
2150
- "defaultProps": {},
2151
- "getStylesLiterals": {
2152
- "className": "flex-none",
2153
- "spacing": "2",
2154
- "borderRadius": "full"
2155
- },
2156
- "cxLiterals": [
2157
- "duration-0",
2158
- "duration-120",
2159
- "transition-[background-color]",
2160
- "bg-carbon-15/0",
2161
- "hover:bg-carbon-15/10",
2162
- "active:bg-carbon-15/15",
2163
- "uds-ring"
2164
- ],
2165
2311
  "internalComponents": [
2166
- "IconSlot",
2167
- "ToastContainer",
2168
- "Text",
2169
- "Button",
2170
- "Pressable"
2312
+ "AriakitMenuProvider",
2313
+ "SpringMotionConfig"
2171
2314
  ],
2172
2315
  "internalComponentProps": {},
2173
- "propToVariantKeys": {
2174
- "size": [
2175
- "toastSizeLabel",
2176
- "toastSizeIcon",
2177
- "toastSizeActionButton",
2178
- "toastSizeCloseIcon"
2179
- ],
2180
- "variant": [
2181
- "toastVariantIcon",
2182
- "toastVariantActionButton",
2183
- "toastVariantCloseIcon"
2184
- ],
2185
- "closeIcon": [
2186
- "icon"
2187
- ],
2188
- "onClickActionButton": [
2189
- "onClick"
2190
- ]
2191
- },
2192
- "motionVarPrefixes": []
2316
+ "propToVariantKeys": {},
2317
+ "motionVarPrefixes": [
2318
+ "--uds-motion-subtle-3-",
2319
+ "--uds-motion-smooth-3-"
2320
+ ]
2193
2321
  },
2194
- "ToastContainer": {
2195
- "name": "ToastContainer",
2322
+ "Menu.Trigger": {
2323
+ "name": "Menu.Trigger",
2196
2324
  "defaultProps": {},
2197
- "getStylesLiterals": {
2198
- "position": "relative",
2199
- "alignItems": "center",
2200
- "display": "flex",
2201
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2202
- },
2325
+ "getStylesLiterals": {},
2203
2326
  "cxLiterals": [
2204
- "w-full"
2327
+ "uds-menu-trigger"
2205
2328
  ],
2206
2329
  "internalComponents": [
2207
- "HStack"
2330
+ "AriakitMenuTrigger",
2331
+ "Box"
2208
2332
  ],
2209
2333
  "internalComponentProps": {
2210
- "HStack": {
2211
- "alignItems": [
2212
- "center"
2213
- ],
2214
- "justifyContent": [
2215
- "space-between"
2216
- ],
2217
- "overflow": [
2218
- "hidden"
2219
- ],
2220
- "position": [
2221
- "relative"
2334
+ "Box": {
2335
+ "className": [
2336
+ "uds-ring h-fit w-fit"
2222
2337
  ]
2223
2338
  }
2224
2339
  },
2225
- "propToVariantKeys": {
2226
- "variant": [
2227
- "toastVariantRoot"
2228
- ],
2229
- "size": [
2230
- "toastSizeRoot"
2231
- ]
2232
- },
2340
+ "propToVariantKeys": {},
2233
2341
  "motionVarPrefixes": []
2234
2342
  },
2235
- "ToastPortal": {
2236
- "name": "ToastPortal",
2343
+ "Menu.index": {
2344
+ "name": "Menu.index",
2237
2345
  "defaultProps": {},
2238
2346
  "getStylesLiterals": {},
2239
2347
  "cxLiterals": [],
2240
- "internalComponents": [
2241
- "ReactToastifyToastContainer"
2242
- ],
2348
+ "internalComponents": [],
2243
2349
  "internalComponentProps": {},
2244
2350
  "propToVariantKeys": {},
2245
2351
  "motionVarPrefixes": []
2246
2352
  },
2247
- "UDSToastConfigProvider": {
2248
- "name": "UDSToastConfigProvider",
2353
+ "Menu": {
2354
+ "name": "Menu",
2249
2355
  "defaultProps": {},
2250
2356
  "getStylesLiterals": {},
2251
2357
  "cxLiterals": [],
2252
- "internalComponents": [
2253
- "ToastContext.Provider"
2254
- ],
2358
+ "internalComponents": [],
2255
2359
  "internalComponentProps": {},
2256
2360
  "propToVariantKeys": {},
2257
2361
  "motionVarPrefixes": []
2258
2362
  },
2259
- "Tooltip": {
2260
- "name": "Tooltip",
2363
+ "Popover": {
2364
+ "name": "Popover",
2261
2365
  "defaultProps": {},
2262
2366
  "getStylesLiterals": {},
2263
2367
  "cxLiterals": [],
2264
2368
  "internalComponents": [
2265
- "TooltipInternalContext.Provider",
2266
- "TooltipProvider"
2369
+ "PopoverInternalContext.Provider",
2370
+ "PopoverProvider"
2267
2371
  ],
2268
2372
  "internalComponentProps": {},
2269
2373
  "propToVariantKeys": {},
2270
2374
  "motionVarPrefixes": []
2271
2375
  },
2272
- "TooltipContent": {
2273
- "name": "TooltipContent",
2376
+ "PopoverContent": {
2377
+ "name": "PopoverContent",
2274
2378
  "defaultProps": {},
2275
2379
  "getStylesLiterals": {
2276
- "tooltipSizeRoot": "default",
2277
- "tooltipVariantRoot": "default",
2278
- "tooltipSizeSvg": "default",
2279
- "tooltipVariantSvg": "default",
2280
- "tooltipVariantBlur": "default",
2380
+ "popoverSizeRoot": "default",
2381
+ "popoverVariantRoot": "default",
2382
+ "display": "flex",
2281
2383
  "position": "absolute",
2384
+ "spacingTop": "0",
2385
+ "spacingStart": "0",
2386
+ "spacingBottom": "0",
2387
+ "spacingEnd": "0",
2388
+ "popoverSizeSvgBase": "default",
2389
+ "popoverVariantSvgBase": "default",
2390
+ "popoverSizeSvgBorder": "default",
2391
+ "popoverVariantSvgBorder": "default",
2392
+ "popoverVariantBlur": "default",
2282
2393
  "width": "full",
2283
2394
  "height": "full",
2284
- "tooltipSizeTitle": "default",
2285
- "tooltipSizeBody": "default",
2286
- "tooltipSizeEndContent": "default",
2287
- "tooltipSizeIcon": "default",
2288
- "tooltipVariantIcon": "default"
2395
+ "flexShrink": "0",
2396
+ "borderRadius": "full",
2397
+ "alignItems": "center",
2398
+ "justifyContent": "center",
2399
+ "popoverVariantCloseIcon": "default",
2400
+ "popoverSizeCloseIcon": "default"
2289
2401
  },
2290
2402
  "cxLiterals": [
2291
- "max-w-lg",
2292
- "flex",
2293
2403
  "z-[9999]",
2404
+ "outline-none",
2405
+ "focus-visible:outline-none",
2294
2406
  "uds-bgBlurFillFallback",
2295
2407
  "uds-bgBlurFallback",
2296
2408
  "top-0",
2297
2409
  "left-0",
2298
- "z-[1]"
2410
+ "z-[1]",
2411
+ "duration-0",
2412
+ "duration-120",
2413
+ "transition-[background-color]",
2414
+ "bg-carbon-15/0",
2415
+ "hover:bg-carbon-15/10",
2416
+ "active:bg-carbon-15/15",
2417
+ "uds-ring",
2418
+ "absolute",
2419
+ "z-[4]"
2299
2420
  ],
2300
2421
  "internalComponents": [
2422
+ "PopoverDismiss",
2301
2423
  "IconSlot",
2302
- "TooltipArrow",
2303
- "Tooltip",
2304
- "SvgFloatingOverlay",
2305
- "VStack",
2306
- "Box",
2307
- "Text"
2308
- ],
2309
- "internalComponentProps": {
2310
- "VStack": {
2311
- "className": [
2312
- "gap-[inherit]"
2313
- ]
2314
- },
2315
- "Box": {
2316
- "alignItems": [
2317
- "center"
2318
- ],
2319
- "columnGap": [
2320
- "1",
2321
- "1.5"
2322
- ]
2323
- },
2324
- "Text": {
2325
- "color": [
2326
- "inherit"
2327
- ]
2328
- }
2329
- },
2424
+ "PopoverArrow",
2425
+ "Popover",
2426
+ "SvgFloatingOverlay",
2427
+ "Box",
2428
+ "Pressable"
2429
+ ],
2430
+ "internalComponentProps": {},
2330
2431
  "propToVariantKeys": {
2331
- "startTitleIcon": [
2432
+ "closeIcon": [
2332
2433
  "icon"
2333
2434
  ]
2334
2435
  },
2335
2436
  "motionVarPrefixes": []
2336
2437
  },
2337
- "TooltipTrigger": {
2338
- "name": "TooltipTrigger",
2438
+ "PopoverContext": {
2439
+ "name": "PopoverContext",
2440
+ "defaultProps": {},
2441
+ "getStylesLiterals": {},
2442
+ "cxLiterals": [],
2443
+ "internalComponents": [],
2444
+ "internalComponentProps": {},
2445
+ "propToVariantKeys": {},
2446
+ "motionVarPrefixes": []
2447
+ },
2448
+ "PopoverTrigger": {
2449
+ "name": "PopoverTrigger",
2339
2450
  "defaultProps": {},
2340
2451
  "getStylesLiterals": {},
2341
2452
  "cxLiterals": [],
2342
2453
  "internalComponents": [
2343
- "TooltipAnchor"
2454
+ "PopoverDisclosure"
2344
2455
  ],
2345
2456
  "internalComponentProps": {
2346
- "TooltipAnchor": {
2457
+ "PopoverDisclosure": {
2347
2458
  "className": [
2348
2459
  "inline"
2349
2460
  ]
@@ -2356,516 +2467,408 @@
2356
2467
  },
2357
2468
  "motionVarPrefixes": []
2358
2469
  },
2359
- "UDSTooltipConfigProvider": {
2360
- "name": "UDSTooltipConfigProvider",
2361
- "defaultProps": {},
2362
- "getStylesLiterals": {},
2363
- "cxLiterals": [],
2364
- "internalComponents": [
2365
- "TooltipContext.Provider"
2366
- ],
2367
- "internalComponentProps": {},
2368
- "propToVariantKeys": {},
2369
- "motionVarPrefixes": []
2370
- },
2371
- "UDSBreakpointsConfigProvider": {
2372
- "name": "UDSBreakpointsConfigProvider",
2373
- "defaultProps": {},
2374
- "getStylesLiterals": {},
2375
- "cxLiterals": [],
2376
- "internalComponents": [
2377
- "UDSBreakpointsConfigContext.Provider"
2378
- ],
2379
- "internalComponentProps": {},
2380
- "propToVariantKeys": {},
2381
- "motionVarPrefixes": []
2382
- },
2383
- "UDSConfigProvider": {
2384
- "name": "UDSConfigProvider",
2470
+ "UDSPopoverConfigProvider": {
2471
+ "name": "UDSPopoverConfigProvider",
2385
2472
  "defaultProps": {},
2386
2473
  "getStylesLiterals": {},
2387
2474
  "cxLiterals": [],
2388
2475
  "internalComponents": [
2389
- "UDSBreakpointsConfigProvider",
2390
- "UDSBottomSheetConfigProvider",
2391
- "UDSToastConfigProvider",
2392
- "UDSTooltipConfigProvider",
2393
- "UDSPopoverConfigProvider"
2476
+ "PopoverContext.Provider"
2394
2477
  ],
2395
2478
  "internalComponentProps": {},
2396
2479
  "propToVariantKeys": {},
2397
2480
  "motionVarPrefixes": []
2398
2481
  },
2399
- "Accordion": {
2400
- "name": "Accordion",
2482
+ "Radio": {
2483
+ "name": "Radio",
2401
2484
  "defaultProps": {
2402
- "spacingHorizontal": "4",
2403
- "spacingVertical": "4"
2404
- },
2405
- "getStylesLiterals": {},
2406
- "cxLiterals": [
2407
- "hover:bg-secondary/80",
2408
- "w-full"
2409
- ],
2410
- "internalComponents": [
2411
- "Icon",
2412
- "SpringMotionConfig",
2413
- "Pressable",
2414
- "Text",
2415
- "HStack",
2416
- "AnimatePresence",
2417
- "VStack"
2418
- ],
2419
- "internalComponentProps": {
2420
- "Icon": {
2421
- "variant": [
2422
- "fill"
2423
- ],
2424
- "size": [
2425
- "sm"
2426
- ],
2427
- "color": [
2428
- "primary"
2429
- ]
2430
- },
2431
- "SpringMotionConfig": {
2432
- "layoutVariant": [
2433
- "smooth"
2434
- ],
2435
- "layoutSpeed": [
2436
- "3"
2437
- ]
2438
- },
2439
- "Pressable": {
2440
- "display": [
2441
- "flex"
2442
- ],
2443
- "flexDirection": [
2444
- "row"
2445
- ],
2446
- "alignItems": [
2447
- "center"
2448
- ],
2449
- "justifyContent": [
2450
- "space-between"
2451
- ],
2452
- "borderRadius": [
2453
- "md"
2454
- ]
2455
- },
2456
- "Text": {
2457
- "variant": [
2458
- "title4"
2459
- ],
2460
- "color": [
2461
- "primary"
2462
- ]
2463
- },
2464
- "HStack": {
2465
- "display": [
2466
- "flex"
2467
- ],
2468
- "alignItems": [
2469
- "center"
2470
- ],
2471
- "justifyContent": [
2472
- "space-between"
2473
- ],
2474
- "columnGap": [
2475
- "2.5"
2476
- ]
2477
- }
2485
+ "labelPosition": "start",
2486
+ "variant": "primary",
2487
+ "size": "md",
2488
+ "value": ""
2478
2489
  },
2479
- "propToVariantKeys": {},
2480
- "motionVarPrefixes": [
2481
- "--uds-motion-smooth-3-"
2482
- ]
2483
- },
2484
- "AvoidMotionLibraryProvider": {
2485
- "name": "AvoidMotionLibraryProvider",
2486
- "defaultProps": {},
2487
- "getStylesLiterals": {},
2488
- "cxLiterals": [],
2489
- "internalComponents": [],
2490
- "internalComponentProps": {},
2491
- "propToVariantKeys": {},
2492
- "motionVarPrefixes": []
2493
- },
2494
- "ExperimentalPopover": {
2495
- "name": "ExperimentalPopover",
2496
- "defaultProps": {},
2497
- "getStylesLiterals": {},
2498
- "cxLiterals": [],
2499
- "internalComponents": [
2500
- "HStack",
2501
- "Text",
2502
- "ExperimentalPopoverHeadingBase"
2503
- ],
2504
- "internalComponentProps": {
2505
- "Text": {
2506
- "variant": [
2507
- "headline1"
2508
- ],
2509
- "color": [
2510
- "primary"
2511
- ]
2512
- }
2490
+ "getStylesLiterals": {
2491
+ "radioVariantValueRoot": "checked",
2492
+ "radioVariantValueRoot:1": "unchecked",
2493
+ "display": "flex",
2494
+ "flexDirection": "row",
2495
+ "flexDirection:1": "row-reverse",
2496
+ "alignItems": "center",
2497
+ "radioVariantValueRadio": "checked",
2498
+ "radioVariantValueRadio:1": "unchecked",
2499
+ "radioVariantValueRadioCircle": "checked",
2500
+ "radioVariantValueRadioCircle:1": "unchecked"
2513
2501
  },
2514
- "propToVariantKeys": {},
2515
- "motionVarPrefixes": []
2516
- },
2517
- "Modal": {
2518
- "name": "Modal",
2519
- "defaultProps": {},
2520
- "getStylesLiterals": {},
2521
2502
  "cxLiterals": [
2522
- "inset-8",
2523
- "top-[250px]",
2524
- "z-50",
2525
- "mx-auto",
2526
- "h-fit",
2527
- "w-[600px]",
2528
- "origin-center",
2529
- "scale-95",
2503
+ "cursor-pointer",
2504
+ "cursor-default",
2505
+ "opacity-50",
2506
+ "border",
2507
+ "uds-ring",
2508
+ "uds-ring-within",
2509
+ "transition-[background-color,border-color]",
2510
+ "transition-shadow",
2511
+ "pointer-events-none",
2512
+ "w-[8px]",
2513
+ "h-[8px]",
2514
+ "transition-opacity",
2515
+ "cursor-[inherit]",
2516
+ "absolute",
2530
2517
  "opacity-0",
2531
- "transition",
2532
- "duration-150",
2533
- "data-[enter]:scale-100",
2534
- "data-[enter]:opacity-100",
2535
- "data-[enter]:bg-primary",
2536
- "backdrop-blur-0",
2537
- "data-[enter]:opacity-60",
2538
- "data-[enter]:backdrop-blur-sm"
2518
+ "top-1/2",
2519
+ "left-1/2",
2520
+ "w-[calc(100%+2px)]",
2521
+ "h-[calc(100%+2px)]",
2522
+ "transform",
2523
+ "translate-x-[-50%]",
2524
+ "translate-y-[-50%]",
2525
+ "text-start",
2526
+ "text-end"
2539
2527
  ],
2540
2528
  "internalComponents": [
2541
- "IconButton",
2542
- "Dialog",
2543
- "HStack",
2544
- "Text",
2545
- "VStack"
2546
- ],
2547
- "internalComponentProps": {
2548
- "IconButton": {
2549
- "aria-label": [
2550
- "Close"
2551
- ],
2552
- "size": [
2553
- "sm"
2554
- ],
2555
- "variant": [
2556
- "tertiary"
2529
+ "Box",
2530
+ "FormLabel",
2531
+ "SpringMotionConfig",
2532
+ "RootElement",
2533
+ "MotionBox"
2534
+ ],
2535
+ "internalComponentProps": {
2536
+ "Box": {
2537
+ "borderRadius": [
2538
+ "full"
2557
2539
  ]
2558
2540
  },
2559
- "HStack": {
2560
- "alignItems": [
2561
- "center"
2541
+ "FormLabel": {
2542
+ "as": [
2543
+ "div"
2562
2544
  ],
2563
- "justifyContent": [
2564
- "space-between"
2565
- ]
2566
- },
2567
- "Text": {
2568
2545
  "variant": [
2569
- "headline1"
2546
+ "inherit"
2570
2547
  ],
2571
2548
  "color": [
2572
- "primary"
2549
+ "inherit"
2573
2550
  ]
2574
2551
  },
2575
- "VStack": {
2576
- "borderRadius": [
2577
- "md"
2578
- ],
2552
+ "RootElement": {
2553
+ "data-testid": [
2554
+ "container"
2555
+ ]
2556
+ },
2557
+ "MotionBox": {
2579
2558
  "position": [
2580
- "fixed"
2559
+ "relative"
2581
2560
  ],
2582
- "backgroundColor": [
2583
- "primary"
2561
+ "borderRadius": [
2562
+ "full"
2584
2563
  ],
2585
- "dropShadow": [
2586
- "md"
2564
+ "alignItems": [
2565
+ "center"
2587
2566
  ],
2588
- "spacing": [
2589
- "8"
2567
+ "justifyContent": [
2568
+ "center"
2590
2569
  ],
2591
- "overflow": [
2592
- "hidden"
2570
+ "flex": [
2571
+ "none"
2593
2572
  ]
2594
2573
  }
2595
2574
  },
2596
2575
  "propToVariantKeys": {
2597
- "handleClose": [
2598
- "onClick"
2576
+ "size": [
2577
+ "radioSizeRoot",
2578
+ "radioSizeRadio"
2579
+ ],
2580
+ "variant": [
2581
+ "radioVariantRoot",
2582
+ "radioVariantRadio",
2583
+ "radioVariantRadioCircle"
2584
+ ],
2585
+ "reduceMotion": [
2586
+ "reducedMotion"
2599
2587
  ]
2600
2588
  },
2589
+ "motionVarPrefixes": [
2590
+ "--uds-motion-subtle-3-",
2591
+ "--uds-motion-smooth-3-"
2592
+ ]
2593
+ },
2594
+ "RadioGroupProvider": {
2595
+ "name": "RadioGroupProvider",
2596
+ "defaultProps": {},
2597
+ "getStylesLiterals": {},
2598
+ "cxLiterals": [],
2599
+ "internalComponents": [
2600
+ "DivProps",
2601
+ "Comp",
2602
+ "RadioGroupContext.Provider"
2603
+ ],
2604
+ "internalComponentProps": {
2605
+ "Comp": {
2606
+ "role": [
2607
+ "radiogroup"
2608
+ ]
2609
+ }
2610
+ },
2611
+ "propToVariantKeys": {},
2601
2612
  "motionVarPrefixes": []
2602
2613
  },
2603
- "SegmentedControl": {
2604
- "name": "SegmentedControl",
2614
+ "RadioGroupStore": {
2615
+ "name": "RadioGroupStore",
2616
+ "defaultProps": {},
2617
+ "getStylesLiterals": {},
2618
+ "cxLiterals": [],
2619
+ "internalComponents": [],
2620
+ "internalComponentProps": {},
2621
+ "propToVariantKeys": {},
2622
+ "motionVarPrefixes": []
2623
+ },
2624
+ "Toast": {
2625
+ "name": "Toast",
2605
2626
  "defaultProps": {},
2606
2627
  "getStylesLiterals": {
2607
- "display": "flex",
2608
- "alignItems": "center",
2609
- "backgroundColor": "primary",
2610
- "spacingVertical": "1",
2611
- "spacingHorizontal": "3",
2612
- "columnGap": "1.5",
2613
- "borderWidth": "thin",
2614
- "borderRadius": "full",
2615
- "borderColor": "muted",
2616
- "borderColor:1": "transparent",
2617
- "color": "primary",
2618
- "color:1": "tertiary",
2619
- "color:2": "muted"
2628
+ "className": "flex-none",
2629
+ "spacing": "2",
2630
+ "borderRadius": "full"
2620
2631
  },
2621
2632
  "cxLiterals": [
2622
- "uds-ring",
2623
- "cursor-not-allowed",
2624
- "opacity-50",
2625
- "pointer-events-none",
2626
- "hover:bg-primary"
2633
+ "duration-0",
2634
+ "duration-120",
2635
+ "transition-[background-color]",
2636
+ "bg-carbon-15/0",
2637
+ "hover:bg-carbon-15/10",
2638
+ "active:bg-carbon-15/15",
2639
+ "uds-ring"
2627
2640
  ],
2628
2641
  "internalComponents": [
2629
- "Radio",
2630
- "Icon",
2631
- "RadioProvider",
2632
- "HStack",
2633
- "RadioGroup",
2634
- "Pressable",
2635
- "Text"
2642
+ "IconSlot",
2643
+ "ToastContainer",
2644
+ "Text",
2645
+ "Button",
2646
+ "Pressable"
2636
2647
  ],
2637
- "internalComponentProps": {
2638
- "Icon": {
2639
- "size": [
2640
- "sm"
2641
- ],
2642
- "color": [
2643
- "current"
2644
- ],
2645
- "aria-hidden": [
2646
- "true"
2647
- ]
2648
- },
2649
- "HStack": {
2650
- "spacing": [
2651
- "1"
2652
- ],
2653
- "gap": [
2654
- "1"
2655
- ],
2656
- "backgroundColor": [
2657
- "secondary"
2658
- ],
2659
- "borderRadius": [
2660
- "full"
2661
- ],
2662
- "display": [
2663
- "inline-flex"
2664
- ]
2665
- },
2666
- "Text": {
2667
- "variant": [
2668
- "label2"
2669
- ],
2670
- "color": [
2671
- "current"
2672
- ]
2673
- }
2674
- },
2648
+ "internalComponentProps": {},
2675
2649
  "propToVariantKeys": {
2676
- "value": [
2677
- "key"
2650
+ "size": [
2651
+ "toastSizeLabel",
2652
+ "toastSizeIcon",
2653
+ "toastSizeActionButton",
2654
+ "toastSizeCloseIcon"
2678
2655
  ],
2679
- "label": [
2680
- "aria-label"
2656
+ "variant": [
2657
+ "toastVariantIcon",
2658
+ "toastVariantActionButton",
2659
+ "toastVariantCloseIcon"
2660
+ ],
2661
+ "closeIcon": [
2662
+ "icon"
2663
+ ],
2664
+ "onClickActionButton": [
2665
+ "onClick"
2681
2666
  ]
2682
2667
  },
2683
2668
  "motionVarPrefixes": []
2684
2669
  },
2685
- "SwitchV2": {
2686
- "name": "SwitchV2",
2687
- "defaultProps": {
2688
- "labelPosition": "start",
2689
- "size": "md"
2690
- },
2691
- "getStylesLiterals": {
2692
- "switchVariantRoot": "default",
2693
- "switchVariantActiveRoot": "on",
2694
- "switchVariantActiveRoot:1": "off",
2695
- "switchVariantSwitch": "default",
2696
- "switchVariantActiveSwitch": "on",
2697
- "switchVariantActiveSwitch:1": "off",
2698
- "switchVariantActiveHandle": "on",
2699
- "switchVariantActiveHandle:1": "off",
2700
- "switchVariantHandle": "default",
2701
- "switchVariantHandleIcon": "default",
2702
- "switchVariantActiveHandleIcon": "on",
2703
- "switchVariantActiveHandleIcon:1": "off"
2704
- },
2705
- "cxLiterals": [
2706
- "group",
2707
- "flex",
2708
- "items-center",
2709
- "flex-row",
2710
- "flex-row-reverse",
2711
- "uds-ring",
2712
- "uds-ring-within",
2713
- "relative",
2714
- "uds-border-radius-full",
2715
- "transition-[background-color,box-shadow]",
2716
- "pointer-events-none",
2717
- "w-full",
2718
- "h-full",
2719
- "absolute",
2720
- "top-0",
2721
- "bottom-0",
2722
- "right-0",
2723
- "left-0",
2724
- "overflow-hidden",
2725
- "group-hover:scale-105",
2726
- "opacity-95",
2727
- "group-hover:opacity-100",
2728
- "transition-[transform,opacity]",
2729
- "opacity-0",
2730
- "top-1/2",
2731
- "left-1/2",
2732
- "transform",
2733
- "translate-x-[-50%]",
2734
- "translate-y-[-50%]",
2735
- "transition-opacity",
2736
- "cursor-[inherit]",
2737
- "w-[calc(100%+2px)]",
2738
- "h-[calc(100%+2px)]",
2739
- "text-start",
2740
- "text-end",
2741
- "opacity-100"
2670
+ "ToastContainer": {
2671
+ "name": "ToastContainer",
2672
+ "defaultProps": {},
2673
+ "getStylesLiterals": {
2674
+ "position": "relative",
2675
+ "alignItems": "center",
2676
+ "display": "flex",
2677
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2678
+ },
2679
+ "cxLiterals": [
2680
+ "w-full"
2742
2681
  ],
2743
2682
  "internalComponents": [
2744
- "IconSlot",
2745
- "Box",
2746
- "FormLabel",
2747
- "SpringMotionConfig",
2748
- "RootElement",
2749
- "MotionBox"
2683
+ "HStack"
2750
2684
  ],
2751
2685
  "internalComponentProps": {
2752
- "IconSlot": {
2753
- "data-testid": [
2754
- "on-icon",
2755
- "off-icon"
2756
- ]
2757
- },
2758
- "FormLabel": {
2759
- "as": [
2760
- "div"
2686
+ "HStack": {
2687
+ "alignItems": [
2688
+ "center"
2761
2689
  ],
2762
- "variant": [
2763
- "inherit"
2690
+ "justifyContent": [
2691
+ "space-between"
2764
2692
  ],
2765
- "color": [
2766
- "inherit"
2767
- ]
2768
- },
2769
- "SpringMotionConfig": {
2770
- "layoutVariant": [
2771
- "bouncy"
2693
+ "overflow": [
2694
+ "hidden"
2772
2695
  ],
2773
- "layoutSpeed": [
2774
- "4"
2775
- ]
2776
- },
2777
- "RootElement": {
2778
- "data-testid": [
2779
- "switch-root"
2780
- ]
2781
- },
2782
- "MotionBox": {
2783
- "layout": [
2784
- "position"
2696
+ "position": [
2697
+ "relative"
2785
2698
  ]
2786
2699
  }
2787
2700
  },
2788
2701
  "propToVariantKeys": {
2789
- "size": [
2790
- "switchSizeRoot",
2791
- "switchSizeSwitch",
2792
- "switchSizeHandle",
2793
- "switchSizeHandleIcon"
2794
- ],
2795
- "onIcon": [
2796
- "icon"
2797
- ],
2798
- "offIcon": [
2799
- "icon"
2800
- ],
2801
- "reduceMotion": [
2802
- "reducedMotion"
2702
+ "variant": [
2703
+ "toastVariantRoot"
2803
2704
  ],
2804
- "isOn": [
2805
- "layoutDependency"
2705
+ "size": [
2706
+ "toastSizeRoot"
2806
2707
  ]
2807
2708
  },
2808
- "motionVarPrefixes": [
2809
- "--uds-motion-bouncy-4-",
2810
- "--uds-motion-smooth-3-"
2811
- ]
2709
+ "motionVarPrefixes": []
2812
2710
  },
2813
- "Tabs": {
2814
- "name": "Tabs",
2711
+ "ToastPortal": {
2712
+ "name": "ToastPortal",
2713
+ "defaultProps": {},
2714
+ "getStylesLiterals": {},
2715
+ "cxLiterals": [],
2716
+ "internalComponents": [
2717
+ "ReactToastifyToastContainer"
2718
+ ],
2719
+ "internalComponentProps": {},
2720
+ "propToVariantKeys": {},
2721
+ "motionVarPrefixes": []
2722
+ },
2723
+ "UDSToastConfigProvider": {
2724
+ "name": "UDSToastConfigProvider",
2725
+ "defaultProps": {},
2726
+ "getStylesLiterals": {},
2727
+ "cxLiterals": [],
2728
+ "internalComponents": [
2729
+ "ToastContext.Provider"
2730
+ ],
2731
+ "internalComponentProps": {},
2732
+ "propToVariantKeys": {},
2733
+ "motionVarPrefixes": []
2734
+ },
2735
+ "Tooltip": {
2736
+ "name": "Tooltip",
2737
+ "defaultProps": {},
2738
+ "getStylesLiterals": {},
2739
+ "cxLiterals": [],
2740
+ "internalComponents": [
2741
+ "TooltipInternalContext.Provider",
2742
+ "TooltipProvider"
2743
+ ],
2744
+ "internalComponentProps": {},
2745
+ "propToVariantKeys": {},
2746
+ "motionVarPrefixes": []
2747
+ },
2748
+ "TooltipContent": {
2749
+ "name": "TooltipContent",
2815
2750
  "defaultProps": {},
2816
2751
  "getStylesLiterals": {
2817
- "display": "flex",
2818
- "flexDirection": "row",
2819
- "columnGap": "6"
2752
+ "tooltipSizeRoot": "default",
2753
+ "tooltipVariantRoot": "default",
2754
+ "tooltipSizeSvg": "default",
2755
+ "tooltipVariantSvg": "default",
2756
+ "tooltipVariantBlur": "default",
2757
+ "position": "absolute",
2758
+ "width": "full",
2759
+ "height": "full",
2760
+ "tooltipSizeTitle": "default",
2761
+ "tooltipSizeBody": "default",
2762
+ "tooltipSizeEndContent": "default",
2763
+ "tooltipSizeIcon": "default",
2764
+ "tooltipVariantIcon": "default"
2820
2765
  },
2821
2766
  "cxLiterals": [
2822
- "text-tertiary",
2823
- "border-b-transparent",
2824
- "aria-selected:border-b-brand",
2825
- "aria-selected:text-secondary"
2767
+ "max-w-lg",
2768
+ "flex",
2769
+ "z-[9999]",
2770
+ "uds-bgBlurFillFallback",
2771
+ "uds-bgBlurFallback",
2772
+ "top-0",
2773
+ "left-0",
2774
+ "z-[1]"
2826
2775
  ],
2827
2776
  "internalComponents": [
2828
- "TabProvider",
2829
- "OriginalTabList",
2830
- "OriginalTab",
2831
- "Icon",
2832
- "OriginalTabPanel",
2833
- "Pressable",
2834
- "Comp",
2777
+ "IconSlot",
2778
+ "TooltipArrow",
2779
+ "Tooltip",
2780
+ "SvgFloatingOverlay",
2781
+ "VStack",
2782
+ "Box",
2835
2783
  "Text"
2836
2784
  ],
2837
2785
  "internalComponentProps": {
2838
- "Icon": {
2786
+ "VStack": {
2839
2787
  "className": [
2840
- "text-current"
2841
- ],
2842
- "size": [
2843
- "md"
2788
+ "gap-[inherit]"
2844
2789
  ]
2845
2790
  },
2846
- "Pressable": {
2847
- "borderBottomWidth": [
2848
- "medium"
2849
- ],
2850
- "spacingBottom": [
2851
- "1"
2791
+ "Box": {
2792
+ "alignItems": [
2793
+ "center"
2852
2794
  ],
2853
- "spacingTop": [
2854
- "4"
2795
+ "columnGap": [
2796
+ "1",
2797
+ "1.5"
2855
2798
  ]
2856
2799
  },
2857
2800
  "Text": {
2801
+ "color": [
2802
+ "inherit"
2803
+ ]
2804
+ }
2805
+ },
2806
+ "propToVariantKeys": {
2807
+ "startTitleIcon": [
2808
+ "icon"
2809
+ ]
2810
+ },
2811
+ "motionVarPrefixes": []
2812
+ },
2813
+ "TooltipTrigger": {
2814
+ "name": "TooltipTrigger",
2815
+ "defaultProps": {},
2816
+ "getStylesLiterals": {},
2817
+ "cxLiterals": [],
2818
+ "internalComponents": [
2819
+ "TooltipAnchor"
2820
+ ],
2821
+ "internalComponentProps": {
2822
+ "TooltipAnchor": {
2858
2823
  "className": [
2859
- "text-current"
2860
- ],
2861
- "variant": [
2862
- "headline1"
2863
- ],
2864
- "as": [
2865
- "span"
2824
+ "inline"
2866
2825
  ]
2867
2826
  }
2868
2827
  },
2828
+ "propToVariantKeys": {
2829
+ "children": [
2830
+ "render"
2831
+ ]
2832
+ },
2833
+ "motionVarPrefixes": []
2834
+ },
2835
+ "UDSTooltipConfigProvider": {
2836
+ "name": "UDSTooltipConfigProvider",
2837
+ "defaultProps": {},
2838
+ "getStylesLiterals": {},
2839
+ "cxLiterals": [],
2840
+ "internalComponents": [
2841
+ "TooltipContext.Provider"
2842
+ ],
2843
+ "internalComponentProps": {},
2844
+ "propToVariantKeys": {},
2845
+ "motionVarPrefixes": []
2846
+ },
2847
+ "UDSBreakpointsConfigProvider": {
2848
+ "name": "UDSBreakpointsConfigProvider",
2849
+ "defaultProps": {},
2850
+ "getStylesLiterals": {},
2851
+ "cxLiterals": [],
2852
+ "internalComponents": [
2853
+ "UDSBreakpointsConfigContext.Provider"
2854
+ ],
2855
+ "internalComponentProps": {},
2856
+ "propToVariantKeys": {},
2857
+ "motionVarPrefixes": []
2858
+ },
2859
+ "UDSConfigProvider": {
2860
+ "name": "UDSConfigProvider",
2861
+ "defaultProps": {},
2862
+ "getStylesLiterals": {},
2863
+ "cxLiterals": [],
2864
+ "internalComponents": [
2865
+ "UDSBreakpointsConfigProvider",
2866
+ "UDSBottomSheetConfigProvider",
2867
+ "UDSToastConfigProvider",
2868
+ "UDSTooltipConfigProvider",
2869
+ "UDSPopoverConfigProvider"
2870
+ ],
2871
+ "internalComponentProps": {},
2869
2872
  "propToVariantKeys": {},
2870
2873
  "motionVarPrefixes": []
2871
2874
  }