@yahoo/uds 3.121.0 → 3.122.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  2. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  3. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  4. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  5. package/dist/fixtures/dist/index.cjs +1 -2
  6. package/dist/fixtures/dist/index.js +1 -2
  7. package/dist/styles/styler.d.cts +38 -38
  8. package/dist/styles/styler.d.ts +38 -38
  9. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
  10. package/dist/uds/generated/componentData.cjs +1105 -1105
  11. package/dist/uds/generated/componentData.js +1105 -1105
  12. package/dist/uds/package.cjs +3 -3
  13. package/dist/uds/package.js +3 -3
  14. package/generated/componentData.json +1387 -1387
  15. package/package.json +4 -4
package/generated/componentData.json CHANGED
@@ -419,6 +419,92 @@
419
419
  "runtimeConfigInternalComponentProps": {},
420
420
  "motionVarPrefixes": []
421
421
  },
422
+ "Spinner": {
423
+ "name": "Spinner",
424
+ "defaultProps": {
425
+ "color": "primary",
426
+ "size": "lg"
427
+ },
428
+ "getStylesLiterals": {},
429
+ "cxLiterals": [
430
+ "self-center",
431
+ "relative",
432
+ "sr-only"
433
+ ],
434
+ "internalComponents": [
435
+ "Icon"
436
+ ],
437
+ "internalComponentProps": {
438
+ "Icon": {
439
+ "role": [
440
+ "img"
441
+ ],
442
+ "className": [
443
+ "animate-spin"
444
+ ],
445
+ "aria-hidden": [
446
+ "true"
447
+ ]
448
+ }
449
+ },
450
+ "propToVariantKeys": {},
451
+ "runtimeConfigDefaultProps": {},
452
+ "runtimeConfigGetStyles": {},
453
+ "runtimeConfigInternalComponentProps": {},
454
+ "motionVarPrefixes": []
455
+ },
456
+ "Table.mocks": {
457
+ "name": "Table.mocks",
458
+ "defaultProps": {},
459
+ "getStylesLiterals": {},
460
+ "cxLiterals": [],
461
+ "internalComponents": [],
462
+ "internalComponentProps": {},
463
+ "propToVariantKeys": {},
464
+ "runtimeConfigDefaultProps": {},
465
+ "runtimeConfigGetStyles": {},
466
+ "runtimeConfigInternalComponentProps": {},
467
+ "motionVarPrefixes": []
468
+ },
469
+ "Table": {
470
+ "name": "Table",
471
+ "defaultProps": {
472
+ "display": "table-cell",
473
+ "overflow": "hidden",
474
+ "borderColor": "muted",
475
+ "borderRadius": "md",
476
+ "spacing": "3",
477
+ "borderBottomColor": "muted",
478
+ "borderBottomWidth": "thin",
479
+ "color": "primary"
480
+ },
481
+ "getStylesLiterals": {
482
+ "textAlign": "start"
483
+ },
484
+ "cxLiterals": [],
485
+ "internalComponents": [
486
+ "CellComponent",
487
+ "Box",
488
+ "Text",
489
+ "Table.Root",
490
+ "Table.Header",
491
+ "Table.Row",
492
+ "Table.Cell",
493
+ "Table.Body"
494
+ ],
495
+ "internalComponentProps": {
496
+ "Table.Cell": {
497
+ "asHeaderCell": [
498
+ "column"
499
+ ]
500
+ }
501
+ },
502
+ "propToVariantKeys": {},
503
+ "runtimeConfigDefaultProps": {},
504
+ "runtimeConfigGetStyles": {},
505
+ "runtimeConfigInternalComponentProps": {},
506
+ "motionVarPrefixes": []
507
+ },
422
508
  "AnimateHeightChange": {
423
509
  "name": "AnimateHeightChange",
424
510
  "defaultProps": {},
@@ -920,31 +1006,83 @@
920
1006
  "--uds-motion-smooth-3-"
921
1007
  ]
922
1008
  },
923
- "Spinner": {
924
- "name": "Spinner",
1009
+ "Accordion": {
1010
+ "name": "Accordion",
925
1011
  "defaultProps": {
926
- "color": "primary",
927
- "size": "lg"
1012
+ "spacingHorizontal": "4",
1013
+ "spacingVertical": "4"
928
1014
  },
929
1015
  "getStylesLiterals": {},
930
1016
  "cxLiterals": [
931
- "self-center",
932
- "relative",
933
- "sr-only"
1017
+ "hover:bg-secondary/80",
1018
+ "w-full"
934
1019
  ],
935
1020
  "internalComponents": [
936
- "Icon"
1021
+ "Icon",
1022
+ "SpringMotionConfig",
1023
+ "Pressable",
1024
+ "Text",
1025
+ "HStack",
1026
+ "AnimatePresence",
1027
+ "VStack"
937
1028
  ],
938
1029
  "internalComponentProps": {
939
1030
  "Icon": {
940
- "role": [
941
- "img"
1031
+ "variant": [
1032
+ "fill"
942
1033
  ],
943
- "className": [
944
- "animate-spin"
1034
+ "size": [
1035
+ "sm"
945
1036
  ],
946
- "aria-hidden": [
947
- "true"
1037
+ "color": [
1038
+ "primary"
1039
+ ]
1040
+ },
1041
+ "SpringMotionConfig": {
1042
+ "layoutVariant": [
1043
+ "smooth"
1044
+ ],
1045
+ "layoutSpeed": [
1046
+ "3"
1047
+ ]
1048
+ },
1049
+ "Pressable": {
1050
+ "display": [
1051
+ "flex"
1052
+ ],
1053
+ "flexDirection": [
1054
+ "row"
1055
+ ],
1056
+ "alignItems": [
1057
+ "center"
1058
+ ],
1059
+ "justifyContent": [
1060
+ "space-between"
1061
+ ],
1062
+ "borderRadius": [
1063
+ "md"
1064
+ ]
1065
+ },
1066
+ "Text": {
1067
+ "variant": [
1068
+ "title4"
1069
+ ],
1070
+ "color": [
1071
+ "primary"
1072
+ ]
1073
+ },
1074
+ "HStack": {
1075
+ "display": [
1076
+ "flex"
1077
+ ],
1078
+ "alignItems": [
1079
+ "center"
1080
+ ],
1081
+ "justifyContent": [
1082
+ "space-between"
1083
+ ],
1084
+ "columnGap": [
1085
+ "2.5"
948
1086
  ]
949
1087
  }
950
1088
  },
@@ -952,10 +1090,12 @@
952
1090
  "runtimeConfigDefaultProps": {},
953
1091
  "runtimeConfigGetStyles": {},
954
1092
  "runtimeConfigInternalComponentProps": {},
955
- "motionVarPrefixes": []
1093
+ "motionVarPrefixes": [
1094
+ "--uds-motion-smooth-3-"
1095
+ ]
956
1096
  },
957
- "Table.mocks": {
958
- "name": "Table.mocks",
1097
+ "AvoidMotionLibraryProvider": {
1098
+ "name": "AvoidMotionLibraryProvider",
959
1099
  "defaultProps": {},
960
1100
  "getStylesLiterals": {},
961
1101
  "cxLiterals": [],
@@ -967,36 +1107,23 @@
967
1107
  "runtimeConfigInternalComponentProps": {},
968
1108
  "motionVarPrefixes": []
969
1109
  },
970
- "Table": {
971
- "name": "Table",
972
- "defaultProps": {
973
- "display": "table-cell",
974
- "overflow": "hidden",
975
- "borderColor": "muted",
976
- "borderRadius": "md",
977
- "spacing": "3",
978
- "borderBottomColor": "muted",
979
- "borderBottomWidth": "thin",
980
- "color": "primary"
981
- },
982
- "getStylesLiterals": {
983
- "textAlign": "start"
984
- },
1110
+ "ExperimentalPopover": {
1111
+ "name": "ExperimentalPopover",
1112
+ "defaultProps": {},
1113
+ "getStylesLiterals": {},
985
1114
  "cxLiterals": [],
986
1115
  "internalComponents": [
987
- "CellComponent",
988
- "Box",
1116
+ "HStack",
989
1117
  "Text",
990
- "Table.Root",
991
- "Table.Header",
992
- "Table.Row",
993
- "Table.Cell",
994
- "Table.Body"
1118
+ "ExperimentalPopoverHeadingBase"
995
1119
  ],
996
1120
  "internalComponentProps": {
997
- "Table.Cell": {
998
- "asHeaderCell": [
999
- "column"
1121
+ "Text": {
1122
+ "variant": [
1123
+ "headline1"
1124
+ ],
1125
+ "color": [
1126
+ "primary"
1000
1127
  ]
1001
1128
  }
1002
1129
  },
@@ -1006,501 +1133,88 @@
1006
1133
  "runtimeConfigInternalComponentProps": {},
1007
1134
  "motionVarPrefixes": []
1008
1135
  },
1009
- "Avatar": {
1010
- "name": "Avatar",
1136
+ "Modal": {
1137
+ "name": "Modal",
1011
1138
  "defaultProps": {},
1012
1139
  "getStylesLiterals": {},
1013
- "cxLiterals": [],
1140
+ "cxLiterals": [
1141
+ "inset-8",
1142
+ "top-[250px]",
1143
+ "z-50",
1144
+ "mx-auto",
1145
+ "h-fit",
1146
+ "w-[600px]",
1147
+ "origin-center",
1148
+ "scale-95",
1149
+ "opacity-0",
1150
+ "transition",
1151
+ "duration-150",
1152
+ "data-[enter]:scale-100",
1153
+ "data-[enter]:opacity-100",
1154
+ "data-[enter]:bg-primary",
1155
+ "backdrop-blur-0",
1156
+ "data-[enter]:opacity-60",
1157
+ "data-[enter]:backdrop-blur-sm"
1158
+ ],
1014
1159
  "internalComponents": [
1015
- "AvatarImage"
1016
- ],
1017
- "internalComponentProps": {},
1018
- "propToVariantKeys": {},
1019
- "runtimeConfigDefaultProps": {},
1020
- "runtimeConfigGetStyles": {},
1021
- "runtimeConfigInternalComponentProps": {},
1022
- "motionVarPrefixes": []
1023
- },
1024
- "AvatarIcon": {
1025
- "name": "AvatarIcon",
1026
- "defaultProps": {
1027
- "size": "md",
1028
- "variant": "primary"
1029
- },
1030
- "getStylesLiterals": {},
1031
- "cxLiterals": [
1032
- "overflow-hidden",
1033
- "w-full",
1034
- "h-full",
1035
- "shrink-0",
1036
- "text-center",
1037
- "inline-flex",
1038
- "justify-center",
1039
- "items-center"
1040
- ],
1041
- "internalComponents": [
1042
- "IconSlot",
1043
- "Box"
1044
- ],
1045
- "internalComponentProps": {},
1046
- "propToVariantKeys": {
1047
- "size": [
1048
- "avatarSizeIcon"
1049
- ]
1050
- },
1051
- "runtimeConfigDefaultProps": {},
1052
- "runtimeConfigGetStyles": {},
1053
- "runtimeConfigInternalComponentProps": {},
1054
- "motionVarPrefixes": []
1055
- },
1056
- "AvatarImage": {
1057
- "name": "AvatarImage",
1058
- "defaultProps": {
1059
- "size": "md",
1060
- "variant": "primary"
1061
- },
1062
- "getStylesLiterals": {},
1063
- "cxLiterals": [
1064
- "overflow-hidden",
1065
- "w-full",
1066
- "h-full",
1067
- "shrink-0",
1068
- "text-center",
1069
- "inline-flex",
1070
- "justify-center",
1071
- "items-center",
1072
- "object-cover"
1073
- ],
1074
- "internalComponents": [
1075
- "UDSImage",
1076
- "AvatarText",
1077
- "AvatarIcon",
1078
- "Box"
1079
- ],
1080
- "internalComponentProps": {},
1081
- "propToVariantKeys": {
1082
- "alt": [
1083
- "name"
1084
- ],
1085
- "fallback": [
1086
- "initials"
1087
- ]
1088
- },
1089
- "runtimeConfigDefaultProps": {},
1090
- "runtimeConfigGetStyles": {},
1091
- "runtimeConfigInternalComponentProps": {},
1092
- "motionVarPrefixes": []
1093
- },
1094
- "AvatarText": {
1095
- "name": "AvatarText",
1096
- "defaultProps": {
1097
- "size": "md",
1098
- "variant": "primary"
1099
- },
1100
- "getStylesLiterals": {},
1101
- "cxLiterals": [
1102
- "overflow-hidden",
1103
- "truncate",
1104
- "w-full",
1105
- "h-full",
1106
- "shrink-0",
1107
- "text-center",
1108
- "inline-flex",
1109
- "justify-center",
1110
- "items-center"
1111
- ],
1112
- "internalComponents": [
1113
- "Box",
1114
- "Text"
1160
+ "IconButton",
1161
+ "Dialog",
1162
+ "HStack",
1163
+ "Text",
1164
+ "VStack"
1115
1165
  ],
1116
1166
  "internalComponentProps": {
1117
- "Text": {
1118
- "color": [
1119
- "inherit"
1120
- ],
1121
- "variant": [
1122
- "inherit"
1123
- ]
1124
- }
1125
- },
1126
- "propToVariantKeys": {},
1127
- "runtimeConfigDefaultProps": {},
1128
- "runtimeConfigGetStyles": {},
1129
- "runtimeConfigInternalComponentProps": {},
1130
- "motionVarPrefixes": []
1131
- },
1132
- "BottomSheet": {
1133
- "name": "BottomSheet",
1134
- "defaultProps": {
1135
- "variant": "default"
1136
- },
1137
- "getStylesLiterals": {},
1138
- "cxLiterals": [
1139
- "fixed",
1140
- "overflow-hidden",
1141
- "inset-x-0",
1142
- "bottom-0",
1143
- "z-50",
1144
- "[will-change:transform]",
1145
- "touch-none",
1146
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1147
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1148
- "transition-transform",
1149
- "duration-500",
1150
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1151
- "motion-reduce:transition-none",
1152
- "top-[-4px]",
1153
- "z-[1]",
1154
- "touch-pan-y"
1155
- ],
1156
- "internalComponents": [
1157
- "Scrim",
1158
- "BottomSheetHandle",
1159
- "Dialog",
1160
- "Box",
1161
- "BottomSheetInternalContext.Provider"
1162
- ],
1163
- "internalComponentProps": {
1164
- "BottomSheetHandle": {
1165
- "ariaLabel": [
1166
- "Resize sheet"
1167
- ]
1168
- },
1169
- "Dialog": {
1170
- "data-testid": [
1171
- "bottom-sheet"
1172
- ]
1173
- },
1174
- "Box": {
1175
- "display": [
1176
- "block",
1177
- "flex"
1178
- ],
1179
- "position": [
1180
- "absolute"
1181
- ],
1182
- "flexDirection": [
1183
- "column"
1167
+ "IconButton": {
1168
+ "aria-label": [
1169
+ "Close"
1184
1170
  ],
1185
- "className": [
1186
- "absolute inset-0 min-h-0 p-[inherit]"
1187
- ]
1188
- }
1189
- },
1190
- "propToVariantKeys": {
1191
- "variant": [
1192
- "bottomsheetVariantRoot"
1193
- ]
1194
- },
1195
- "runtimeConfigDefaultProps": {},
1196
- "runtimeConfigGetStyles": {},
1197
- "runtimeConfigInternalComponentProps": {},
1198
- "motionVarPrefixes": []
1199
- },
1200
- "BottomSheetContent": {
1201
- "name": "BottomSheetContent",
1202
- "defaultProps": {},
1203
- "getStylesLiterals": {},
1204
- "cxLiterals": [
1205
- "min-h-0",
1206
- "touch-pan-y"
1207
- ],
1208
- "internalComponents": [
1209
- "Box",
1210
- "VStack"
1211
- ],
1212
- "internalComponentProps": {
1213
- "Box": {
1214
- "display": [
1215
- "block"
1171
+ "size": [
1172
+ "sm"
1216
1173
  ],
1217
- "flex": [
1218
- "1"
1174
+ "variant": [
1175
+ "tertiary"
1219
1176
  ]
1220
1177
  },
1221
- "VStack": {
1222
- "className": [
1223
- "pb-[calc(env(safe-area-inset-bottom))]"
1224
- ]
1225
- }
1226
- },
1227
- "propToVariantKeys": {},
1228
- "runtimeConfigDefaultProps": {},
1229
- "runtimeConfigGetStyles": {},
1230
- "runtimeConfigInternalComponentProps": {},
1231
- "motionVarPrefixes": []
1232
- },
1233
- "BottomSheetDismiss": {
1234
- "name": "BottomSheetDismiss",
1235
- "defaultProps": {},
1236
- "getStylesLiterals": {},
1237
- "cxLiterals": [],
1238
- "internalComponents": [
1239
- "AriakitDialogDismiss"
1240
- ],
1241
- "internalComponentProps": {},
1242
- "propToVariantKeys": {},
1243
- "runtimeConfigDefaultProps": {},
1244
- "runtimeConfigGetStyles": {},
1245
- "runtimeConfigInternalComponentProps": {},
1246
- "motionVarPrefixes": []
1247
- },
1248
- "BottomSheetHandle": {
1249
- "name": "BottomSheetHandle",
1250
- "defaultProps": {
1251
- "variant": "default"
1252
- },
1253
- "getStylesLiterals": {},
1254
- "cxLiterals": [
1255
- "relative",
1256
- "h-5",
1257
- "w-16",
1258
- "outline-none",
1259
- "focus-visible:outline-none",
1260
- "[touch-action:pan-y]",
1261
- "absolute",
1262
- "left-1/2",
1263
- "top-1/2",
1264
- "-translate-x-1/2",
1265
- "-translate-y-1/2",
1266
- "h-1",
1267
- "w-8",
1268
- "rounded-full"
1269
- ],
1270
- "internalComponents": [
1271
- "Box"
1272
- ],
1273
- "internalComponentProps": {
1274
- "Box": {
1275
- "display": [
1276
- "block",
1277
- "flex"
1278
- ],
1279
- "justifyContent": [
1178
+ "HStack": {
1179
+ "alignItems": [
1280
1180
  "center"
1281
- ]
1282
- }
1283
- },
1284
- "propToVariantKeys": {
1285
- "variant": [
1286
- "bottomsheetVariantHandleIndicator"
1287
- ]
1288
- },
1289
- "runtimeConfigDefaultProps": {},
1290
- "runtimeConfigGetStyles": {},
1291
- "runtimeConfigInternalComponentProps": {},
1292
- "motionVarPrefixes": []
1293
- },
1294
- "BottomSheetHeader": {
1295
- "name": "BottomSheetHeader",
1296
- "defaultProps": {
1297
- "variant": "default"
1298
- },
1299
- "getStylesLiterals": {},
1300
- "cxLiterals": [
1301
- "grid-cols-[40px_1fr_40px]",
1302
- "items-center",
1303
- "w-full",
1304
- "min-h-10",
1305
- "mt-2"
1306
- ],
1307
- "internalComponents": [
1308
- "Box",
1309
- "Text"
1310
- ],
1311
- "internalComponentProps": {
1312
- "Box": {
1313
- "className": [
1314
- "h-10 w-10 opacity-0 pointer-events-none"
1315
- ],
1316
- "display": [
1317
- "grid",
1318
- "flex"
1319
1181
  ],
1320
1182
  "justifyContent": [
1321
- "flex-start",
1322
- "flex-end"
1183
+ "space-between"
1323
1184
  ]
1324
1185
  },
1325
1186
  "Text": {
1326
1187
  "variant": [
1327
- "inherit"
1188
+ "headline1"
1328
1189
  ],
1329
1190
  "color": [
1330
- "inherit"
1191
+ "primary"
1192
+ ]
1193
+ },
1194
+ "VStack": {
1195
+ "borderRadius": [
1196
+ "md"
1331
1197
  ],
1332
- "textAlign": [
1333
- "center"
1198
+ "position": [
1199
+ "fixed"
1334
1200
  ],
1335
- "className": [
1336
- "w-full"
1337
- ]
1338
- }
1339
- },
1340
- "propToVariantKeys": {
1341
- "variant": [
1342
- "bottomsheetVariantHeader"
1343
- ]
1344
- },
1345
- "runtimeConfigDefaultProps": {},
1346
- "runtimeConfigGetStyles": {},
1347
- "runtimeConfigInternalComponentProps": {},
1348
- "motionVarPrefixes": []
1349
- },
1350
- "BottomSheetInternalContext": {
1351
- "name": "BottomSheetInternalContext",
1352
- "defaultProps": {},
1353
- "getStylesLiterals": {},
1354
- "cxLiterals": [],
1355
- "internalComponents": [],
1356
- "internalComponentProps": {},
1357
- "propToVariantKeys": {},
1358
- "runtimeConfigDefaultProps": {},
1359
- "runtimeConfigGetStyles": {},
1360
- "runtimeConfigInternalComponentProps": {},
1361
- "motionVarPrefixes": []
1362
- },
1363
- "BottomSheetProvider": {
1364
- "name": "BottomSheetProvider",
1365
- "defaultProps": {},
1366
- "getStylesLiterals": {},
1367
- "cxLiterals": [],
1368
- "internalComponents": [
1369
- "AriakitDialogProvider"
1370
- ],
1371
- "internalComponentProps": {},
1372
- "propToVariantKeys": {},
1373
- "runtimeConfigDefaultProps": {},
1374
- "runtimeConfigGetStyles": {},
1375
- "runtimeConfigInternalComponentProps": {},
1376
- "motionVarPrefixes": []
1377
- },
1378
- "BottomSheetTrigger": {
1379
- "name": "BottomSheetTrigger",
1380
- "defaultProps": {},
1381
- "getStylesLiterals": {},
1382
- "cxLiterals": [],
1383
- "internalComponents": [
1384
- "AriakitDialogDisclosure"
1385
- ],
1386
- "internalComponentProps": {},
1387
- "propToVariantKeys": {},
1388
- "runtimeConfigDefaultProps": {},
1389
- "runtimeConfigGetStyles": {},
1390
- "runtimeConfigInternalComponentProps": {},
1391
- "motionVarPrefixes": []
1392
- },
1393
- "UDSBottomSheetConfigProvider": {
1394
- "name": "UDSBottomSheetConfigProvider",
1395
- "defaultProps": {},
1396
- "getStylesLiterals": {},
1397
- "cxLiterals": [],
1398
- "internalComponents": [
1399
- "BottomSheetContext.Provider"
1400
- ],
1401
- "internalComponentProps": {},
1402
- "propToVariantKeys": {},
1403
- "runtimeConfigDefaultProps": {},
1404
- "runtimeConfigGetStyles": {},
1405
- "runtimeConfigInternalComponentProps": {},
1406
- "motionVarPrefixes": []
1407
- },
1408
- "Chip": {
1409
- "name": "Chip",
1410
- "defaultProps": {},
1411
- "getStylesLiterals": {},
1412
- "cxLiterals": [],
1413
- "internalComponents": [
1414
- "ChipDismissible",
1415
- "ChipToggle",
1416
- "ChipLink",
1417
- "ChipButton"
1418
- ],
1419
- "internalComponentProps": {},
1420
- "propToVariantKeys": {},
1421
- "runtimeConfigDefaultProps": {},
1422
- "runtimeConfigGetStyles": {},
1423
- "runtimeConfigInternalComponentProps": {},
1424
- "motionVarPrefixes": []
1425
- },
1426
- "ChipBase": {
1427
- "name": "ChipBase",
1428
- "defaultProps": {
1429
- "size": "md",
1430
- "as": "div"
1431
- },
1432
- "getStylesLiterals": {},
1433
- "cxLiterals": [
1434
- "pointer-events-none",
1435
- "cursor-default",
1436
- "opacity-50",
1437
- "inline-flex",
1438
- "items-center",
1439
- "transition-[background-color,outline-color,box-shadow]",
1440
- "truncate",
1441
- "whitespace-nowrap",
1442
- "text-center",
1443
- "flex-1"
1444
- ],
1445
- "internalComponents": [
1446
- "IconSlot",
1447
- "HStack",
1448
- "As",
1449
- "Text"
1450
- ],
1451
- "internalComponentProps": {
1452
- "Text": {
1453
- "as": [
1454
- "span"
1201
+ "backgroundColor": [
1202
+ "primary"
1455
1203
  ],
1456
- "color": [
1457
- "current"
1204
+ "dropShadow": [
1205
+ "md"
1458
1206
  ],
1459
- "variant": [
1460
- "inherit"
1461
- ]
1462
- }
1463
- },
1464
- "propToVariantKeys": {
1465
- "size": [
1466
- "chipSizeRoot",
1467
- "chipSizeIcon"
1468
- ],
1469
- "startIcon": [
1470
- "icon"
1471
- ],
1472
- "endIcon": [
1473
- "icon"
1474
- ]
1475
- },
1476
- "runtimeConfigDefaultProps": {},
1477
- "runtimeConfigGetStyles": {},
1478
- "runtimeConfigInternalComponentProps": {},
1479
- "motionVarPrefixes": []
1480
- },
1481
- "ChipButton": {
1482
- "name": "ChipButton",
1483
- "defaultProps": {
1484
- "variant": "primary"
1485
- },
1486
- "getStylesLiterals": {},
1487
- "cxLiterals": [
1488
- "uds-ring"
1489
- ],
1490
- "internalComponents": [
1491
- "ChipBase"
1492
- ],
1493
- "internalComponentProps": {
1494
- "ChipBase": {
1495
- "as": [
1496
- "button"
1207
+ "spacing": [
1208
+ "8"
1209
+ ],
1210
+ "overflow": [
1211
+ "hidden"
1497
1212
  ]
1498
1213
  }
1499
1214
  },
1500
1215
  "propToVariantKeys": {
1501
- "variant": [
1502
- "chipLinkVariantRoot",
1503
- "chipLinkVariantIcon"
1216
+ "handleClose": [
1217
+ "onClick"
1504
1218
  ]
1505
1219
  },
1506
1220
  "runtimeConfigDefaultProps": {},
@@ -1508,31 +1222,87 @@
1508
1222
  "runtimeConfigInternalComponentProps": {},
1509
1223
  "motionVarPrefixes": []
1510
1224
  },
1511
- "ChipDismissible": {
1512
- "name": "ChipDismissible",
1225
+ "SegmentedControl": {
1226
+ "name": "SegmentedControl",
1513
1227
  "defaultProps": {
1514
- "variant": "primary"
1228
+ "textVariant": "label2"
1229
+ },
1230
+ "getStylesLiterals": {
1231
+ "display": "flex",
1232
+ "alignItems": "center",
1233
+ "backgroundColor": "primary",
1234
+ "spacingVertical": "1",
1235
+ "spacingHorizontal": "3",
1236
+ "columnGap": "1.5",
1237
+ "borderWidth": "thin",
1238
+ "borderRadius": "full",
1239
+ "borderColor": "muted",
1240
+ "borderColor:1": "transparent",
1241
+ "color": "primary",
1242
+ "color:1": "tertiary",
1243
+ "color:2": "muted"
1515
1244
  },
1516
- "getStylesLiterals": {},
1517
1245
  "cxLiterals": [
1518
- "uds-chip-dismissible-button",
1519
- "uds-hit-target",
1520
1246
  "uds-ring",
1521
- "rounded-full"
1247
+ "cursor-not-allowed",
1248
+ "opacity-50",
1249
+ "pointer-events-none",
1250
+ "hover:bg-primary"
1522
1251
  ],
1523
1252
  "internalComponents": [
1524
- "ChipBase",
1525
- "IconSlot",
1526
- "Pressable"
1253
+ "TextVariant",
1254
+ "Radio",
1255
+ "Icon",
1256
+ "RadioProvider",
1257
+ "HStack",
1258
+ "RadioGroup",
1259
+ "Pressable",
1260
+ "Text"
1527
1261
  ],
1528
- "internalComponentProps": {},
1262
+ "internalComponentProps": {
1263
+ "Icon": {
1264
+ "size": [
1265
+ "sm"
1266
+ ],
1267
+ "color": [
1268
+ "current"
1269
+ ],
1270
+ "aria-hidden": [
1271
+ "true"
1272
+ ]
1273
+ },
1274
+ "HStack": {
1275
+ "spacing": [
1276
+ "1"
1277
+ ],
1278
+ "gap": [
1279
+ "1"
1280
+ ],
1281
+ "backgroundColor": [
1282
+ "secondary"
1283
+ ],
1284
+ "borderRadius": [
1285
+ "full"
1286
+ ],
1287
+ "display": [
1288
+ "inline-flex"
1289
+ ]
1290
+ },
1291
+ "Text": {
1292
+ "color": [
1293
+ "current"
1294
+ ]
1295
+ }
1296
+ },
1529
1297
  "propToVariantKeys": {
1530
- "variant": [
1531
- "chipDismissibleVariantRoot",
1532
- "chipDismissibleVariantIcon"
1298
+ "value": [
1299
+ "key"
1533
1300
  ],
1534
- "dismissButtonAriaLabel": [
1301
+ "label": [
1535
1302
  "aria-label"
1303
+ ],
1304
+ "textVariant": [
1305
+ "variant"
1536
1306
  ]
1537
1307
  },
1538
1308
  "runtimeConfigDefaultProps": {},
@@ -1540,248 +1310,345 @@
1540
1310
  "runtimeConfigInternalComponentProps": {},
1541
1311
  "motionVarPrefixes": []
1542
1312
  },
1543
- "ChipLink": {
1544
- "name": "ChipLink",
1313
+ "SwitchV2": {
1314
+ "name": "SwitchV2",
1545
1315
  "defaultProps": {
1546
- "variant": "primary"
1316
+ "labelPosition": "start",
1317
+ "size": "md"
1318
+ },
1319
+ "getStylesLiterals": {
1320
+ "switchVariantRoot": "default",
1321
+ "switchVariantActiveRoot": "on",
1322
+ "switchVariantActiveRoot:1": "off",
1323
+ "switchVariantSwitch": "default",
1324
+ "switchVariantActiveSwitch": "on",
1325
+ "switchVariantActiveSwitch:1": "off",
1326
+ "switchVariantActiveHandle": "on",
1327
+ "switchVariantActiveHandle:1": "off",
1328
+ "switchVariantHandle": "default",
1329
+ "switchVariantHandleIcon": "default",
1330
+ "switchVariantActiveHandleIcon": "on",
1331
+ "switchVariantActiveHandleIcon:1": "off"
1547
1332
  },
1548
- "getStylesLiterals": {},
1549
1333
  "cxLiterals": [
1550
- "uds-ring"
1334
+ "group",
1335
+ "flex",
1336
+ "items-center",
1337
+ "flex-row",
1338
+ "flex-row-reverse",
1339
+ "uds-ring",
1340
+ "uds-ring-within",
1341
+ "relative",
1342
+ "uds-border-radius-full",
1343
+ "transition-[background-color,box-shadow]",
1344
+ "pointer-events-none",
1345
+ "w-full",
1346
+ "h-full",
1347
+ "absolute",
1348
+ "top-0",
1349
+ "bottom-0",
1350
+ "right-0",
1351
+ "left-0",
1352
+ "overflow-hidden",
1353
+ "group-hover:scale-105",
1354
+ "opacity-95",
1355
+ "group-hover:opacity-100",
1356
+ "transition-[transform,opacity]",
1357
+ "opacity-0",
1358
+ "top-1/2",
1359
+ "left-1/2",
1360
+ "transform",
1361
+ "translate-x-[-50%]",
1362
+ "translate-y-[-50%]",
1363
+ "transition-opacity",
1364
+ "cursor-[inherit]",
1365
+ "w-[calc(100%+2px)]",
1366
+ "h-[calc(100%+2px)]",
1367
+ "text-start",
1368
+ "text-end",
1369
+ "opacity-100"
1551
1370
  ],
1552
1371
  "internalComponents": [
1553
- "ChipBase"
1372
+ "IconSlot",
1373
+ "Box",
1374
+ "FormLabel",
1375
+ "SpringMotionConfig",
1376
+ "RootElement",
1377
+ "MotionBox"
1554
1378
  ],
1555
1379
  "internalComponentProps": {
1556
- "ChipBase": {
1380
+ "IconSlot": {
1381
+ "data-testid": [
1382
+ "on-icon",
1383
+ "off-icon"
1384
+ ]
1385
+ },
1386
+ "FormLabel": {
1557
1387
  "as": [
1558
- "a"
1388
+ "div"
1389
+ ],
1390
+ "variant": [
1391
+ "inherit"
1392
+ ],
1393
+ "color": [
1394
+ "inherit"
1395
+ ]
1396
+ },
1397
+ "SpringMotionConfig": {
1398
+ "layoutVariant": [
1399
+ "bouncy"
1400
+ ],
1401
+ "layoutSpeed": [
1402
+ "4"
1403
+ ]
1404
+ },
1405
+ "RootElement": {
1406
+ "data-testid": [
1407
+ "switch-root"
1408
+ ]
1409
+ },
1410
+ "MotionBox": {
1411
+ "layout": [
1412
+ "position"
1559
1413
  ]
1560
1414
  }
1561
1415
  },
1562
1416
  "propToVariantKeys": {
1563
- "variant": [
1564
- "chipLinkVariantRoot",
1565
- "chipLinkVariantIcon"
1417
+ "size": [
1418
+ "switchSizeRoot",
1419
+ "switchSizeSwitch",
1420
+ "switchSizeHandle",
1421
+ "switchSizeHandleIcon"
1422
+ ],
1423
+ "onIcon": [
1424
+ "icon"
1425
+ ],
1426
+ "offIcon": [
1427
+ "icon"
1428
+ ],
1429
+ "reduceMotion": [
1430
+ "reducedMotion"
1431
+ ],
1432
+ "isOn": [
1433
+ "layoutDependency"
1566
1434
  ]
1567
1435
  },
1568
1436
  "runtimeConfigDefaultProps": {},
1569
1437
  "runtimeConfigGetStyles": {},
1570
1438
  "runtimeConfigInternalComponentProps": {},
1571
- "motionVarPrefixes": []
1439
+ "motionVarPrefixes": [
1440
+ "--uds-motion-bouncy-4-",
1441
+ "--uds-motion-smooth-3-"
1442
+ ]
1572
1443
  },
1573
- "ChipToggle": {
1574
- "name": "ChipToggle",
1575
- "defaultProps": {
1576
- "variant": "primary",
1577
- "role": "checkbox"
1578
- },
1444
+ "Tabs": {
1445
+ "name": "Tabs",
1446
+ "defaultProps": {},
1579
1447
  "getStylesLiterals": {
1580
- "chipToggleVariantActiveRoot": "on",
1581
- "chipToggleVariantActiveRoot:1": "off"
1448
+ "display": "flex",
1449
+ "flexDirection": "row",
1450
+ "columnGap": "6"
1582
1451
  },
1583
1452
  "cxLiterals": [
1584
- "uds-ring"
1453
+ "text-tertiary",
1454
+ "border-b-transparent",
1455
+ "aria-selected:border-b-brand",
1456
+ "aria-selected:text-secondary"
1585
1457
  ],
1586
1458
  "internalComponents": [
1587
- "ChipBase"
1459
+ "TabProvider",
1460
+ "OriginalTabList",
1461
+ "OriginalTab",
1462
+ "Icon",
1463
+ "OriginalTabPanel",
1464
+ "Pressable",
1465
+ "Comp",
1466
+ "Text"
1588
1467
  ],
1589
1468
  "internalComponentProps": {
1590
- "ChipBase": {
1469
+ "Icon": {
1470
+ "className": [
1471
+ "text-current"
1472
+ ],
1473
+ "size": [
1474
+ "md"
1475
+ ]
1476
+ },
1477
+ "Pressable": {
1478
+ "borderBottomWidth": [
1479
+ "medium"
1480
+ ],
1481
+ "spacingBottom": [
1482
+ "1"
1483
+ ],
1484
+ "spacingTop": [
1485
+ "4"
1486
+ ]
1487
+ },
1488
+ "Text": {
1489
+ "className": [
1490
+ "text-current"
1491
+ ],
1492
+ "variant": [
1493
+ "headline1"
1494
+ ],
1591
1495
  "as": [
1592
- "button"
1496
+ "span"
1593
1497
  ]
1594
1498
  }
1595
1499
  },
1596
- "propToVariantKeys": {
1597
- "variant": [
1598
- "chipToggleVariantRoot",
1599
- "chipToggleVariantIcon"
1600
- ]
1601
- },
1500
+ "propToVariantKeys": {},
1602
1501
  "runtimeConfigDefaultProps": {},
1603
1502
  "runtimeConfigGetStyles": {},
1604
1503
  "runtimeConfigInternalComponentProps": {},
1605
1504
  "motionVarPrefixes": []
1606
1505
  },
1607
- "Input": {
1608
- "name": "Input",
1506
+ "Radio": {
1507
+ "name": "Radio",
1609
1508
  "defaultProps": {
1610
- "type": "text",
1509
+ "labelPosition": "start",
1510
+ "variant": "primary",
1611
1511
  "size": "md",
1612
- "width": "full"
1512
+ "value": ""
1613
1513
  },
1614
1514
  "getStylesLiterals": {
1615
- "inputVariantRoot": "default",
1616
- "inputVariantValueRoot": "empty",
1617
- "inputVariantValueRoot:1": "filled",
1618
- "inputVariantInputWrapper": "default",
1619
- "inputVariantValueInputWrapper": "empty",
1620
- "inputVariantValueInputWrapper:1": "filled",
1621
- "inputVariantInput": "default",
1622
- "inputVariantValueInput": "empty",
1623
- "inputVariantValueInput:1": "filled",
1624
- "inputVariantInputPlaceholder": "default",
1625
- "inputVariantValueInputPlaceholder": "empty",
1626
- "inputVariantValueInputPlaceholder:1": "filled",
1627
- "inputVariantLabel": "default",
1628
- "inputVariantValueLabel": "empty",
1629
- "inputVariantValueLabel:1": "filled",
1630
- "inputVariantLabelRequired": "default",
1631
- "inputVariantValueLabelRequired": "empty",
1632
- "inputVariantValueLabelRequired:1": "filled",
1633
- "inputVariantStartIcon": "default",
1634
- "inputVariantValueStartIcon": "empty",
1635
- "inputVariantValueStartIcon:1": "filled",
1636
- "inputVariantEndIcon": "default",
1637
- "inputVariantValueEndIcon": "empty",
1638
- "inputVariantValueEndIcon:1": "filled"
1515
+ "radioVariantValueRoot": "checked",
1516
+ "radioVariantValueRoot:1": "unchecked",
1517
+ "display": "flex",
1518
+ "flexDirection": "row",
1519
+ "flexDirection:1": "row-reverse",
1520
+ "alignItems": "center",
1521
+ "radioVariantValueRadio": "checked",
1522
+ "radioVariantValueRadio:1": "unchecked",
1523
+ "radioVariantValueRadioCircle": "checked",
1524
+ "radioVariantValueRadioCircle:1": "unchecked"
1639
1525
  },
1640
1526
  "cxLiterals": [
1527
+ "cursor-pointer",
1528
+ "cursor-default",
1641
1529
  "opacity-50",
1642
- "min-w-[200px]",
1643
- "grow",
1644
- "uds-hit-target",
1645
- "bg-clip-text",
1646
- "focus:outline-none",
1647
- "cursor-text",
1648
- "cursor-not-allowed"
1530
+ "border",
1531
+ "uds-ring",
1532
+ "uds-ring-within",
1533
+ "transition-[background-color,border-color]",
1534
+ "transition-shadow",
1535
+ "pointer-events-none",
1536
+ "w-[8px]",
1537
+ "h-[8px]",
1538
+ "transition-opacity",
1539
+ "cursor-[inherit]",
1540
+ "absolute",
1541
+ "opacity-0",
1542
+ "top-1/2",
1543
+ "left-1/2",
1544
+ "w-[calc(100%+2px)]",
1545
+ "h-[calc(100%+2px)]",
1546
+ "transform",
1547
+ "translate-x-[-50%]",
1548
+ "translate-y-[-50%]",
1549
+ "text-start",
1550
+ "text-end"
1649
1551
  ],
1650
1552
  "internalComponents": [
1651
- "IconSlot",
1652
- "StartIcon",
1653
- "EndIcon",
1654
- "HelpTextContent",
1655
1553
  "Box",
1656
- "InputHelpTextInternal",
1657
- "VStack",
1658
- "HStack",
1659
- "AnimateHeightChange"
1554
+ "FormLabel",
1555
+ "SpringMotionConfig",
1556
+ "RootElement",
1557
+ "MotionBox"
1660
1558
  ],
1661
1559
  "internalComponentProps": {
1662
- "HelpTextContent": {
1663
- "spacingTop": [
1664
- "2"
1560
+ "Box": {
1561
+ "borderRadius": [
1562
+ "full"
1665
1563
  ]
1666
1564
  },
1667
- "Box": {
1668
- "spacingBottom": [
1669
- "2"
1670
- ],
1671
- "columnGap": [
1672
- "0.5"
1565
+ "FormLabel": {
1566
+ "as": [
1567
+ "div"
1673
1568
  ],
1674
- "alignItems": [
1675
- "flex-end",
1676
- "center"
1569
+ "variant": [
1570
+ "inherit"
1677
1571
  ],
1678
- "position": [
1679
- "relative"
1572
+ "color": [
1573
+ "inherit"
1680
1574
  ]
1681
1575
  },
1682
- "HStack": {
1576
+ "RootElement": {
1577
+ "data-testid": [
1578
+ "container"
1579
+ ]
1580
+ },
1581
+ "MotionBox": {
1582
+ "position": [
1583
+ "relative"
1584
+ ],
1585
+ "borderRadius": [
1586
+ "full"
1587
+ ],
1683
1588
  "alignItems": [
1684
1589
  "center"
1685
1590
  ],
1686
- "gap": [
1687
- "1"
1591
+ "justifyContent": [
1592
+ "center"
1593
+ ],
1594
+ "flex": [
1595
+ "none"
1688
1596
  ]
1689
1597
  }
1690
1598
  },
1691
1599
  "propToVariantKeys": {
1692
1600
  "size": [
1693
- "inputSizeRoot",
1694
- "inputSizeInputWrapper",
1695
- "inputSizeInput",
1696
- "inputSizeLabel",
1697
- "inputSizeStartIcon",
1698
- "inputSizeEndIcon"
1699
- ],
1700
- "startIcon": [
1701
- "icon"
1601
+ "radioSizeRoot",
1602
+ "radioSizeRadio"
1702
1603
  ],
1703
- "endIcon": [
1704
- "icon"
1604
+ "variant": [
1605
+ "radioVariantRoot",
1606
+ "radioVariantRadio",
1607
+ "radioVariantRadioCircle"
1705
1608
  ],
1706
- "helperTextIcon": [
1707
- "startIcon"
1609
+ "reduceMotion": [
1610
+ "reducedMotion"
1708
1611
  ]
1709
1612
  },
1710
1613
  "runtimeConfigDefaultProps": {},
1711
1614
  "runtimeConfigGetStyles": {},
1712
1615
  "runtimeConfigInternalComponentProps": {},
1713
- "motionVarPrefixes": []
1616
+ "motionVarPrefixes": [
1617
+ "--uds-motion-subtle-3-",
1618
+ "--uds-motion-smooth-3-"
1619
+ ]
1714
1620
  },
1715
- "InputHelpText": {
1716
- "name": "InputHelpText",
1717
- "defaultProps": {
1718
- "size": "md"
1719
- },
1720
- "getStylesLiterals": {
1721
- "inputVariantRoot": "default",
1722
- "inputVariantValueRoot": "empty",
1723
- "inputVariantValueRoot:1": "filled"
1724
- },
1621
+ "RadioGroupProvider": {
1622
+ "name": "RadioGroupProvider",
1623
+ "defaultProps": {},
1624
+ "getStylesLiterals": {},
1725
1625
  "cxLiterals": [],
1726
1626
  "internalComponents": [
1727
- "InputHelpTextInternal",
1728
- "Box"
1627
+ "DivProps",
1628
+ "Comp",
1629
+ "RadioGroupContext.Provider"
1729
1630
  ],
1730
1631
  "internalComponentProps": {
1731
- "Box": {
1732
- "spacingTop": [
1733
- "2"
1632
+ "Comp": {
1633
+ "role": [
1634
+ "radiogroup"
1734
1635
  ]
1735
1636
  }
1736
1637
  },
1737
- "propToVariantKeys": {
1738
- "size": [
1739
- "inputSizeRoot"
1740
- ]
1741
- },
1638
+ "propToVariantKeys": {},
1742
1639
  "runtimeConfigDefaultProps": {},
1743
1640
  "runtimeConfigGetStyles": {},
1744
1641
  "runtimeConfigInternalComponentProps": {},
1745
1642
  "motionVarPrefixes": []
1746
1643
  },
1747
- "InputHelpTextInternal": {
1748
- "name": "InputHelpTextInternal",
1644
+ "RadioGroupStore": {
1645
+ "name": "RadioGroupStore",
1749
1646
  "defaultProps": {},
1750
- "getStylesLiterals": {
1751
- "inputVariantHelperText": "default",
1752
- "inputVariantValueHelperText": "empty",
1753
- "inputVariantValueHelperText:1": "filled",
1754
- "inputVariantHelperIcon": "default",
1755
- "inputVariantValueHelperIcon": "empty",
1756
- "inputVariantValueHelperIcon:1": "filled"
1757
- },
1647
+ "getStylesLiterals": {},
1758
1648
  "cxLiterals": [],
1759
- "internalComponents": [
1760
- "IconSlot",
1761
- "HStack"
1762
- ],
1763
- "internalComponentProps": {
1764
- "HStack": {
1765
- "gap": [
1766
- "1"
1767
- ],
1768
- "alignItems": [
1769
- "center"
1770
- ]
1771
- }
1772
- },
1773
- "propToVariantKeys": {
1774
- "size": [
1775
- "inputSizeHelperText",
1776
- "inputSizeHelperIcon"
1777
- ],
1778
- "startIcon": [
1779
- "icon"
1780
- ],
1781
- "endIcon": [
1782
- "icon"
1783
- ]
1784
- },
1649
+ "internalComponents": [],
1650
+ "internalComponentProps": {},
1651
+ "propToVariantKeys": {},
1785
1652
  "runtimeConfigDefaultProps": {},
1786
1653
  "runtimeConfigGetStyles": {},
1787
1654
  "runtimeConfigInternalComponentProps": {},
@@ -2211,347 +2078,496 @@
2211
2078
  "runtimeConfigInternalComponentProps": {},
2212
2079
  "motionVarPrefixes": []
2213
2080
  },
2214
- "Radio": {
2215
- "name": "Radio",
2081
+ "Input": {
2082
+ "name": "Input",
2216
2083
  "defaultProps": {
2217
- "labelPosition": "start",
2218
- "variant": "primary",
2084
+ "type": "text",
2219
2085
  "size": "md",
2220
- "value": ""
2086
+ "width": "full"
2221
2087
  },
2222
2088
  "getStylesLiterals": {
2223
- "radioVariantValueRoot": "checked",
2224
- "radioVariantValueRoot:1": "unchecked",
2225
- "display": "flex",
2226
- "flexDirection": "row",
2227
- "flexDirection:1": "row-reverse",
2228
- "alignItems": "center",
2229
- "radioVariantValueRadio": "checked",
2230
- "radioVariantValueRadio:1": "unchecked",
2231
- "radioVariantValueRadioCircle": "checked",
2232
- "radioVariantValueRadioCircle:1": "unchecked"
2089
+ "inputVariantRoot": "default",
2090
+ "inputVariantValueRoot": "empty",
2091
+ "inputVariantValueRoot:1": "filled",
2092
+ "inputVariantInputWrapper": "default",
2093
+ "inputVariantValueInputWrapper": "empty",
2094
+ "inputVariantValueInputWrapper:1": "filled",
2095
+ "inputVariantInput": "default",
2096
+ "inputVariantValueInput": "empty",
2097
+ "inputVariantValueInput:1": "filled",
2098
+ "inputVariantInputPlaceholder": "default",
2099
+ "inputVariantValueInputPlaceholder": "empty",
2100
+ "inputVariantValueInputPlaceholder:1": "filled",
2101
+ "inputVariantLabel": "default",
2102
+ "inputVariantValueLabel": "empty",
2103
+ "inputVariantValueLabel:1": "filled",
2104
+ "inputVariantLabelRequired": "default",
2105
+ "inputVariantValueLabelRequired": "empty",
2106
+ "inputVariantValueLabelRequired:1": "filled",
2107
+ "inputVariantStartIcon": "default",
2108
+ "inputVariantValueStartIcon": "empty",
2109
+ "inputVariantValueStartIcon:1": "filled",
2110
+ "inputVariantEndIcon": "default",
2111
+ "inputVariantValueEndIcon": "empty",
2112
+ "inputVariantValueEndIcon:1": "filled"
2233
2113
  },
2234
2114
  "cxLiterals": [
2235
- "cursor-pointer",
2236
- "cursor-default",
2237
2115
  "opacity-50",
2238
- "border",
2239
- "uds-ring",
2240
- "uds-ring-within",
2241
- "transition-[background-color,border-color]",
2242
- "transition-shadow",
2243
- "pointer-events-none",
2244
- "w-[8px]",
2245
- "h-[8px]",
2246
- "transition-opacity",
2247
- "cursor-[inherit]",
2248
- "absolute",
2249
- "opacity-0",
2250
- "top-1/2",
2251
- "left-1/2",
2252
- "w-[calc(100%+2px)]",
2253
- "h-[calc(100%+2px)]",
2254
- "transform",
2255
- "translate-x-[-50%]",
2256
- "translate-y-[-50%]",
2257
- "text-start",
2258
- "text-end"
2116
+ "min-w-[200px]",
2117
+ "grow",
2118
+ "uds-hit-target",
2119
+ "bg-clip-text",
2120
+ "focus:outline-none",
2121
+ "cursor-text",
2122
+ "cursor-not-allowed"
2259
2123
  ],
2260
2124
  "internalComponents": [
2125
+ "IconSlot",
2126
+ "StartIcon",
2127
+ "EndIcon",
2128
+ "HelpTextContent",
2261
2129
  "Box",
2262
- "FormLabel",
2263
- "SpringMotionConfig",
2264
- "RootElement",
2265
- "MotionBox"
2130
+ "InputHelpTextInternal",
2131
+ "VStack",
2132
+ "HStack",
2133
+ "AnimateHeightChange"
2134
+ ],
2135
+ "internalComponentProps": {
2136
+ "HelpTextContent": {
2137
+ "spacingTop": [
2138
+ "2"
2139
+ ]
2140
+ },
2141
+ "Box": {
2142
+ "spacingBottom": [
2143
+ "2"
2144
+ ],
2145
+ "columnGap": [
2146
+ "0.5"
2147
+ ],
2148
+ "alignItems": [
2149
+ "flex-end",
2150
+ "center"
2151
+ ],
2152
+ "position": [
2153
+ "relative"
2154
+ ]
2155
+ },
2156
+ "HStack": {
2157
+ "alignItems": [
2158
+ "center"
2159
+ ],
2160
+ "gap": [
2161
+ "1"
2162
+ ]
2163
+ }
2164
+ },
2165
+ "propToVariantKeys": {
2166
+ "size": [
2167
+ "inputSizeRoot",
2168
+ "inputSizeInputWrapper",
2169
+ "inputSizeInput",
2170
+ "inputSizeLabel",
2171
+ "inputSizeStartIcon",
2172
+ "inputSizeEndIcon"
2173
+ ],
2174
+ "startIcon": [
2175
+ "icon"
2176
+ ],
2177
+ "endIcon": [
2178
+ "icon"
2179
+ ],
2180
+ "helperTextIcon": [
2181
+ "startIcon"
2182
+ ]
2183
+ },
2184
+ "runtimeConfigDefaultProps": {},
2185
+ "runtimeConfigGetStyles": {},
2186
+ "runtimeConfigInternalComponentProps": {},
2187
+ "motionVarPrefixes": []
2188
+ },
2189
+ "InputHelpText": {
2190
+ "name": "InputHelpText",
2191
+ "defaultProps": {
2192
+ "size": "md"
2193
+ },
2194
+ "getStylesLiterals": {
2195
+ "inputVariantRoot": "default",
2196
+ "inputVariantValueRoot": "empty",
2197
+ "inputVariantValueRoot:1": "filled"
2198
+ },
2199
+ "cxLiterals": [],
2200
+ "internalComponents": [
2201
+ "InputHelpTextInternal",
2202
+ "Box"
2203
+ ],
2204
+ "internalComponentProps": {
2205
+ "Box": {
2206
+ "spacingTop": [
2207
+ "2"
2208
+ ]
2209
+ }
2210
+ },
2211
+ "propToVariantKeys": {
2212
+ "size": [
2213
+ "inputSizeRoot"
2214
+ ]
2215
+ },
2216
+ "runtimeConfigDefaultProps": {},
2217
+ "runtimeConfigGetStyles": {},
2218
+ "runtimeConfigInternalComponentProps": {},
2219
+ "motionVarPrefixes": []
2220
+ },
2221
+ "InputHelpTextInternal": {
2222
+ "name": "InputHelpTextInternal",
2223
+ "defaultProps": {},
2224
+ "getStylesLiterals": {
2225
+ "inputVariantHelperText": "default",
2226
+ "inputVariantValueHelperText": "empty",
2227
+ "inputVariantValueHelperText:1": "filled",
2228
+ "inputVariantHelperIcon": "default",
2229
+ "inputVariantValueHelperIcon": "empty",
2230
+ "inputVariantValueHelperIcon:1": "filled"
2231
+ },
2232
+ "cxLiterals": [],
2233
+ "internalComponents": [
2234
+ "IconSlot",
2235
+ "HStack"
2236
+ ],
2237
+ "internalComponentProps": {
2238
+ "HStack": {
2239
+ "gap": [
2240
+ "1"
2241
+ ],
2242
+ "alignItems": [
2243
+ "center"
2244
+ ]
2245
+ }
2246
+ },
2247
+ "propToVariantKeys": {
2248
+ "size": [
2249
+ "inputSizeHelperText",
2250
+ "inputSizeHelperIcon"
2251
+ ],
2252
+ "startIcon": [
2253
+ "icon"
2254
+ ],
2255
+ "endIcon": [
2256
+ "icon"
2257
+ ]
2258
+ },
2259
+ "runtimeConfigDefaultProps": {},
2260
+ "runtimeConfigGetStyles": {},
2261
+ "runtimeConfigInternalComponentProps": {},
2262
+ "motionVarPrefixes": []
2263
+ },
2264
+ "Chip": {
2265
+ "name": "Chip",
2266
+ "defaultProps": {},
2267
+ "getStylesLiterals": {},
2268
+ "cxLiterals": [],
2269
+ "internalComponents": [
2270
+ "ChipDismissible",
2271
+ "ChipToggle",
2272
+ "ChipLink",
2273
+ "ChipButton"
2274
+ ],
2275
+ "internalComponentProps": {},
2276
+ "propToVariantKeys": {},
2277
+ "runtimeConfigDefaultProps": {},
2278
+ "runtimeConfigGetStyles": {},
2279
+ "runtimeConfigInternalComponentProps": {},
2280
+ "motionVarPrefixes": []
2281
+ },
2282
+ "ChipBase": {
2283
+ "name": "ChipBase",
2284
+ "defaultProps": {
2285
+ "size": "md",
2286
+ "as": "div"
2287
+ },
2288
+ "getStylesLiterals": {},
2289
+ "cxLiterals": [
2290
+ "pointer-events-none",
2291
+ "cursor-default",
2292
+ "opacity-50",
2293
+ "inline-flex",
2294
+ "items-center",
2295
+ "transition-[background-color,outline-color,box-shadow]",
2296
+ "truncate",
2297
+ "whitespace-nowrap",
2298
+ "text-center",
2299
+ "flex-1"
2300
+ ],
2301
+ "internalComponents": [
2302
+ "IconSlot",
2303
+ "HStack",
2304
+ "As",
2305
+ "Text"
2266
2306
  ],
2267
2307
  "internalComponentProps": {
2268
- "Box": {
2269
- "borderRadius": [
2270
- "full"
2271
- ]
2272
- },
2273
- "FormLabel": {
2308
+ "Text": {
2274
2309
  "as": [
2275
- "div"
2276
- ],
2277
- "variant": [
2278
- "inherit"
2310
+ "span"
2279
2311
  ],
2280
2312
  "color": [
2281
- "inherit"
2282
- ]
2283
- },
2284
- "RootElement": {
2285
- "data-testid": [
2286
- "container"
2287
- ]
2288
- },
2289
- "MotionBox": {
2290
- "position": [
2291
- "relative"
2292
- ],
2293
- "borderRadius": [
2294
- "full"
2295
- ],
2296
- "alignItems": [
2297
- "center"
2298
- ],
2299
- "justifyContent": [
2300
- "center"
2313
+ "current"
2301
2314
  ],
2302
- "flex": [
2303
- "none"
2315
+ "variant": [
2316
+ "inherit"
2304
2317
  ]
2305
2318
  }
2306
2319
  },
2307
2320
  "propToVariantKeys": {
2308
2321
  "size": [
2309
- "radioSizeRoot",
2310
- "radioSizeRadio"
2322
+ "chipSizeRoot",
2323
+ "chipSizeIcon"
2311
2324
  ],
2312
- "variant": [
2313
- "radioVariantRoot",
2314
- "radioVariantRadio",
2315
- "radioVariantRadioCircle"
2325
+ "startIcon": [
2326
+ "icon"
2316
2327
  ],
2317
- "reduceMotion": [
2318
- "reducedMotion"
2328
+ "endIcon": [
2329
+ "icon"
2319
2330
  ]
2320
2331
  },
2321
2332
  "runtimeConfigDefaultProps": {},
2322
2333
  "runtimeConfigGetStyles": {},
2323
2334
  "runtimeConfigInternalComponentProps": {},
2324
- "motionVarPrefixes": [
2325
- "--uds-motion-subtle-3-",
2326
- "--uds-motion-smooth-3-"
2327
- ]
2335
+ "motionVarPrefixes": []
2328
2336
  },
2329
- "RadioGroupProvider": {
2330
- "name": "RadioGroupProvider",
2331
- "defaultProps": {},
2337
+ "ChipButton": {
2338
+ "name": "ChipButton",
2339
+ "defaultProps": {
2340
+ "variant": "primary"
2341
+ },
2332
2342
  "getStylesLiterals": {},
2333
- "cxLiterals": [],
2343
+ "cxLiterals": [
2344
+ "uds-ring"
2345
+ ],
2334
2346
  "internalComponents": [
2335
- "DivProps",
2336
- "Comp",
2337
- "RadioGroupContext.Provider"
2347
+ "ChipBase"
2338
2348
  ],
2339
2349
  "internalComponentProps": {
2340
- "Comp": {
2341
- "role": [
2342
- "radiogroup"
2350
+ "ChipBase": {
2351
+ "as": [
2352
+ "button"
2343
2353
  ]
2344
2354
  }
2345
2355
  },
2346
- "propToVariantKeys": {},
2356
+ "propToVariantKeys": {
2357
+ "variant": [
2358
+ "chipLinkVariantRoot",
2359
+ "chipLinkVariantIcon"
2360
+ ]
2361
+ },
2347
2362
  "runtimeConfigDefaultProps": {},
2348
2363
  "runtimeConfigGetStyles": {},
2349
2364
  "runtimeConfigInternalComponentProps": {},
2350
2365
  "motionVarPrefixes": []
2351
2366
  },
2352
- "RadioGroupStore": {
2353
- "name": "RadioGroupStore",
2354
- "defaultProps": {},
2367
+ "ChipDismissible": {
2368
+ "name": "ChipDismissible",
2369
+ "defaultProps": {
2370
+ "variant": "primary"
2371
+ },
2355
2372
  "getStylesLiterals": {},
2356
- "cxLiterals": [],
2357
- "internalComponents": [],
2373
+ "cxLiterals": [
2374
+ "uds-chip-dismissible-button",
2375
+ "uds-hit-target",
2376
+ "uds-ring",
2377
+ "rounded-full"
2378
+ ],
2379
+ "internalComponents": [
2380
+ "ChipBase",
2381
+ "IconSlot",
2382
+ "Pressable"
2383
+ ],
2358
2384
  "internalComponentProps": {},
2359
- "propToVariantKeys": {},
2385
+ "propToVariantKeys": {
2386
+ "variant": [
2387
+ "chipDismissibleVariantRoot",
2388
+ "chipDismissibleVariantIcon"
2389
+ ],
2390
+ "dismissButtonAriaLabel": [
2391
+ "aria-label"
2392
+ ]
2393
+ },
2360
2394
  "runtimeConfigDefaultProps": {},
2361
2395
  "runtimeConfigGetStyles": {},
2362
2396
  "runtimeConfigInternalComponentProps": {},
2363
2397
  "motionVarPrefixes": []
2364
2398
  },
2365
- "Toast": {
2366
- "name": "Toast",
2367
- "defaultProps": {},
2368
- "getStylesLiterals": {
2369
- "className": "flex-none",
2370
- "spacing": "2",
2371
- "borderRadius": "full"
2399
+ "ChipLink": {
2400
+ "name": "ChipLink",
2401
+ "defaultProps": {
2402
+ "variant": "primary"
2372
2403
  },
2404
+ "getStylesLiterals": {},
2373
2405
  "cxLiterals": [
2374
- "duration-0",
2375
- "duration-120",
2376
- "transition-[background-color]",
2377
- "bg-carbon-15/0",
2378
- "hover:bg-carbon-15/10",
2379
- "active:bg-carbon-15/15",
2380
2406
  "uds-ring"
2381
2407
  ],
2382
2408
  "internalComponents": [
2383
- "IconSlot",
2384
- "ToastContainer",
2385
- "Text",
2386
- "Button",
2387
- "Pressable"
2409
+ "ChipBase"
2388
2410
  ],
2389
- "internalComponentProps": {},
2411
+ "internalComponentProps": {
2412
+ "ChipBase": {
2413
+ "as": [
2414
+ "a"
2415
+ ]
2416
+ }
2417
+ },
2390
2418
  "propToVariantKeys": {
2391
- "size": [
2392
- "toastSizeLabel",
2393
- "toastSizeIcon",
2394
- "toastSizeActionButton",
2395
- "toastSizeCloseIcon"
2396
- ],
2397
2419
  "variant": [
2398
- "toastVariantIcon",
2399
- "toastVariantActionButton",
2400
- "toastVariantCloseIcon"
2401
- ],
2402
- "closeIcon": [
2403
- "icon"
2404
- ],
2405
- "onClickActionButton": [
2406
- "onClick"
2420
+ "chipLinkVariantRoot",
2421
+ "chipLinkVariantIcon"
2407
2422
  ]
2408
2423
  },
2409
- "runtimeConfigDefaultProps": {
2410
- "size": "toast.defaultSize",
2411
- "variant": "toast.defaultVariant"
2424
+ "runtimeConfigDefaultProps": {},
2425
+ "runtimeConfigGetStyles": {},
2426
+ "runtimeConfigInternalComponentProps": {},
2427
+ "motionVarPrefixes": []
2428
+ },
2429
+ "ChipToggle": {
2430
+ "name": "ChipToggle",
2431
+ "defaultProps": {
2432
+ "variant": "primary",
2433
+ "role": "checkbox"
2412
2434
  },
2413
- "runtimeConfigGetStyles": {
2414
- "toastSizeLabel": [
2415
- "toast.defaultSize"
2416
- ],
2417
- "toastVariantIcon": [
2418
- "toast.defaultVariant"
2419
- ],
2420
- "toastSizeIcon": [
2421
- "toast.defaultSize"
2422
- ],
2423
- "toastSizeActionButton": [
2424
- "toast.defaultSize"
2425
- ],
2426
- "toastVariantActionButton": [
2427
- "toast.defaultVariant"
2428
- ],
2429
- "toastVariantCloseIcon": [
2430
- "toast.defaultVariant"
2431
- ],
2432
- "toastSizeCloseIcon": [
2433
- "toast.defaultSize"
2434
- ]
2435
+ "getStylesLiterals": {
2436
+ "chipToggleVariantActiveRoot": "on",
2437
+ "chipToggleVariantActiveRoot:1": "off"
2435
2438
  },
2436
- "runtimeConfigInternalComponentProps": {
2437
- "ToastContainer": {
2438
- "size": [
2439
- "toast.defaultSize"
2440
- ],
2441
- "variant": [
2442
- "toast.defaultVariant"
2443
- ]
2444
- },
2445
- "Text": {
2446
- "variant": [
2447
- "toast.textVariant.${size}"
2448
- ],
2449
- "color": [
2450
- "toast.textColor.${variant}"
2451
- ]
2452
- },
2453
- "Button": {
2454
- "size": [
2455
- "toast.buttonSize.${size}"
2456
- ],
2457
- "variant": [
2458
- "toast.buttonVariant.${variant}"
2439
+ "cxLiterals": [
2440
+ "uds-ring"
2441
+ ],
2442
+ "internalComponents": [
2443
+ "ChipBase"
2444
+ ],
2445
+ "internalComponentProps": {
2446
+ "ChipBase": {
2447
+ "as": [
2448
+ "button"
2459
2449
  ]
2460
2450
  }
2461
2451
  },
2452
+ "propToVariantKeys": {
2453
+ "variant": [
2454
+ "chipToggleVariantRoot",
2455
+ "chipToggleVariantIcon"
2456
+ ]
2457
+ },
2458
+ "runtimeConfigDefaultProps": {},
2459
+ "runtimeConfigGetStyles": {},
2460
+ "runtimeConfigInternalComponentProps": {},
2462
2461
  "motionVarPrefixes": []
2463
2462
  },
2464
- "ToastContainer": {
2465
- "name": "ToastContainer",
2466
- "defaultProps": {},
2467
- "getStylesLiterals": {
2468
- "position": "relative",
2469
- "alignItems": "center",
2470
- "display": "flex",
2471
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2463
+ "BottomSheet": {
2464
+ "name": "BottomSheet",
2465
+ "defaultProps": {
2466
+ "variant": "default"
2472
2467
  },
2468
+ "getStylesLiterals": {},
2473
2469
  "cxLiterals": [
2474
- "w-full"
2470
+ "fixed",
2471
+ "overflow-hidden",
2472
+ "inset-x-0",
2473
+ "bottom-0",
2474
+ "z-50",
2475
+ "[will-change:transform]",
2476
+ "touch-none",
2477
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2478
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2479
+ "transition-transform",
2480
+ "duration-500",
2481
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
2482
+ "motion-reduce:transition-none",
2483
+ "top-[-4px]",
2484
+ "z-[1]",
2485
+ "touch-pan-y"
2475
2486
  ],
2476
2487
  "internalComponents": [
2477
- "HStack"
2488
+ "Scrim",
2489
+ "BottomSheetHandle",
2490
+ "Dialog",
2491
+ "Box",
2492
+ "BottomSheetInternalContext.Provider"
2478
2493
  ],
2479
2494
  "internalComponentProps": {
2480
- "HStack": {
2481
- "alignItems": [
2482
- "center"
2495
+ "BottomSheetHandle": {
2496
+ "ariaLabel": [
2497
+ "Resize sheet"
2498
+ ]
2499
+ },
2500
+ "Dialog": {
2501
+ "data-testid": [
2502
+ "bottom-sheet"
2503
+ ]
2504
+ },
2505
+ "Box": {
2506
+ "display": [
2507
+ "block",
2508
+ "flex"
2483
2509
  ],
2484
- "justifyContent": [
2485
- "space-between"
2510
+ "position": [
2511
+ "absolute"
2486
2512
  ],
2487
- "overflow": [
2488
- "hidden"
2513
+ "flexDirection": [
2514
+ "column"
2489
2515
  ],
2490
- "position": [
2491
- "relative"
2516
+ "className": [
2517
+ "absolute inset-0 min-h-0 p-[inherit]"
2492
2518
  ]
2493
2519
  }
2494
2520
  },
2495
2521
  "propToVariantKeys": {
2496
2522
  "variant": [
2497
- "toastVariantRoot"
2498
- ],
2499
- "size": [
2500
- "toastSizeRoot"
2501
- ]
2502
- },
2503
- "runtimeConfigDefaultProps": {
2504
- "size": "toast.defaultSize",
2505
- "variant": "toast.defaultVariant"
2506
- },
2507
- "runtimeConfigGetStyles": {
2508
- "toastVariantRoot": [
2509
- "toast.defaultVariant"
2510
- ],
2511
- "toastSizeRoot": [
2512
- "toast.defaultSize"
2523
+ "bottomsheetVariantRoot"
2513
2524
  ]
2514
2525
  },
2515
- "runtimeConfigInternalComponentProps": {
2516
- "HStack": {
2517
- "backgroundColor": [
2518
- "toast.backgroundColor.${variant}"
2519
- ]
2520
- }
2521
- },
2526
+ "runtimeConfigDefaultProps": {},
2527
+ "runtimeConfigGetStyles": {},
2528
+ "runtimeConfigInternalComponentProps": {},
2522
2529
  "motionVarPrefixes": []
2523
2530
  },
2524
- "ToastPortal": {
2525
- "name": "ToastPortal",
2531
+ "BottomSheetContent": {
2532
+ "name": "BottomSheetContent",
2526
2533
  "defaultProps": {},
2527
2534
  "getStylesLiterals": {},
2528
- "cxLiterals": [],
2535
+ "cxLiterals": [
2536
+ "min-h-0",
2537
+ "touch-pan-y"
2538
+ ],
2529
2539
  "internalComponents": [
2530
- "ReactToastifyToastContainer"
2540
+ "Box",
2541
+ "VStack"
2531
2542
  ],
2532
- "internalComponentProps": {},
2533
- "propToVariantKeys": {},
2534
- "runtimeConfigDefaultProps": {
2535
- "size": "toast.defaultSize",
2536
- "variant": "toast.defaultVariant"
2537
- },
2538
- "runtimeConfigGetStyles": {},
2539
- "runtimeConfigInternalComponentProps": {
2540
- "ReactToastifyToastContainer": {
2541
- "autoClose": [
2542
- "toast.autoClose"
2543
+ "internalComponentProps": {
2544
+ "Box": {
2545
+ "display": [
2546
+ "block"
2547
+ ],
2548
+ "flex": [
2549
+ "1"
2550
+ ]
2551
+ },
2552
+ "VStack": {
2553
+ "className": [
2554
+ "pb-[calc(env(safe-area-inset-bottom))]"
2543
2555
  ]
2544
2556
  }
2545
2557
  },
2558
+ "propToVariantKeys": {},
2559
+ "runtimeConfigDefaultProps": {},
2560
+ "runtimeConfigGetStyles": {},
2561
+ "runtimeConfigInternalComponentProps": {},
2546
2562
  "motionVarPrefixes": []
2547
2563
  },
2548
- "UDSToastConfigProvider": {
2549
- "name": "UDSToastConfigProvider",
2564
+ "BottomSheetDismiss": {
2565
+ "name": "BottomSheetDismiss",
2550
2566
  "defaultProps": {},
2551
2567
  "getStylesLiterals": {},
2552
2568
  "cxLiterals": [],
2553
2569
  "internalComponents": [
2554
- "ToastContext.Provider"
2570
+ "AriakitDialogDismiss"
2555
2571
  ],
2556
2572
  "internalComponentProps": {},
2557
2573
  "propToVariantKeys": {},
@@ -2560,89 +2576,101 @@
2560
2576
  "runtimeConfigInternalComponentProps": {},
2561
2577
  "motionVarPrefixes": []
2562
2578
  },
2563
- "Tooltip": {
2564
- "name": "Tooltip",
2565
- "defaultProps": {},
2579
+ "BottomSheetHandle": {
2580
+ "name": "BottomSheetHandle",
2581
+ "defaultProps": {
2582
+ "variant": "default"
2583
+ },
2566
2584
  "getStylesLiterals": {},
2567
- "cxLiterals": [],
2585
+ "cxLiterals": [
2586
+ "relative",
2587
+ "h-5",
2588
+ "w-16",
2589
+ "outline-none",
2590
+ "focus-visible:outline-none",
2591
+ "[touch-action:pan-y]",
2592
+ "absolute",
2593
+ "left-1/2",
2594
+ "top-1/2",
2595
+ "-translate-x-1/2",
2596
+ "-translate-y-1/2",
2597
+ "h-1",
2598
+ "w-8",
2599
+ "rounded-full"
2600
+ ],
2568
2601
  "internalComponents": [
2569
- "TooltipInternalContext.Provider",
2570
- "TooltipProvider"
2602
+ "Box"
2571
2603
  ],
2572
- "internalComponentProps": {},
2573
- "propToVariantKeys": {},
2574
- "runtimeConfigDefaultProps": {},
2575
- "runtimeConfigGetStyles": {},
2576
- "runtimeConfigInternalComponentProps": {
2577
- "TooltipProvider": {
2578
- "animated": [
2579
- "tooltip.animationDuration"
2604
+ "internalComponentProps": {
2605
+ "Box": {
2606
+ "display": [
2607
+ "block",
2608
+ "flex"
2609
+ ],
2610
+ "justifyContent": [
2611
+ "center"
2580
2612
  ]
2581
2613
  }
2582
2614
  },
2615
+ "propToVariantKeys": {
2616
+ "variant": [
2617
+ "bottomsheetVariantHandleIndicator"
2618
+ ]
2619
+ },
2620
+ "runtimeConfigDefaultProps": {},
2621
+ "runtimeConfigGetStyles": {},
2622
+ "runtimeConfigInternalComponentProps": {},
2583
2623
  "motionVarPrefixes": []
2584
2624
  },
2585
- "TooltipContent": {
2586
- "name": "TooltipContent",
2587
- "defaultProps": {},
2588
- "getStylesLiterals": {
2589
- "tooltipSizeRoot": "default",
2590
- "tooltipVariantRoot": "default",
2591
- "tooltipSizeSvg": "default",
2592
- "tooltipVariantSvg": "default",
2593
- "tooltipVariantBlur": "default",
2594
- "position": "absolute",
2595
- "width": "full",
2596
- "height": "full",
2597
- "tooltipSizeTitle": "default",
2598
- "tooltipSizeBody": "default",
2599
- "tooltipSizeEndContent": "default",
2600
- "tooltipSizeIcon": "default",
2601
- "tooltipVariantIcon": "default"
2625
+ "BottomSheetHeader": {
2626
+ "name": "BottomSheetHeader",
2627
+ "defaultProps": {
2628
+ "variant": "default"
2602
2629
  },
2630
+ "getStylesLiterals": {},
2603
2631
  "cxLiterals": [
2604
- "max-w-lg",
2605
- "flex",
2606
- "z-[9999]",
2607
- "uds-bgBlurFillFallback",
2608
- "uds-bgBlurFallback",
2609
- "top-0",
2610
- "left-0",
2611
- "z-[1]"
2632
+ "grid-cols-[40px_1fr_40px]",
2633
+ "items-center",
2634
+ "w-full",
2635
+ "min-h-10",
2636
+ "mt-2"
2612
2637
  ],
2613
2638
  "internalComponents": [
2614
- "IconSlot",
2615
- "TooltipArrow",
2616
- "Tooltip",
2617
- "SvgFloatingOverlay",
2618
- "VStack",
2619
2639
  "Box",
2620
2640
  "Text"
2621
2641
  ],
2622
2642
  "internalComponentProps": {
2623
- "VStack": {
2624
- "className": [
2625
- "gap-[inherit]"
2626
- ]
2627
- },
2628
2643
  "Box": {
2629
- "alignItems": [
2630
- "center"
2644
+ "className": [
2645
+ "h-10 w-10 opacity-0 pointer-events-none"
2631
2646
  ],
2632
- "columnGap": [
2633
- "1",
2634
- "1.5"
2647
+ "display": [
2648
+ "grid",
2649
+ "flex"
2650
+ ],
2651
+ "justifyContent": [
2652
+ "flex-start",
2653
+ "flex-end"
2635
2654
  ]
2636
2655
  },
2637
2656
  "Text": {
2657
+ "variant": [
2658
+ "inherit"
2659
+ ],
2638
2660
  "color": [
2639
2661
  "inherit"
2662
+ ],
2663
+ "textAlign": [
2664
+ "center"
2665
+ ],
2666
+ "className": [
2667
+ "w-full"
2640
2668
  ]
2641
2669
  }
2642
2670
  },
2643
2671
  "propToVariantKeys": {
2644
- "startTitleIcon": [
2645
- "icon"
2672
+ "variant": [
2673
+ "bottomsheetVariantHeader"
2646
2674
  ]
2647
2675
  },
2648
2676
  "runtimeConfigDefaultProps": {},
@@ -2650,38 +2678,41 @@
2650
2678
  "runtimeConfigInternalComponentProps": {},
2651
2679
  "motionVarPrefixes": []
2652
2680
  },
2653
- "TooltipTrigger": {
2654
- "name": "TooltipTrigger",
2681
+ "BottomSheetInternalContext": {
2682
+ "name": "BottomSheetInternalContext",
2683
+ "defaultProps": {},
2684
+ "getStylesLiterals": {},
2685
+ "cxLiterals": [],
2686
+ "internalComponents": [],
2687
+ "internalComponentProps": {},
2688
+ "propToVariantKeys": {},
2689
+ "runtimeConfigDefaultProps": {},
2690
+ "runtimeConfigGetStyles": {},
2691
+ "runtimeConfigInternalComponentProps": {},
2692
+ "motionVarPrefixes": []
2693
+ },
2694
+ "BottomSheetProvider": {
2695
+ "name": "BottomSheetProvider",
2655
2696
  "defaultProps": {},
2656
2697
  "getStylesLiterals": {},
2657
2698
  "cxLiterals": [],
2658
2699
  "internalComponents": [
2659
- "TooltipAnchor"
2700
+ "AriakitDialogProvider"
2660
2701
  ],
2661
- "internalComponentProps": {
2662
- "TooltipAnchor": {
2663
- "className": [
2664
- "inline"
2665
- ]
2666
- }
2667
- },
2668
- "propToVariantKeys": {
2669
- "children": [
2670
- "render"
2671
- ]
2672
- },
2702
+ "internalComponentProps": {},
2703
+ "propToVariantKeys": {},
2673
2704
  "runtimeConfigDefaultProps": {},
2674
2705
  "runtimeConfigGetStyles": {},
2675
2706
  "runtimeConfigInternalComponentProps": {},
2676
2707
  "motionVarPrefixes": []
2677
2708
  },
2678
- "UDSTooltipConfigProvider": {
2679
- "name": "UDSTooltipConfigProvider",
2709
+ "BottomSheetTrigger": {
2710
+ "name": "BottomSheetTrigger",
2680
2711
  "defaultProps": {},
2681
2712
  "getStylesLiterals": {},
2682
2713
  "cxLiterals": [],
2683
2714
  "internalComponents": [
2684
- "TooltipContext.Provider"
2715
+ "AriakitDialogDisclosure"
2685
2716
  ],
2686
2717
  "internalComponentProps": {},
2687
2718
  "propToVariantKeys": {},
@@ -2690,13 +2721,13 @@
2690
2721
  "runtimeConfigInternalComponentProps": {},
2691
2722
  "motionVarPrefixes": []
2692
2723
  },
2693
- "UDSBreakpointsConfigProvider": {
2694
- "name": "UDSBreakpointsConfigProvider",
2724
+ "UDSBottomSheetConfigProvider": {
2725
+ "name": "UDSBottomSheetConfigProvider",
2695
2726
  "defaultProps": {},
2696
2727
  "getStylesLiterals": {},
2697
2728
  "cxLiterals": [],
2698
2729
  "internalComponents": [
2699
- "UDSBreakpointsConfigContext.Provider"
2730
+ "BottomSheetContext.Provider"
2700
2731
  ],
2701
2732
  "internalComponentProps": {},
2702
2733
  "propToVariantKeys": {},
@@ -2705,17 +2736,13 @@
2705
2736
  "runtimeConfigInternalComponentProps": {},
2706
2737
  "motionVarPrefixes": []
2707
2738
  },
2708
- "UDSConfigProvider": {
2709
- "name": "UDSConfigProvider",
2739
+ "Avatar": {
2740
+ "name": "Avatar",
2710
2741
  "defaultProps": {},
2711
2742
  "getStylesLiterals": {},
2712
2743
  "cxLiterals": [],
2713
2744
  "internalComponents": [
2714
- "UDSBreakpointsConfigProvider",
2715
- "UDSBottomSheetConfigProvider",
2716
- "UDSToastConfigProvider",
2717
- "UDSTooltipConfigProvider",
2718
- "UDSPopoverConfigProvider"
2745
+ "AvatarImage"
2719
2746
  ],
2720
2747
  "internalComponentProps": {},
2721
2748
  "propToVariantKeys": {},
@@ -2724,124 +2751,105 @@
2724
2751
  "runtimeConfigInternalComponentProps": {},
2725
2752
  "motionVarPrefixes": []
2726
2753
  },
2727
- "Accordion": {
2728
- "name": "Accordion",
2754
+ "AvatarIcon": {
2755
+ "name": "AvatarIcon",
2729
2756
  "defaultProps": {
2730
- "spacingHorizontal": "4",
2731
- "spacingVertical": "4"
2757
+ "size": "md",
2758
+ "variant": "primary"
2732
2759
  },
2733
2760
  "getStylesLiterals": {},
2734
2761
  "cxLiterals": [
2735
- "hover:bg-secondary/80",
2736
- "w-full"
2762
+ "overflow-hidden",
2763
+ "w-full",
2764
+ "h-full",
2765
+ "shrink-0",
2766
+ "text-center",
2767
+ "inline-flex",
2768
+ "justify-center",
2769
+ "items-center"
2737
2770
  ],
2738
2771
  "internalComponents": [
2739
- "Icon",
2740
- "SpringMotionConfig",
2741
- "Pressable",
2742
- "Text",
2743
- "HStack",
2744
- "AnimatePresence",
2745
- "VStack"
2772
+ "IconSlot",
2773
+ "Box"
2746
2774
  ],
2747
- "internalComponentProps": {
2748
- "Icon": {
2749
- "variant": [
2750
- "fill"
2751
- ],
2752
- "size": [
2753
- "sm"
2754
- ],
2755
- "color": [
2756
- "primary"
2757
- ]
2758
- },
2759
- "SpringMotionConfig": {
2760
- "layoutVariant": [
2761
- "smooth"
2762
- ],
2763
- "layoutSpeed": [
2764
- "3"
2765
- ]
2766
- },
2767
- "Pressable": {
2768
- "display": [
2769
- "flex"
2770
- ],
2771
- "flexDirection": [
2772
- "row"
2773
- ],
2774
- "alignItems": [
2775
- "center"
2776
- ],
2777
- "justifyContent": [
2778
- "space-between"
2779
- ],
2780
- "borderRadius": [
2781
- "md"
2782
- ]
2783
- },
2784
- "Text": {
2785
- "variant": [
2786
- "title4"
2787
- ],
2788
- "color": [
2789
- "primary"
2790
- ]
2791
- },
2792
- "HStack": {
2793
- "display": [
2794
- "flex"
2795
- ],
2796
- "alignItems": [
2797
- "center"
2798
- ],
2799
- "justifyContent": [
2800
- "space-between"
2801
- ],
2802
- "columnGap": [
2803
- "2.5"
2804
- ]
2805
- }
2775
+ "internalComponentProps": {},
2776
+ "propToVariantKeys": {
2777
+ "size": [
2778
+ "avatarSizeIcon"
2779
+ ]
2806
2780
  },
2807
- "propToVariantKeys": {},
2808
2781
  "runtimeConfigDefaultProps": {},
2809
2782
  "runtimeConfigGetStyles": {},
2810
2783
  "runtimeConfigInternalComponentProps": {},
2811
- "motionVarPrefixes": [
2812
- "--uds-motion-smooth-3-"
2813
- ]
2784
+ "motionVarPrefixes": []
2814
2785
  },
2815
- "AvoidMotionLibraryProvider": {
2816
- "name": "AvoidMotionLibraryProvider",
2817
- "defaultProps": {},
2786
+ "AvatarImage": {
2787
+ "name": "AvatarImage",
2788
+ "defaultProps": {
2789
+ "size": "md",
2790
+ "variant": "primary"
2791
+ },
2818
2792
  "getStylesLiterals": {},
2819
- "cxLiterals": [],
2820
- "internalComponents": [],
2793
+ "cxLiterals": [
2794
+ "overflow-hidden",
2795
+ "w-full",
2796
+ "h-full",
2797
+ "shrink-0",
2798
+ "text-center",
2799
+ "inline-flex",
2800
+ "justify-center",
2801
+ "items-center",
2802
+ "object-cover"
2803
+ ],
2804
+ "internalComponents": [
2805
+ "UDSImage",
2806
+ "AvatarText",
2807
+ "AvatarIcon",
2808
+ "Box"
2809
+ ],
2821
2810
  "internalComponentProps": {},
2822
- "propToVariantKeys": {},
2811
+ "propToVariantKeys": {
2812
+ "alt": [
2813
+ "name"
2814
+ ],
2815
+ "fallback": [
2816
+ "initials"
2817
+ ]
2818
+ },
2823
2819
  "runtimeConfigDefaultProps": {},
2824
2820
  "runtimeConfigGetStyles": {},
2825
2821
  "runtimeConfigInternalComponentProps": {},
2826
2822
  "motionVarPrefixes": []
2827
2823
  },
2828
- "ExperimentalPopover": {
2829
- "name": "ExperimentalPopover",
2830
- "defaultProps": {},
2824
+ "AvatarText": {
2825
+ "name": "AvatarText",
2826
+ "defaultProps": {
2827
+ "size": "md",
2828
+ "variant": "primary"
2829
+ },
2831
2830
  "getStylesLiterals": {},
2832
- "cxLiterals": [],
2831
+ "cxLiterals": [
2832
+ "overflow-hidden",
2833
+ "truncate",
2834
+ "w-full",
2835
+ "h-full",
2836
+ "shrink-0",
2837
+ "text-center",
2838
+ "inline-flex",
2839
+ "justify-center",
2840
+ "items-center"
2841
+ ],
2833
2842
  "internalComponents": [
2834
- "HStack",
2835
- "Text",
2836
- "ExperimentalPopoverHeadingBase"
2843
+ "Box",
2844
+ "Text"
2837
2845
  ],
2838
2846
  "internalComponentProps": {
2839
2847
  "Text": {
2840
- "variant": [
2841
- "headline1"
2842
- ],
2843
2848
  "color": [
2844
- "primary"
2849
+ "inherit"
2850
+ ],
2851
+ "variant": [
2852
+ "inherit"
2845
2853
  ]
2846
2854
  }
2847
2855
  },
@@ -2851,370 +2859,362 @@
2851
2859
  "runtimeConfigInternalComponentProps": {},
2852
2860
  "motionVarPrefixes": []
2853
2861
  },
2854
- "Modal": {
2855
- "name": "Modal",
2862
+ "Toast": {
2863
+ "name": "Toast",
2856
2864
  "defaultProps": {},
2857
- "getStylesLiterals": {},
2865
+ "getStylesLiterals": {
2866
+ "className": "flex-none",
2867
+ "spacing": "2",
2868
+ "borderRadius": "full"
2869
+ },
2858
2870
  "cxLiterals": [
2859
- "inset-8",
2860
- "top-[250px]",
2861
- "z-50",
2862
- "mx-auto",
2863
- "h-fit",
2864
- "w-[600px]",
2865
- "origin-center",
2866
- "scale-95",
2867
- "opacity-0",
2868
- "transition",
2869
- "duration-150",
2870
- "data-[enter]:scale-100",
2871
- "data-[enter]:opacity-100",
2872
- "data-[enter]:bg-primary",
2873
- "backdrop-blur-0",
2874
- "data-[enter]:opacity-60",
2875
- "data-[enter]:backdrop-blur-sm"
2871
+ "duration-0",
2872
+ "duration-120",
2873
+ "transition-[background-color]",
2874
+ "bg-carbon-15/0",
2875
+ "hover:bg-carbon-15/10",
2876
+ "active:bg-carbon-15/15",
2877
+ "uds-ring"
2876
2878
  ],
2877
2879
  "internalComponents": [
2878
- "IconButton",
2879
- "Dialog",
2880
- "HStack",
2880
+ "IconSlot",
2881
+ "ToastContainer",
2881
2882
  "Text",
2882
- "VStack"
2883
+ "Button",
2884
+ "Pressable"
2883
2885
  ],
2884
- "internalComponentProps": {
2885
- "IconButton": {
2886
- "aria-label": [
2887
- "Close"
2888
- ],
2886
+ "internalComponentProps": {},
2887
+ "propToVariantKeys": {
2888
+ "size": [
2889
+ "toastSizeLabel",
2890
+ "toastSizeIcon",
2891
+ "toastSizeActionButton",
2892
+ "toastSizeCloseIcon"
2893
+ ],
2894
+ "variant": [
2895
+ "toastVariantIcon",
2896
+ "toastVariantActionButton",
2897
+ "toastVariantCloseIcon"
2898
+ ],
2899
+ "closeIcon": [
2900
+ "icon"
2901
+ ],
2902
+ "onClickActionButton": [
2903
+ "onClick"
2904
+ ]
2905
+ },
2906
+ "runtimeConfigDefaultProps": {
2907
+ "size": "toast.defaultSize",
2908
+ "variant": "toast.defaultVariant"
2909
+ },
2910
+ "runtimeConfigGetStyles": {
2911
+ "toastSizeLabel": [
2912
+ "toast.defaultSize"
2913
+ ],
2914
+ "toastVariantIcon": [
2915
+ "toast.defaultVariant"
2916
+ ],
2917
+ "toastSizeIcon": [
2918
+ "toast.defaultSize"
2919
+ ],
2920
+ "toastSizeActionButton": [
2921
+ "toast.defaultSize"
2922
+ ],
2923
+ "toastVariantActionButton": [
2924
+ "toast.defaultVariant"
2925
+ ],
2926
+ "toastVariantCloseIcon": [
2927
+ "toast.defaultVariant"
2928
+ ],
2929
+ "toastSizeCloseIcon": [
2930
+ "toast.defaultSize"
2931
+ ]
2932
+ },
2933
+ "runtimeConfigInternalComponentProps": {
2934
+ "ToastContainer": {
2889
2935
  "size": [
2890
- "sm"
2936
+ "toast.defaultSize"
2891
2937
  ],
2892
2938
  "variant": [
2893
- "tertiary"
2894
- ]
2895
- },
2896
- "HStack": {
2897
- "alignItems": [
2898
- "center"
2899
- ],
2900
- "justifyContent": [
2901
- "space-between"
2939
+ "toast.defaultVariant"
2902
2940
  ]
2903
2941
  },
2904
2942
  "Text": {
2905
2943
  "variant": [
2906
- "headline1"
2944
+ "toast.textVariant.${size}"
2907
2945
  ],
2908
2946
  "color": [
2909
- "primary"
2947
+ "toast.textColor.${variant}"
2910
2948
  ]
2911
2949
  },
2912
- "VStack": {
2913
- "borderRadius": [
2914
- "md"
2915
- ],
2916
- "position": [
2917
- "fixed"
2918
- ],
2919
- "backgroundColor": [
2920
- "primary"
2921
- ],
2922
- "dropShadow": [
2923
- "md"
2924
- ],
2925
- "spacing": [
2926
- "8"
2950
+ "Button": {
2951
+ "size": [
2952
+ "toast.buttonSize.${size}"
2927
2953
  ],
2928
- "overflow": [
2929
- "hidden"
2954
+ "variant": [
2955
+ "toast.buttonVariant.${variant}"
2930
2956
  ]
2931
2957
  }
2932
2958
  },
2933
- "propToVariantKeys": {
2934
- "handleClose": [
2935
- "onClick"
2936
- ]
2937
- },
2938
- "runtimeConfigDefaultProps": {},
2939
- "runtimeConfigGetStyles": {},
2940
- "runtimeConfigInternalComponentProps": {},
2941
2959
  "motionVarPrefixes": []
2942
2960
  },
2943
- "SegmentedControl": {
2944
- "name": "SegmentedControl",
2945
- "defaultProps": {
2946
- "textVariant": "label2"
2947
- },
2961
+ "ToastContainer": {
2962
+ "name": "ToastContainer",
2963
+ "defaultProps": {},
2948
2964
  "getStylesLiterals": {
2949
- "display": "flex",
2965
+ "position": "relative",
2950
2966
  "alignItems": "center",
2951
- "backgroundColor": "primary",
2952
- "spacingVertical": "1",
2953
- "spacingHorizontal": "3",
2954
- "columnGap": "1.5",
2955
- "borderWidth": "thin",
2956
- "borderRadius": "full",
2957
- "borderColor": "muted",
2958
- "borderColor:1": "transparent",
2959
- "color": "primary",
2960
- "color:1": "tertiary",
2961
- "color:2": "muted"
2967
+ "display": "flex",
2968
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2962
2969
  },
2963
2970
  "cxLiterals": [
2964
- "uds-ring",
2965
- "cursor-not-allowed",
2966
- "opacity-50",
2967
- "pointer-events-none",
2968
- "hover:bg-primary"
2971
+ "w-full"
2969
2972
  ],
2970
2973
  "internalComponents": [
2971
- "TextVariant",
2972
- "Radio",
2973
- "Icon",
2974
- "RadioProvider",
2975
- "HStack",
2976
- "RadioGroup",
2977
- "Pressable",
2978
- "Text"
2974
+ "HStack"
2979
2975
  ],
2980
2976
  "internalComponentProps": {
2981
- "Icon": {
2982
- "size": [
2983
- "sm"
2984
- ],
2985
- "color": [
2986
- "current"
2987
- ],
2988
- "aria-hidden": [
2989
- "true"
2990
- ]
2991
- },
2992
2977
  "HStack": {
2993
- "spacing": [
2994
- "1"
2995
- ],
2996
- "gap": [
2997
- "1"
2978
+ "alignItems": [
2979
+ "center"
2998
2980
  ],
2999
- "backgroundColor": [
3000
- "secondary"
2981
+ "justifyContent": [
2982
+ "space-between"
3001
2983
  ],
3002
- "borderRadius": [
3003
- "full"
2984
+ "overflow": [
2985
+ "hidden"
3004
2986
  ],
3005
- "display": [
3006
- "inline-flex"
3007
- ]
3008
- },
3009
- "Text": {
3010
- "color": [
3011
- "current"
2987
+ "position": [
2988
+ "relative"
3012
2989
  ]
3013
2990
  }
3014
2991
  },
3015
2992
  "propToVariantKeys": {
3016
- "value": [
3017
- "key"
2993
+ "variant": [
2994
+ "toastVariantRoot"
3018
2995
  ],
3019
- "label": [
3020
- "aria-label"
2996
+ "size": [
2997
+ "toastSizeRoot"
2998
+ ]
2999
+ },
3000
+ "runtimeConfigDefaultProps": {
3001
+ "size": "toast.defaultSize",
3002
+ "variant": "toast.defaultVariant"
3003
+ },
3004
+ "runtimeConfigGetStyles": {
3005
+ "toastVariantRoot": [
3006
+ "toast.defaultVariant"
3021
3007
  ],
3022
- "textVariant": [
3023
- "variant"
3008
+ "toastSizeRoot": [
3009
+ "toast.defaultSize"
3024
3010
  ]
3025
3011
  },
3012
+ "runtimeConfigInternalComponentProps": {
3013
+ "HStack": {
3014
+ "backgroundColor": [
3015
+ "toast.backgroundColor.${variant}"
3016
+ ]
3017
+ }
3018
+ },
3019
+ "motionVarPrefixes": []
3020
+ },
3021
+ "ToastPortal": {
3022
+ "name": "ToastPortal",
3023
+ "defaultProps": {},
3024
+ "getStylesLiterals": {},
3025
+ "cxLiterals": [],
3026
+ "internalComponents": [
3027
+ "ReactToastifyToastContainer"
3028
+ ],
3029
+ "internalComponentProps": {},
3030
+ "propToVariantKeys": {},
3031
+ "runtimeConfigDefaultProps": {
3032
+ "size": "toast.defaultSize",
3033
+ "variant": "toast.defaultVariant"
3034
+ },
3035
+ "runtimeConfigGetStyles": {},
3036
+ "runtimeConfigInternalComponentProps": {
3037
+ "ReactToastifyToastContainer": {
3038
+ "autoClose": [
3039
+ "toast.autoClose"
3040
+ ]
3041
+ }
3042
+ },
3043
+ "motionVarPrefixes": []
3044
+ },
3045
+ "UDSToastConfigProvider": {
3046
+ "name": "UDSToastConfigProvider",
3047
+ "defaultProps": {},
3048
+ "getStylesLiterals": {},
3049
+ "cxLiterals": [],
3050
+ "internalComponents": [
3051
+ "ToastContext.Provider"
3052
+ ],
3053
+ "internalComponentProps": {},
3054
+ "propToVariantKeys": {},
3055
+ "runtimeConfigDefaultProps": {},
3056
+ "runtimeConfigGetStyles": {},
3057
+ "runtimeConfigInternalComponentProps": {},
3058
+ "motionVarPrefixes": []
3059
+ },
3060
+ "UDSBreakpointsConfigProvider": {
3061
+ "name": "UDSBreakpointsConfigProvider",
3062
+ "defaultProps": {},
3063
+ "getStylesLiterals": {},
3064
+ "cxLiterals": [],
3065
+ "internalComponents": [
3066
+ "UDSBreakpointsConfigContext.Provider"
3067
+ ],
3068
+ "internalComponentProps": {},
3069
+ "propToVariantKeys": {},
3026
3070
  "runtimeConfigDefaultProps": {},
3027
3071
  "runtimeConfigGetStyles": {},
3028
3072
  "runtimeConfigInternalComponentProps": {},
3029
3073
  "motionVarPrefixes": []
3030
3074
  },
3031
- "SwitchV2": {
3032
- "name": "SwitchV2",
3033
- "defaultProps": {
3034
- "labelPosition": "start",
3035
- "size": "md"
3075
+ "UDSConfigProvider": {
3076
+ "name": "UDSConfigProvider",
3077
+ "defaultProps": {},
3078
+ "getStylesLiterals": {},
3079
+ "cxLiterals": [],
3080
+ "internalComponents": [
3081
+ "UDSBreakpointsConfigProvider",
3082
+ "UDSBottomSheetConfigProvider",
3083
+ "UDSToastConfigProvider",
3084
+ "UDSTooltipConfigProvider",
3085
+ "UDSPopoverConfigProvider"
3086
+ ],
3087
+ "internalComponentProps": {},
3088
+ "propToVariantKeys": {},
3089
+ "runtimeConfigDefaultProps": {},
3090
+ "runtimeConfigGetStyles": {},
3091
+ "runtimeConfigInternalComponentProps": {},
3092
+ "motionVarPrefixes": []
3093
+ },
3094
+ "Tooltip": {
3095
+ "name": "Tooltip",
3096
+ "defaultProps": {},
3097
+ "getStylesLiterals": {},
3098
+ "cxLiterals": [],
3099
+ "internalComponents": [
3100
+ "TooltipInternalContext.Provider",
3101
+ "TooltipProvider"
3102
+ ],
3103
+ "internalComponentProps": {},
3104
+ "propToVariantKeys": {},
3105
+ "runtimeConfigDefaultProps": {},
3106
+ "runtimeConfigGetStyles": {},
3107
+ "runtimeConfigInternalComponentProps": {
3108
+ "TooltipProvider": {
3109
+ "animated": [
3110
+ "tooltip.animationDuration"
3111
+ ]
3112
+ }
3036
3113
  },
3114
+ "motionVarPrefixes": []
3115
+ },
3116
+ "TooltipContent": {
3117
+ "name": "TooltipContent",
3118
+ "defaultProps": {},
3037
3119
  "getStylesLiterals": {
3038
- "switchVariantRoot": "default",
3039
- "switchVariantActiveRoot": "on",
3040
- "switchVariantActiveRoot:1": "off",
3041
- "switchVariantSwitch": "default",
3042
- "switchVariantActiveSwitch": "on",
3043
- "switchVariantActiveSwitch:1": "off",
3044
- "switchVariantActiveHandle": "on",
3045
- "switchVariantActiveHandle:1": "off",
3046
- "switchVariantHandle": "default",
3047
- "switchVariantHandleIcon": "default",
3048
- "switchVariantActiveHandleIcon": "on",
3049
- "switchVariantActiveHandleIcon:1": "off"
3120
+ "tooltipSizeRoot": "default",
3121
+ "tooltipVariantRoot": "default",
3122
+ "tooltipSizeSvg": "default",
3123
+ "tooltipVariantSvg": "default",
3124
+ "tooltipVariantBlur": "default",
3125
+ "position": "absolute",
3126
+ "width": "full",
3127
+ "height": "full",
3128
+ "tooltipSizeTitle": "default",
3129
+ "tooltipSizeBody": "default",
3130
+ "tooltipSizeEndContent": "default",
3131
+ "tooltipSizeIcon": "default",
3132
+ "tooltipVariantIcon": "default"
3050
3133
  },
3051
3134
  "cxLiterals": [
3052
- "group",
3135
+ "max-w-lg",
3053
3136
  "flex",
3054
- "items-center",
3055
- "flex-row",
3056
- "flex-row-reverse",
3057
- "uds-ring",
3058
- "uds-ring-within",
3059
- "relative",
3060
- "uds-border-radius-full",
3061
- "transition-[background-color,box-shadow]",
3062
- "pointer-events-none",
3063
- "w-full",
3064
- "h-full",
3065
- "absolute",
3137
+ "z-[9999]",
3138
+ "uds-bgBlurFillFallback",
3139
+ "uds-bgBlurFallback",
3066
3140
  "top-0",
3067
- "bottom-0",
3068
- "right-0",
3069
3141
  "left-0",
3070
- "overflow-hidden",
3071
- "group-hover:scale-105",
3072
- "opacity-95",
3073
- "group-hover:opacity-100",
3074
- "transition-[transform,opacity]",
3075
- "opacity-0",
3076
- "top-1/2",
3077
- "left-1/2",
3078
- "transform",
3079
- "translate-x-[-50%]",
3080
- "translate-y-[-50%]",
3081
- "transition-opacity",
3082
- "cursor-[inherit]",
3083
- "w-[calc(100%+2px)]",
3084
- "h-[calc(100%+2px)]",
3085
- "text-start",
3086
- "text-end",
3087
- "opacity-100"
3142
+ "z-[1]"
3088
3143
  ],
3089
3144
  "internalComponents": [
3090
3145
  "IconSlot",
3146
+ "TooltipArrow",
3147
+ "Tooltip",
3148
+ "SvgFloatingOverlay",
3149
+ "VStack",
3091
3150
  "Box",
3092
- "FormLabel",
3093
- "SpringMotionConfig",
3094
- "RootElement",
3095
- "MotionBox"
3151
+ "Text"
3096
3152
  ],
3097
3153
  "internalComponentProps": {
3098
- "IconSlot": {
3099
- "data-testid": [
3100
- "on-icon",
3101
- "off-icon"
3102
- ]
3103
- },
3104
- "FormLabel": {
3105
- "as": [
3106
- "div"
3107
- ],
3108
- "variant": [
3109
- "inherit"
3110
- ],
3111
- "color": [
3112
- "inherit"
3154
+ "VStack": {
3155
+ "className": [
3156
+ "gap-[inherit]"
3113
3157
  ]
3114
3158
  },
3115
- "SpringMotionConfig": {
3116
- "layoutVariant": [
3117
- "bouncy"
3159
+ "Box": {
3160
+ "alignItems": [
3161
+ "center"
3118
3162
  ],
3119
- "layoutSpeed": [
3120
- "4"
3121
- ]
3122
- },
3123
- "RootElement": {
3124
- "data-testid": [
3125
- "switch-root"
3163
+ "columnGap": [
3164
+ "1",
3165
+ "1.5"
3126
3166
  ]
3127
3167
  },
3128
- "MotionBox": {
3129
- "layout": [
3130
- "position"
3168
+ "Text": {
3169
+ "color": [
3170
+ "inherit"
3131
3171
  ]
3132
3172
  }
3133
3173
  },
3134
3174
  "propToVariantKeys": {
3135
- "size": [
3136
- "switchSizeRoot",
3137
- "switchSizeSwitch",
3138
- "switchSizeHandle",
3139
- "switchSizeHandleIcon"
3140
- ],
3141
- "onIcon": [
3142
- "icon"
3143
- ],
3144
- "offIcon": [
3175
+ "startTitleIcon": [
3145
3176
  "icon"
3146
- ],
3147
- "reduceMotion": [
3148
- "reducedMotion"
3149
- ],
3150
- "isOn": [
3151
- "layoutDependency"
3152
3177
  ]
3153
3178
  },
3154
3179
  "runtimeConfigDefaultProps": {},
3155
3180
  "runtimeConfigGetStyles": {},
3156
3181
  "runtimeConfigInternalComponentProps": {},
3157
- "motionVarPrefixes": [
3158
- "--uds-motion-bouncy-4-",
3159
- "--uds-motion-smooth-3-"
3160
- ]
3182
+ "motionVarPrefixes": []
3161
3183
  },
3162
- "Tabs": {
3163
- "name": "Tabs",
3184
+ "TooltipTrigger": {
3185
+ "name": "TooltipTrigger",
3164
3186
  "defaultProps": {},
3165
- "getStylesLiterals": {
3166
- "display": "flex",
3167
- "flexDirection": "row",
3168
- "columnGap": "6"
3169
- },
3170
- "cxLiterals": [
3171
- "text-tertiary",
3172
- "border-b-transparent",
3173
- "aria-selected:border-b-brand",
3174
- "aria-selected:text-secondary"
3175
- ],
3187
+ "getStylesLiterals": {},
3188
+ "cxLiterals": [],
3176
3189
  "internalComponents": [
3177
- "TabProvider",
3178
- "OriginalTabList",
3179
- "OriginalTab",
3180
- "Icon",
3181
- "OriginalTabPanel",
3182
- "Pressable",
3183
- "Comp",
3184
- "Text"
3190
+ "TooltipAnchor"
3185
3191
  ],
3186
3192
  "internalComponentProps": {
3187
- "Icon": {
3188
- "className": [
3189
- "text-current"
3190
- ],
3191
- "size": [
3192
- "md"
3193
- ]
3194
- },
3195
- "Pressable": {
3196
- "borderBottomWidth": [
3197
- "medium"
3198
- ],
3199
- "spacingBottom": [
3200
- "1"
3201
- ],
3202
- "spacingTop": [
3203
- "4"
3204
- ]
3205
- },
3206
- "Text": {
3193
+ "TooltipAnchor": {
3207
3194
  "className": [
3208
- "text-current"
3209
- ],
3210
- "variant": [
3211
- "headline1"
3212
- ],
3213
- "as": [
3214
- "span"
3195
+ "inline"
3215
3196
  ]
3216
3197
  }
3217
3198
  },
3199
+ "propToVariantKeys": {
3200
+ "children": [
3201
+ "render"
3202
+ ]
3203
+ },
3204
+ "runtimeConfigDefaultProps": {},
3205
+ "runtimeConfigGetStyles": {},
3206
+ "runtimeConfigInternalComponentProps": {},
3207
+ "motionVarPrefixes": []
3208
+ },
3209
+ "UDSTooltipConfigProvider": {
3210
+ "name": "UDSTooltipConfigProvider",
3211
+ "defaultProps": {},
3212
+ "getStylesLiterals": {},
3213
+ "cxLiterals": [],
3214
+ "internalComponents": [
3215
+ "TooltipContext.Provider"
3216
+ ],
3217
+ "internalComponentProps": {},
3218
3218
  "propToVariantKeys": {},
3219
3219
  "runtimeConfigDefaultProps": {},
3220
3220
  "runtimeConfigGetStyles": {},