@yahoo/uds 3.118.0 → 3.119.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1042,376 +1042,434 @@
1042
1042
  "propToVariantKeys": {},
1043
1043
  "motionVarPrefixes": []
1044
1044
  },
1045
- "Toast": {
1046
- "name": "Toast",
1047
- "defaultProps": {},
1048
- "getStylesLiterals": {
1049
- "className": "flex-none",
1050
- "spacing": "2",
1051
- "borderRadius": "full"
1045
+ "BottomSheet": {
1046
+ "name": "BottomSheet",
1047
+ "defaultProps": {
1048
+ "variant": "default"
1052
1049
  },
1050
+ "getStylesLiterals": {},
1053
1051
  "cxLiterals": [
1054
- "duration-0",
1055
- "duration-120",
1056
- "transition-[background-color]",
1057
- "bg-carbon-15/0",
1058
- "hover:bg-carbon-15/10",
1059
- "active:bg-carbon-15/15",
1060
- "uds-ring"
1052
+ "fixed",
1053
+ "overflow-hidden",
1054
+ "inset-x-0",
1055
+ "bottom-0",
1056
+ "z-50",
1057
+ "[will-change:transform]",
1058
+ "touch-none",
1059
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1060
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1061
+ "transition-transform",
1062
+ "duration-500",
1063
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1064
+ "motion-reduce:transition-none",
1065
+ "top-[-4px]",
1066
+ "z-[1]",
1067
+ "touch-pan-y"
1061
1068
  ],
1062
1069
  "internalComponents": [
1063
- "IconSlot",
1064
- "ToastContainer",
1065
- "Text",
1066
- "Button",
1067
- "Pressable"
1070
+ "Scrim",
1071
+ "BottomSheetHandle",
1072
+ "Dialog",
1073
+ "Box",
1074
+ "BottomSheetInternalContext.Provider"
1068
1075
  ],
1069
- "internalComponentProps": {},
1076
+ "internalComponentProps": {
1077
+ "BottomSheetHandle": {
1078
+ "ariaLabel": [
1079
+ "Resize sheet"
1080
+ ]
1081
+ },
1082
+ "Dialog": {
1083
+ "data-testid": [
1084
+ "bottom-sheet"
1085
+ ]
1086
+ },
1087
+ "Box": {
1088
+ "display": [
1089
+ "block",
1090
+ "flex"
1091
+ ],
1092
+ "position": [
1093
+ "absolute"
1094
+ ],
1095
+ "flexDirection": [
1096
+ "column"
1097
+ ],
1098
+ "className": [
1099
+ "absolute inset-0 min-h-0 p-[inherit]"
1100
+ ]
1101
+ }
1102
+ },
1070
1103
  "propToVariantKeys": {
1071
- "size": [
1072
- "toastSizeLabel",
1073
- "toastSizeIcon",
1074
- "toastSizeActionButton",
1075
- "toastSizeCloseIcon"
1076
- ],
1077
1104
  "variant": [
1078
- "toastVariantIcon",
1079
- "toastVariantActionButton",
1080
- "toastVariantCloseIcon"
1081
- ],
1082
- "closeIcon": [
1083
- "icon"
1084
- ],
1085
- "onClickActionButton": [
1086
- "onClick"
1105
+ "bottomsheetVariantRoot"
1087
1106
  ]
1088
1107
  },
1089
1108
  "motionVarPrefixes": []
1090
1109
  },
1091
- "ToastContainer": {
1092
- "name": "ToastContainer",
1110
+ "BottomSheetContent": {
1111
+ "name": "BottomSheetContent",
1093
1112
  "defaultProps": {},
1094
- "getStylesLiterals": {
1095
- "position": "relative",
1096
- "alignItems": "center",
1097
- "display": "flex",
1098
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1099
- },
1113
+ "getStylesLiterals": {},
1100
1114
  "cxLiterals": [
1101
- "w-full"
1115
+ "min-h-0",
1116
+ "touch-pan-y"
1102
1117
  ],
1103
1118
  "internalComponents": [
1104
- "HStack"
1119
+ "Box",
1120
+ "VStack"
1105
1121
  ],
1106
1122
  "internalComponentProps": {
1107
- "HStack": {
1108
- "alignItems": [
1109
- "center"
1110
- ],
1111
- "justifyContent": [
1112
- "space-between"
1113
- ],
1114
- "overflow": [
1115
- "hidden"
1123
+ "Box": {
1124
+ "display": [
1125
+ "block"
1116
1126
  ],
1117
- "position": [
1118
- "relative"
1127
+ "flex": [
1128
+ "1"
1129
+ ]
1130
+ },
1131
+ "VStack": {
1132
+ "className": [
1133
+ "pb-[calc(env(safe-area-inset-bottom))]"
1119
1134
  ]
1120
1135
  }
1121
1136
  },
1122
- "propToVariantKeys": {
1123
- "variant": [
1124
- "toastVariantRoot"
1125
- ],
1126
- "size": [
1127
- "toastSizeRoot"
1128
- ]
1129
- },
1137
+ "propToVariantKeys": {},
1130
1138
  "motionVarPrefixes": []
1131
1139
  },
1132
- "ToastPortal": {
1133
- "name": "ToastPortal",
1140
+ "BottomSheetDismiss": {
1141
+ "name": "BottomSheetDismiss",
1134
1142
  "defaultProps": {},
1135
1143
  "getStylesLiterals": {},
1136
1144
  "cxLiterals": [],
1137
1145
  "internalComponents": [
1138
- "ReactToastifyToastContainer"
1146
+ "AriakitDialogDismiss"
1139
1147
  ],
1140
1148
  "internalComponentProps": {},
1141
1149
  "propToVariantKeys": {},
1142
1150
  "motionVarPrefixes": []
1143
1151
  },
1144
- "UDSToastConfigProvider": {
1145
- "name": "UDSToastConfigProvider",
1146
- "defaultProps": {},
1152
+ "BottomSheetHandle": {
1153
+ "name": "BottomSheetHandle",
1154
+ "defaultProps": {
1155
+ "variant": "default"
1156
+ },
1147
1157
  "getStylesLiterals": {},
1148
- "cxLiterals": [],
1158
+ "cxLiterals": [
1159
+ "relative",
1160
+ "h-5",
1161
+ "w-16",
1162
+ "outline-none",
1163
+ "focus-visible:outline-none",
1164
+ "[touch-action:pan-y]",
1165
+ "absolute",
1166
+ "left-1/2",
1167
+ "top-1/2",
1168
+ "-translate-x-1/2",
1169
+ "-translate-y-1/2",
1170
+ "h-1",
1171
+ "w-8",
1172
+ "rounded-full"
1173
+ ],
1149
1174
  "internalComponents": [
1150
- "ToastContext.Provider"
1175
+ "Box"
1151
1176
  ],
1152
- "internalComponentProps": {},
1153
- "propToVariantKeys": {},
1177
+ "internalComponentProps": {
1178
+ "Box": {
1179
+ "display": [
1180
+ "block",
1181
+ "flex"
1182
+ ],
1183
+ "justifyContent": [
1184
+ "center"
1185
+ ]
1186
+ }
1187
+ },
1188
+ "propToVariantKeys": {
1189
+ "variant": [
1190
+ "bottomsheetVariantHandleIndicator"
1191
+ ]
1192
+ },
1154
1193
  "motionVarPrefixes": []
1155
1194
  },
1156
- "Radio": {
1157
- "name": "Radio",
1195
+ "BottomSheetHeader": {
1196
+ "name": "BottomSheetHeader",
1158
1197
  "defaultProps": {
1159
- "labelPosition": "start",
1160
- "variant": "primary",
1161
- "size": "md",
1162
- "value": ""
1163
- },
1164
- "getStylesLiterals": {
1165
- "radioVariantValueRoot": "checked",
1166
- "radioVariantValueRoot:1": "unchecked",
1167
- "display": "flex",
1168
- "flexDirection": "row",
1169
- "flexDirection:1": "row-reverse",
1170
- "alignItems": "center",
1171
- "radioVariantValueRadio": "checked",
1172
- "radioVariantValueRadio:1": "unchecked",
1173
- "radioVariantValueRadioCircle": "checked",
1174
- "radioVariantValueRadioCircle:1": "unchecked"
1198
+ "variant": "default"
1175
1199
  },
1200
+ "getStylesLiterals": {},
1176
1201
  "cxLiterals": [
1177
- "cursor-pointer",
1178
- "cursor-default",
1179
- "opacity-50",
1180
- "border",
1181
- "uds-ring",
1182
- "uds-ring-within",
1183
- "transition-[background-color,border-color]",
1184
- "transition-shadow",
1185
- "pointer-events-none",
1186
- "w-[8px]",
1187
- "h-[8px]",
1188
- "transition-opacity",
1189
- "cursor-[inherit]",
1190
- "absolute",
1191
- "opacity-0",
1192
- "top-1/2",
1193
- "left-1/2",
1194
- "w-[calc(100%+2px)]",
1195
- "h-[calc(100%+2px)]",
1196
- "transform",
1197
- "translate-x-[-50%]",
1198
- "translate-y-[-50%]",
1199
- "text-start",
1200
- "text-end"
1202
+ "grid-cols-[40px_1fr_40px]",
1203
+ "items-center",
1204
+ "w-full",
1205
+ "min-h-10",
1206
+ "mt-2"
1201
1207
  ],
1202
1208
  "internalComponents": [
1203
1209
  "Box",
1204
- "FormLabel",
1205
- "SpringMotionConfig",
1206
- "RootElement",
1207
- "MotionBox"
1210
+ "Text"
1208
1211
  ],
1209
1212
  "internalComponentProps": {
1210
1213
  "Box": {
1211
- "borderRadius": [
1212
- "full"
1214
+ "className": [
1215
+ "h-10 w-10 opacity-0 pointer-events-none"
1216
+ ],
1217
+ "display": [
1218
+ "grid",
1219
+ "flex"
1220
+ ],
1221
+ "justifyContent": [
1222
+ "flex-start",
1223
+ "flex-end"
1213
1224
  ]
1214
1225
  },
1215
- "FormLabel": {
1216
- "as": [
1217
- "div"
1218
- ],
1226
+ "Text": {
1219
1227
  "variant": [
1220
1228
  "inherit"
1221
1229
  ],
1222
1230
  "color": [
1223
1231
  "inherit"
1224
- ]
1225
- },
1226
- "RootElement": {
1227
- "data-testid": [
1228
- "container"
1229
- ]
1230
- },
1231
- "MotionBox": {
1232
- "position": [
1233
- "relative"
1234
1232
  ],
1235
- "borderRadius": [
1236
- "full"
1237
- ],
1238
- "alignItems": [
1239
- "center"
1240
- ],
1241
- "justifyContent": [
1233
+ "textAlign": [
1242
1234
  "center"
1243
1235
  ],
1244
- "flex": [
1245
- "none"
1236
+ "className": [
1237
+ "w-full"
1246
1238
  ]
1247
1239
  }
1248
1240
  },
1249
1241
  "propToVariantKeys": {
1250
- "size": [
1251
- "radioSizeRoot",
1252
- "radioSizeRadio"
1253
- ],
1254
1242
  "variant": [
1255
- "radioVariantRoot",
1256
- "radioVariantRadio",
1257
- "radioVariantRadioCircle"
1258
- ],
1259
- "reduceMotion": [
1260
- "reducedMotion"
1243
+ "bottomsheetVariantHeader"
1261
1244
  ]
1262
1245
  },
1263
- "motionVarPrefixes": [
1264
- "--uds-motion-subtle-3-",
1265
- "--uds-motion-smooth-3-"
1266
- ]
1246
+ "motionVarPrefixes": []
1267
1247
  },
1268
- "RadioGroupProvider": {
1269
- "name": "RadioGroupProvider",
1248
+ "BottomSheetInternalContext": {
1249
+ "name": "BottomSheetInternalContext",
1250
+ "defaultProps": {},
1251
+ "getStylesLiterals": {},
1252
+ "cxLiterals": [],
1253
+ "internalComponents": [],
1254
+ "internalComponentProps": {},
1255
+ "propToVariantKeys": {},
1256
+ "motionVarPrefixes": []
1257
+ },
1258
+ "BottomSheetProvider": {
1259
+ "name": "BottomSheetProvider",
1270
1260
  "defaultProps": {},
1271
1261
  "getStylesLiterals": {},
1272
1262
  "cxLiterals": [],
1273
1263
  "internalComponents": [
1274
- "DivProps",
1275
- "Comp",
1276
- "RadioGroupContext.Provider"
1264
+ "AriakitDialogProvider"
1277
1265
  ],
1278
- "internalComponentProps": {
1279
- "Comp": {
1280
- "role": [
1281
- "radiogroup"
1282
- ]
1283
- }
1284
- },
1266
+ "internalComponentProps": {},
1285
1267
  "propToVariantKeys": {},
1286
1268
  "motionVarPrefixes": []
1287
1269
  },
1288
- "RadioGroupStore": {
1289
- "name": "RadioGroupStore",
1270
+ "BottomSheetTrigger": {
1271
+ "name": "BottomSheetTrigger",
1290
1272
  "defaultProps": {},
1291
1273
  "getStylesLiterals": {},
1292
1274
  "cxLiterals": [],
1293
- "internalComponents": [],
1275
+ "internalComponents": [
1276
+ "AriakitDialogDisclosure"
1277
+ ],
1278
+ "internalComponentProps": {},
1279
+ "propToVariantKeys": {},
1280
+ "motionVarPrefixes": []
1281
+ },
1282
+ "UDSBottomSheetConfigProvider": {
1283
+ "name": "UDSBottomSheetConfigProvider",
1284
+ "defaultProps": {},
1285
+ "getStylesLiterals": {},
1286
+ "cxLiterals": [],
1287
+ "internalComponents": [
1288
+ "BottomSheetContext.Provider"
1289
+ ],
1290
+ "internalComponentProps": {},
1291
+ "propToVariantKeys": {},
1292
+ "motionVarPrefixes": []
1293
+ },
1294
+ "Chip": {
1295
+ "name": "Chip",
1296
+ "defaultProps": {},
1297
+ "getStylesLiterals": {},
1298
+ "cxLiterals": [],
1299
+ "internalComponents": [
1300
+ "ChipDismissible",
1301
+ "ChipToggle",
1302
+ "ChipLink",
1303
+ "ChipButton"
1304
+ ],
1294
1305
  "internalComponentProps": {},
1295
1306
  "propToVariantKeys": {},
1296
1307
  "motionVarPrefixes": []
1297
1308
  },
1298
- "Popover": {
1299
- "name": "Popover",
1300
- "defaultProps": {},
1309
+ "ChipBase": {
1310
+ "name": "ChipBase",
1311
+ "defaultProps": {
1312
+ "size": "md",
1313
+ "as": "div"
1314
+ },
1315
+ "getStylesLiterals": {},
1316
+ "cxLiterals": [
1317
+ "pointer-events-none",
1318
+ "cursor-default",
1319
+ "opacity-50",
1320
+ "inline-flex",
1321
+ "items-center",
1322
+ "transition-[background-color,outline-color,box-shadow]",
1323
+ "truncate",
1324
+ "whitespace-nowrap",
1325
+ "text-center",
1326
+ "flex-1"
1327
+ ],
1328
+ "internalComponents": [
1329
+ "IconSlot",
1330
+ "HStack",
1331
+ "As",
1332
+ "Text"
1333
+ ],
1334
+ "internalComponentProps": {
1335
+ "Text": {
1336
+ "as": [
1337
+ "span"
1338
+ ],
1339
+ "color": [
1340
+ "current"
1341
+ ],
1342
+ "variant": [
1343
+ "inherit"
1344
+ ]
1345
+ }
1346
+ },
1347
+ "propToVariantKeys": {
1348
+ "size": [
1349
+ "chipSizeRoot",
1350
+ "chipSizeIcon"
1351
+ ],
1352
+ "startIcon": [
1353
+ "icon"
1354
+ ],
1355
+ "endIcon": [
1356
+ "icon"
1357
+ ]
1358
+ },
1359
+ "motionVarPrefixes": []
1360
+ },
1361
+ "ChipButton": {
1362
+ "name": "ChipButton",
1363
+ "defaultProps": {
1364
+ "variant": "primary"
1365
+ },
1301
1366
  "getStylesLiterals": {},
1302
- "cxLiterals": [],
1367
+ "cxLiterals": [
1368
+ "uds-ring"
1369
+ ],
1303
1370
  "internalComponents": [
1304
- "PopoverInternalContext.Provider",
1305
- "PopoverProvider"
1371
+ "ChipBase"
1306
1372
  ],
1307
- "internalComponentProps": {},
1308
- "propToVariantKeys": {},
1373
+ "internalComponentProps": {
1374
+ "ChipBase": {
1375
+ "as": [
1376
+ "button"
1377
+ ]
1378
+ }
1379
+ },
1380
+ "propToVariantKeys": {
1381
+ "variant": [
1382
+ "chipLinkVariantRoot",
1383
+ "chipLinkVariantIcon"
1384
+ ]
1385
+ },
1309
1386
  "motionVarPrefixes": []
1310
1387
  },
1311
- "PopoverContent": {
1312
- "name": "PopoverContent",
1313
- "defaultProps": {},
1314
- "getStylesLiterals": {
1315
- "popoverSizeRoot": "default",
1316
- "popoverVariantRoot": "default",
1317
- "display": "flex",
1318
- "position": "absolute",
1319
- "spacingTop": "0",
1320
- "spacingStart": "0",
1321
- "spacingBottom": "0",
1322
- "spacingEnd": "0",
1323
- "popoverSizeSvgBase": "default",
1324
- "popoverVariantSvgBase": "default",
1325
- "popoverSizeSvgBorder": "default",
1326
- "popoverVariantSvgBorder": "default",
1327
- "popoverVariantBlur": "default",
1328
- "width": "full",
1329
- "height": "full",
1330
- "flexShrink": "0",
1331
- "borderRadius": "full",
1332
- "alignItems": "center",
1333
- "justifyContent": "center",
1334
- "popoverVariantCloseIcon": "default",
1335
- "popoverSizeCloseIcon": "default"
1388
+ "ChipDismissible": {
1389
+ "name": "ChipDismissible",
1390
+ "defaultProps": {
1391
+ "variant": "primary"
1336
1392
  },
1393
+ "getStylesLiterals": {},
1337
1394
  "cxLiterals": [
1338
- "z-[9999]",
1339
- "outline-none",
1340
- "focus-visible:outline-none",
1341
- "uds-bgBlurFillFallback",
1342
- "uds-bgBlurFallback",
1343
- "top-0",
1344
- "left-0",
1345
- "z-[1]",
1346
- "duration-0",
1347
- "duration-120",
1348
- "transition-[background-color]",
1349
- "bg-carbon-15/0",
1350
- "hover:bg-carbon-15/10",
1351
- "active:bg-carbon-15/15",
1395
+ "uds-chip-dismissible-button",
1396
+ "uds-hit-target",
1352
1397
  "uds-ring",
1353
- "absolute",
1354
- "z-[4]"
1398
+ "rounded-full"
1355
1399
  ],
1356
1400
  "internalComponents": [
1357
- "PopoverDismiss",
1401
+ "ChipBase",
1358
1402
  "IconSlot",
1359
- "PopoverArrow",
1360
- "Popover",
1361
- "SvgFloatingOverlay",
1362
- "Box",
1363
1403
  "Pressable"
1364
1404
  ],
1365
1405
  "internalComponentProps": {},
1366
1406
  "propToVariantKeys": {
1367
- "closeIcon": [
1368
- "icon"
1407
+ "variant": [
1408
+ "chipDismissibleVariantRoot",
1409
+ "chipDismissibleVariantIcon"
1410
+ ],
1411
+ "dismissButtonAriaLabel": [
1412
+ "aria-label"
1369
1413
  ]
1370
1414
  },
1371
1415
  "motionVarPrefixes": []
1372
1416
  },
1373
- "PopoverContext": {
1374
- "name": "PopoverContext",
1375
- "defaultProps": {},
1376
- "getStylesLiterals": {},
1377
- "cxLiterals": [],
1378
- "internalComponents": [],
1379
- "internalComponentProps": {},
1380
- "propToVariantKeys": {},
1381
- "motionVarPrefixes": []
1382
- },
1383
- "PopoverTrigger": {
1384
- "name": "PopoverTrigger",
1385
- "defaultProps": {},
1417
+ "ChipLink": {
1418
+ "name": "ChipLink",
1419
+ "defaultProps": {
1420
+ "variant": "primary"
1421
+ },
1386
1422
  "getStylesLiterals": {},
1387
- "cxLiterals": [],
1423
+ "cxLiterals": [
1424
+ "uds-ring"
1425
+ ],
1388
1426
  "internalComponents": [
1389
- "PopoverDisclosure"
1427
+ "ChipBase"
1390
1428
  ],
1391
1429
  "internalComponentProps": {
1392
- "PopoverDisclosure": {
1393
- "className": [
1394
- "inline"
1430
+ "ChipBase": {
1431
+ "as": [
1432
+ "a"
1395
1433
  ]
1396
1434
  }
1397
1435
  },
1398
1436
  "propToVariantKeys": {
1399
- "children": [
1400
- "render"
1437
+ "variant": [
1438
+ "chipLinkVariantRoot",
1439
+ "chipLinkVariantIcon"
1401
1440
  ]
1402
1441
  },
1403
1442
  "motionVarPrefixes": []
1404
1443
  },
1405
- "UDSPopoverConfigProvider": {
1406
- "name": "UDSPopoverConfigProvider",
1407
- "defaultProps": {},
1408
- "getStylesLiterals": {},
1409
- "cxLiterals": [],
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
+ ],
1410
1457
  "internalComponents": [
1411
- "PopoverContext.Provider"
1458
+ "ChipBase"
1412
1459
  ],
1413
- "internalComponentProps": {},
1414
- "propToVariantKeys": {},
1460
+ "internalComponentProps": {
1461
+ "ChipBase": {
1462
+ "as": [
1463
+ "button"
1464
+ ]
1465
+ }
1466
+ },
1467
+ "propToVariantKeys": {
1468
+ "variant": [
1469
+ "chipToggleVariantRoot",
1470
+ "chipToggleVariantIcon"
1471
+ ]
1472
+ },
1415
1473
  "motionVarPrefixes": []
1416
1474
  },
1417
1475
  "Menu.Content": {
@@ -1826,431 +1884,373 @@
1826
1884
  },
1827
1885
  "motionVarPrefixes": []
1828
1886
  },
1829
- "Chip": {
1830
- "name": "Chip",
1887
+ "Popover": {
1888
+ "name": "Popover",
1831
1889
  "defaultProps": {},
1832
1890
  "getStylesLiterals": {},
1833
1891
  "cxLiterals": [],
1834
1892
  "internalComponents": [
1835
- "ChipDismissible",
1836
- "ChipToggle",
1837
- "ChipLink",
1838
- "ChipButton"
1893
+ "PopoverInternalContext.Provider",
1894
+ "PopoverProvider"
1839
1895
  ],
1840
1896
  "internalComponentProps": {},
1841
- "propToVariantKeys": {},
1842
- "motionVarPrefixes": []
1843
- },
1844
- "ChipBase": {
1845
- "name": "ChipBase",
1846
- "defaultProps": {
1847
- "size": "md",
1848
- "as": "div"
1849
- },
1850
- "getStylesLiterals": {},
1851
- "cxLiterals": [
1852
- "pointer-events-none",
1853
- "cursor-default",
1854
- "opacity-50",
1855
- "inline-flex",
1856
- "items-center",
1857
- "transition-[background-color,outline-color,box-shadow]",
1858
- "truncate",
1859
- "whitespace-nowrap",
1860
- "text-center",
1861
- "flex-1"
1862
- ],
1863
- "internalComponents": [
1864
- "IconSlot",
1865
- "HStack",
1866
- "As",
1867
- "Text"
1868
- ],
1869
- "internalComponentProps": {
1870
- "Text": {
1871
- "as": [
1872
- "span"
1873
- ],
1874
- "color": [
1875
- "current"
1876
- ],
1877
- "variant": [
1878
- "inherit"
1879
- ]
1880
- }
1881
- },
1882
- "propToVariantKeys": {
1883
- "size": [
1884
- "chipSizeRoot",
1885
- "chipSizeIcon"
1886
- ],
1887
- "startIcon": [
1888
- "icon"
1889
- ],
1890
- "endIcon": [
1891
- "icon"
1892
- ]
1893
- },
1894
- "motionVarPrefixes": []
1895
- },
1896
- "ChipButton": {
1897
- "name": "ChipButton",
1898
- "defaultProps": {
1899
- "variant": "primary"
1900
- },
1901
- "getStylesLiterals": {},
1902
- "cxLiterals": [
1903
- "uds-ring"
1904
- ],
1905
- "internalComponents": [
1906
- "ChipBase"
1907
- ],
1908
- "internalComponentProps": {
1909
- "ChipBase": {
1910
- "as": [
1911
- "button"
1912
- ]
1913
- }
1914
- },
1915
- "propToVariantKeys": {
1916
- "variant": [
1917
- "chipLinkVariantRoot",
1918
- "chipLinkVariantIcon"
1919
- ]
1920
- },
1897
+ "propToVariantKeys": {},
1921
1898
  "motionVarPrefixes": []
1922
1899
  },
1923
- "ChipDismissible": {
1924
- "name": "ChipDismissible",
1925
- "defaultProps": {
1926
- "variant": "primary"
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"
1927
1925
  },
1928
- "getStylesLiterals": {},
1929
1926
  "cxLiterals": [
1930
- "uds-chip-dismissible-button",
1931
- "uds-hit-target",
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",
1932
1941
  "uds-ring",
1933
- "rounded-full"
1942
+ "absolute",
1943
+ "z-[4]"
1934
1944
  ],
1935
1945
  "internalComponents": [
1936
- "ChipBase",
1946
+ "PopoverDismiss",
1937
1947
  "IconSlot",
1948
+ "PopoverArrow",
1949
+ "Popover",
1950
+ "SvgFloatingOverlay",
1951
+ "Box",
1938
1952
  "Pressable"
1939
1953
  ],
1940
1954
  "internalComponentProps": {},
1941
1955
  "propToVariantKeys": {
1942
- "variant": [
1943
- "chipDismissibleVariantRoot",
1944
- "chipDismissibleVariantIcon"
1945
- ],
1946
- "dismissButtonAriaLabel": [
1947
- "aria-label"
1956
+ "closeIcon": [
1957
+ "icon"
1948
1958
  ]
1949
1959
  },
1950
1960
  "motionVarPrefixes": []
1951
1961
  },
1952
- "ChipLink": {
1953
- "name": "ChipLink",
1954
- "defaultProps": {
1955
- "variant": "primary"
1956
- },
1962
+ "PopoverContext": {
1963
+ "name": "PopoverContext",
1964
+ "defaultProps": {},
1957
1965
  "getStylesLiterals": {},
1958
- "cxLiterals": [
1959
- "uds-ring"
1960
- ],
1966
+ "cxLiterals": [],
1967
+ "internalComponents": [],
1968
+ "internalComponentProps": {},
1969
+ "propToVariantKeys": {},
1970
+ "motionVarPrefixes": []
1971
+ },
1972
+ "PopoverTrigger": {
1973
+ "name": "PopoverTrigger",
1974
+ "defaultProps": {},
1975
+ "getStylesLiterals": {},
1976
+ "cxLiterals": [],
1961
1977
  "internalComponents": [
1962
- "ChipBase"
1978
+ "PopoverDisclosure"
1963
1979
  ],
1964
1980
  "internalComponentProps": {
1965
- "ChipBase": {
1966
- "as": [
1967
- "a"
1981
+ "PopoverDisclosure": {
1982
+ "className": [
1983
+ "inline"
1968
1984
  ]
1969
1985
  }
1970
1986
  },
1971
1987
  "propToVariantKeys": {
1972
- "variant": [
1973
- "chipLinkVariantRoot",
1974
- "chipLinkVariantIcon"
1988
+ "children": [
1989
+ "render"
1975
1990
  ]
1976
1991
  },
1977
1992
  "motionVarPrefixes": []
1978
1993
  },
1979
- "ChipToggle": {
1980
- "name": "ChipToggle",
1981
- "defaultProps": {
1982
- "variant": "primary",
1983
- "role": "checkbox"
1984
- },
1985
- "getStylesLiterals": {
1986
- "chipToggleVariantActiveRoot": "on",
1987
- "chipToggleVariantActiveRoot:1": "off"
1988
- },
1989
- "cxLiterals": [
1990
- "uds-ring"
1991
- ],
1994
+ "UDSPopoverConfigProvider": {
1995
+ "name": "UDSPopoverConfigProvider",
1996
+ "defaultProps": {},
1997
+ "getStylesLiterals": {},
1998
+ "cxLiterals": [],
1992
1999
  "internalComponents": [
1993
- "ChipBase"
2000
+ "PopoverContext.Provider"
1994
2001
  ],
1995
- "internalComponentProps": {
1996
- "ChipBase": {
1997
- "as": [
1998
- "button"
1999
- ]
2000
- }
2001
- },
2002
- "propToVariantKeys": {
2003
- "variant": [
2004
- "chipToggleVariantRoot",
2005
- "chipToggleVariantIcon"
2006
- ]
2007
- },
2002
+ "internalComponentProps": {},
2003
+ "propToVariantKeys": {},
2008
2004
  "motionVarPrefixes": []
2009
2005
  },
2010
- "BottomSheet": {
2011
- "name": "BottomSheet",
2006
+ "Radio": {
2007
+ "name": "Radio",
2012
2008
  "defaultProps": {
2013
- "variant": "default"
2009
+ "labelPosition": "start",
2010
+ "variant": "primary",
2011
+ "size": "md",
2012
+ "value": ""
2013
+ },
2014
+ "getStylesLiterals": {
2015
+ "radioVariantValueRoot": "checked",
2016
+ "radioVariantValueRoot:1": "unchecked",
2017
+ "display": "flex",
2018
+ "flexDirection": "row",
2019
+ "flexDirection:1": "row-reverse",
2020
+ "alignItems": "center",
2021
+ "radioVariantValueRadio": "checked",
2022
+ "radioVariantValueRadio:1": "unchecked",
2023
+ "radioVariantValueRadioCircle": "checked",
2024
+ "radioVariantValueRadioCircle:1": "unchecked"
2014
2025
  },
2015
- "getStylesLiterals": {},
2016
2026
  "cxLiterals": [
2017
- "fixed",
2018
- "overflow-hidden",
2019
- "inset-x-0",
2020
- "bottom-0",
2021
- "z-50",
2022
- "[will-change:transform]",
2023
- "touch-none",
2024
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2025
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2026
- "transition-transform",
2027
- "duration-500",
2028
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
2029
- "motion-reduce:transition-none",
2030
- "top-[-4px]",
2031
- "z-[1]",
2032
- "touch-pan-y"
2027
+ "cursor-pointer",
2028
+ "cursor-default",
2029
+ "opacity-50",
2030
+ "border",
2031
+ "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"
2033
2051
  ],
2034
2052
  "internalComponents": [
2035
- "Scrim",
2036
- "BottomSheetHandle",
2037
- "Dialog",
2038
2053
  "Box",
2039
- "BottomSheetInternalContext.Provider"
2054
+ "FormLabel",
2055
+ "SpringMotionConfig",
2056
+ "RootElement",
2057
+ "MotionBox"
2040
2058
  ],
2041
2059
  "internalComponentProps": {
2042
- "BottomSheetHandle": {
2043
- "ariaLabel": [
2044
- "Resize sheet"
2060
+ "Box": {
2061
+ "borderRadius": [
2062
+ "full"
2045
2063
  ]
2046
2064
  },
2047
- "Dialog": {
2065
+ "FormLabel": {
2066
+ "as": [
2067
+ "div"
2068
+ ],
2069
+ "variant": [
2070
+ "inherit"
2071
+ ],
2072
+ "color": [
2073
+ "inherit"
2074
+ ]
2075
+ },
2076
+ "RootElement": {
2048
2077
  "data-testid": [
2049
- "bottom-sheet"
2078
+ "container"
2050
2079
  ]
2051
2080
  },
2052
- "Box": {
2053
- "display": [
2054
- "block",
2055
- "flex"
2056
- ],
2081
+ "MotionBox": {
2057
2082
  "position": [
2058
- "absolute"
2083
+ "relative"
2059
2084
  ],
2060
- "flexDirection": [
2061
- "column"
2085
+ "borderRadius": [
2086
+ "full"
2062
2087
  ],
2063
- "className": [
2064
- "absolute inset-0 min-h-0 p-[inherit]"
2088
+ "alignItems": [
2089
+ "center"
2090
+ ],
2091
+ "justifyContent": [
2092
+ "center"
2093
+ ],
2094
+ "flex": [
2095
+ "none"
2065
2096
  ]
2066
2097
  }
2067
2098
  },
2068
2099
  "propToVariantKeys": {
2100
+ "size": [
2101
+ "radioSizeRoot",
2102
+ "radioSizeRadio"
2103
+ ],
2069
2104
  "variant": [
2070
- "bottomsheetVariantRoot"
2105
+ "radioVariantRoot",
2106
+ "radioVariantRadio",
2107
+ "radioVariantRadioCircle"
2108
+ ],
2109
+ "reduceMotion": [
2110
+ "reducedMotion"
2071
2111
  ]
2072
2112
  },
2073
- "motionVarPrefixes": []
2113
+ "motionVarPrefixes": [
2114
+ "--uds-motion-subtle-3-",
2115
+ "--uds-motion-smooth-3-"
2116
+ ]
2074
2117
  },
2075
- "BottomSheetContent": {
2076
- "name": "BottomSheetContent",
2118
+ "RadioGroupProvider": {
2119
+ "name": "RadioGroupProvider",
2077
2120
  "defaultProps": {},
2078
2121
  "getStylesLiterals": {},
2079
- "cxLiterals": [
2080
- "min-h-0",
2081
- "touch-pan-y"
2082
- ],
2122
+ "cxLiterals": [],
2083
2123
  "internalComponents": [
2084
- "Box",
2085
- "VStack"
2124
+ "DivProps",
2125
+ "Comp",
2126
+ "RadioGroupContext.Provider"
2086
2127
  ],
2087
2128
  "internalComponentProps": {
2088
- "Box": {
2089
- "display": [
2090
- "block"
2091
- ],
2092
- "flex": [
2093
- "1"
2094
- ]
2095
- },
2096
- "VStack": {
2097
- "className": [
2098
- "pb-[calc(env(safe-area-inset-bottom))]"
2129
+ "Comp": {
2130
+ "role": [
2131
+ "radiogroup"
2099
2132
  ]
2100
2133
  }
2101
2134
  },
2102
2135
  "propToVariantKeys": {},
2103
2136
  "motionVarPrefixes": []
2104
2137
  },
2105
- "BottomSheetDismiss": {
2106
- "name": "BottomSheetDismiss",
2138
+ "RadioGroupStore": {
2139
+ "name": "RadioGroupStore",
2107
2140
  "defaultProps": {},
2108
2141
  "getStylesLiterals": {},
2109
2142
  "cxLiterals": [],
2110
- "internalComponents": [
2111
- "AriakitDialogDismiss"
2112
- ],
2143
+ "internalComponents": [],
2113
2144
  "internalComponentProps": {},
2114
2145
  "propToVariantKeys": {},
2115
2146
  "motionVarPrefixes": []
2116
2147
  },
2117
- "BottomSheetHandle": {
2118
- "name": "BottomSheetHandle",
2119
- "defaultProps": {
2120
- "variant": "default"
2148
+ "Toast": {
2149
+ "name": "Toast",
2150
+ "defaultProps": {},
2151
+ "getStylesLiterals": {
2152
+ "className": "flex-none",
2153
+ "spacing": "2",
2154
+ "borderRadius": "full"
2121
2155
  },
2122
- "getStylesLiterals": {},
2123
2156
  "cxLiterals": [
2124
- "relative",
2125
- "h-5",
2126
- "w-16",
2127
- "outline-none",
2128
- "focus-visible:outline-none",
2129
- "[touch-action:pan-y]",
2130
- "absolute",
2131
- "left-1/2",
2132
- "top-1/2",
2133
- "-translate-x-1/2",
2134
- "-translate-y-1/2",
2135
- "h-1",
2136
- "w-8",
2137
- "rounded-full"
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"
2138
2164
  ],
2139
2165
  "internalComponents": [
2140
- "Box"
2166
+ "IconSlot",
2167
+ "ToastContainer",
2168
+ "Text",
2169
+ "Button",
2170
+ "Pressable"
2141
2171
  ],
2142
- "internalComponentProps": {
2143
- "Box": {
2144
- "display": [
2145
- "block",
2146
- "flex"
2147
- ],
2148
- "justifyContent": [
2149
- "center"
2150
- ]
2151
- }
2152
- },
2172
+ "internalComponentProps": {},
2153
2173
  "propToVariantKeys": {
2174
+ "size": [
2175
+ "toastSizeLabel",
2176
+ "toastSizeIcon",
2177
+ "toastSizeActionButton",
2178
+ "toastSizeCloseIcon"
2179
+ ],
2154
2180
  "variant": [
2155
- "bottomsheetVariantHandleIndicator"
2181
+ "toastVariantIcon",
2182
+ "toastVariantActionButton",
2183
+ "toastVariantCloseIcon"
2184
+ ],
2185
+ "closeIcon": [
2186
+ "icon"
2187
+ ],
2188
+ "onClickActionButton": [
2189
+ "onClick"
2156
2190
  ]
2157
2191
  },
2158
2192
  "motionVarPrefixes": []
2159
2193
  },
2160
- "BottomSheetHeader": {
2161
- "name": "BottomSheetHeader",
2162
- "defaultProps": {
2163
- "variant": "default"
2194
+ "ToastContainer": {
2195
+ "name": "ToastContainer",
2196
+ "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"
2164
2202
  },
2165
- "getStylesLiterals": {},
2166
2203
  "cxLiterals": [
2167
- "grid-cols-[40px_1fr_40px]",
2168
- "items-center",
2169
- "w-full",
2170
- "min-h-10",
2171
- "mt-2"
2204
+ "w-full"
2172
2205
  ],
2173
2206
  "internalComponents": [
2174
- "Box",
2175
- "Text"
2207
+ "HStack"
2176
2208
  ],
2177
2209
  "internalComponentProps": {
2178
- "Box": {
2179
- "className": [
2180
- "h-10 w-10 opacity-0 pointer-events-none"
2181
- ],
2182
- "display": [
2183
- "grid",
2184
- "flex"
2210
+ "HStack": {
2211
+ "alignItems": [
2212
+ "center"
2185
2213
  ],
2186
2214
  "justifyContent": [
2187
- "flex-start",
2188
- "flex-end"
2189
- ]
2190
- },
2191
- "Text": {
2192
- "variant": [
2193
- "inherit"
2194
- ],
2195
- "color": [
2196
- "inherit"
2215
+ "space-between"
2197
2216
  ],
2198
- "textAlign": [
2199
- "center"
2217
+ "overflow": [
2218
+ "hidden"
2200
2219
  ],
2201
- "className": [
2202
- "w-full"
2220
+ "position": [
2221
+ "relative"
2203
2222
  ]
2204
2223
  }
2205
2224
  },
2206
2225
  "propToVariantKeys": {
2207
2226
  "variant": [
2208
- "bottomsheetVariantHeader"
2227
+ "toastVariantRoot"
2228
+ ],
2229
+ "size": [
2230
+ "toastSizeRoot"
2209
2231
  ]
2210
2232
  },
2211
2233
  "motionVarPrefixes": []
2212
2234
  },
2213
- "BottomSheetInternalContext": {
2214
- "name": "BottomSheetInternalContext",
2215
- "defaultProps": {},
2216
- "getStylesLiterals": {},
2217
- "cxLiterals": [],
2218
- "internalComponents": [],
2219
- "internalComponentProps": {},
2220
- "propToVariantKeys": {},
2221
- "motionVarPrefixes": []
2222
- },
2223
- "BottomSheetProvider": {
2224
- "name": "BottomSheetProvider",
2225
- "defaultProps": {},
2226
- "getStylesLiterals": {},
2227
- "cxLiterals": [],
2228
- "internalComponents": [
2229
- "AriakitDialogProvider"
2230
- ],
2231
- "internalComponentProps": {},
2232
- "propToVariantKeys": {},
2233
- "motionVarPrefixes": []
2234
- },
2235
- "BottomSheetTrigger": {
2236
- "name": "BottomSheetTrigger",
2235
+ "ToastPortal": {
2236
+ "name": "ToastPortal",
2237
2237
  "defaultProps": {},
2238
2238
  "getStylesLiterals": {},
2239
2239
  "cxLiterals": [],
2240
2240
  "internalComponents": [
2241
- "AriakitDialogDisclosure"
2241
+ "ReactToastifyToastContainer"
2242
2242
  ],
2243
2243
  "internalComponentProps": {},
2244
2244
  "propToVariantKeys": {},
2245
2245
  "motionVarPrefixes": []
2246
2246
  },
2247
- "UDSBottomSheetConfigProvider": {
2248
- "name": "UDSBottomSheetConfigProvider",
2247
+ "UDSToastConfigProvider": {
2248
+ "name": "UDSToastConfigProvider",
2249
2249
  "defaultProps": {},
2250
2250
  "getStylesLiterals": {},
2251
2251
  "cxLiterals": [],
2252
2252
  "internalComponents": [
2253
- "BottomSheetContext.Provider"
2253
+ "ToastContext.Provider"
2254
2254
  ],
2255
2255
  "internalComponentProps": {},
2256
2256
  "propToVariantKeys": {},
@@ -2368,6 +2368,34 @@
2368
2368
  "propToVariantKeys": {},
2369
2369
  "motionVarPrefixes": []
2370
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",
2385
+ "defaultProps": {},
2386
+ "getStylesLiterals": {},
2387
+ "cxLiterals": [],
2388
+ "internalComponents": [
2389
+ "UDSBreakpointsConfigProvider",
2390
+ "UDSBottomSheetConfigProvider",
2391
+ "UDSToastConfigProvider",
2392
+ "UDSTooltipConfigProvider",
2393
+ "UDSPopoverConfigProvider"
2394
+ ],
2395
+ "internalComponentProps": {},
2396
+ "propToVariantKeys": {},
2397
+ "motionVarPrefixes": []
2398
+ },
2371
2399
  "Accordion": {
2372
2400
  "name": "Accordion",
2373
2401
  "defaultProps": {
@@ -2840,33 +2868,5 @@
2840
2868
  },
2841
2869
  "propToVariantKeys": {},
2842
2870
  "motionVarPrefixes": []
2843
- },
2844
- "UDSBreakpointsConfigProvider": {
2845
- "name": "UDSBreakpointsConfigProvider",
2846
- "defaultProps": {},
2847
- "getStylesLiterals": {},
2848
- "cxLiterals": [],
2849
- "internalComponents": [
2850
- "UDSBreakpointsConfigContext.Provider"
2851
- ],
2852
- "internalComponentProps": {},
2853
- "propToVariantKeys": {},
2854
- "motionVarPrefixes": []
2855
- },
2856
- "UDSConfigProvider": {
2857
- "name": "UDSConfigProvider",
2858
- "defaultProps": {},
2859
- "getStylesLiterals": {},
2860
- "cxLiterals": [],
2861
- "internalComponents": [
2862
- "UDSBreakpointsConfigProvider",
2863
- "UDSBottomSheetConfigProvider",
2864
- "UDSToastConfigProvider",
2865
- "UDSTooltipConfigProvider",
2866
- "UDSPopoverConfigProvider"
2867
- ],
2868
- "internalComponentProps": {},
2869
- "propToVariantKeys": {},
2870
- "motionVarPrefixes": []
2871
2871
  }
2872
2872
  }