@yahoo/uds 3.136.0 → 3.137.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 (10) 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/Toast/UDSToastConfigProvider.d.cts +1 -1
  4. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  5. package/dist/styles/styler.d.cts +32 -32
  6. package/dist/styles/styler.d.ts +32 -32
  7. package/dist/uds/generated/componentData.cjs +901 -901
  8. package/dist/uds/generated/componentData.js +901 -901
  9. package/generated/componentData.json +1208 -1208
  10. package/package.json +1 -1
package/generated/componentData.json CHANGED
@@ -577,6 +577,92 @@
577
577
  "runtimeConfigInternalComponentProps": {},
578
578
  "motionVarPrefixes": []
579
579
  },
580
+ "Spinner": {
581
+ "name": "Spinner",
582
+ "defaultProps": {
583
+ "color": "primary",
584
+ "size": "lg"
585
+ },
586
+ "getStylesLiterals": {},
587
+ "cxLiterals": [
588
+ "self-center",
589
+ "relative",
590
+ "sr-only"
591
+ ],
592
+ "internalComponents": [
593
+ "Icon"
594
+ ],
595
+ "internalComponentProps": {
596
+ "Icon": {
597
+ "role": [
598
+ "img"
599
+ ],
600
+ "className": [
601
+ "animate-spin"
602
+ ],
603
+ "aria-hidden": [
604
+ "true"
605
+ ]
606
+ }
607
+ },
608
+ "propToVariantKeys": {},
609
+ "runtimeConfigDefaultProps": {},
610
+ "runtimeConfigGetStyles": {},
611
+ "runtimeConfigInternalComponentProps": {},
612
+ "motionVarPrefixes": []
613
+ },
614
+ "Table.mocks": {
615
+ "name": "Table.mocks",
616
+ "defaultProps": {},
617
+ "getStylesLiterals": {},
618
+ "cxLiterals": [],
619
+ "internalComponents": [],
620
+ "internalComponentProps": {},
621
+ "propToVariantKeys": {},
622
+ "runtimeConfigDefaultProps": {},
623
+ "runtimeConfigGetStyles": {},
624
+ "runtimeConfigInternalComponentProps": {},
625
+ "motionVarPrefixes": []
626
+ },
627
+ "Table": {
628
+ "name": "Table",
629
+ "defaultProps": {
630
+ "display": "table-cell",
631
+ "overflow": "hidden",
632
+ "borderColor": "muted",
633
+ "borderRadius": "md",
634
+ "spacing": "3",
635
+ "borderBottomColor": "muted",
636
+ "borderBottomWidth": "thin",
637
+ "color": "primary"
638
+ },
639
+ "getStylesLiterals": {
640
+ "textAlign": "start"
641
+ },
642
+ "cxLiterals": [],
643
+ "internalComponents": [
644
+ "CellComponent",
645
+ "Box",
646
+ "Text",
647
+ "Table.Root",
648
+ "Table.Header",
649
+ "Table.Row",
650
+ "Table.Cell",
651
+ "Table.Body"
652
+ ],
653
+ "internalComponentProps": {
654
+ "Table.Cell": {
655
+ "asHeaderCell": [
656
+ "column"
657
+ ]
658
+ }
659
+ },
660
+ "propToVariantKeys": {},
661
+ "runtimeConfigDefaultProps": {},
662
+ "runtimeConfigGetStyles": {},
663
+ "runtimeConfigInternalComponentProps": {},
664
+ "motionVarPrefixes": []
665
+ },
580
666
  "AnimateHeightChange": {
581
667
  "name": "AnimateHeightChange",
582
668
  "defaultProps": {},
@@ -1078,31 +1164,83 @@
1078
1164
  "--uds-motion-smooth-3-"
1079
1165
  ]
1080
1166
  },
1081
- "Spinner": {
1082
- "name": "Spinner",
1167
+ "Accordion": {
1168
+ "name": "Accordion",
1083
1169
  "defaultProps": {
1084
- "color": "primary",
1085
- "size": "lg"
1170
+ "spacingHorizontal": "4",
1171
+ "spacingVertical": "4"
1086
1172
  },
1087
1173
  "getStylesLiterals": {},
1088
1174
  "cxLiterals": [
1089
- "self-center",
1090
- "relative",
1091
- "sr-only"
1175
+ "hover:bg-secondary/80",
1176
+ "w-full"
1092
1177
  ],
1093
1178
  "internalComponents": [
1094
- "Icon"
1179
+ "Icon",
1180
+ "SpringMotionConfig",
1181
+ "Pressable",
1182
+ "Text",
1183
+ "HStack",
1184
+ "AnimatePresence",
1185
+ "VStack"
1095
1186
  ],
1096
1187
  "internalComponentProps": {
1097
1188
  "Icon": {
1098
- "role": [
1099
- "img"
1189
+ "variant": [
1190
+ "fill"
1100
1191
  ],
1101
- "className": [
1102
- "animate-spin"
1192
+ "size": [
1193
+ "sm"
1103
1194
  ],
1104
- "aria-hidden": [
1105
- "true"
1195
+ "color": [
1196
+ "primary"
1197
+ ]
1198
+ },
1199
+ "SpringMotionConfig": {
1200
+ "layoutVariant": [
1201
+ "smooth"
1202
+ ],
1203
+ "layoutSpeed": [
1204
+ "3"
1205
+ ]
1206
+ },
1207
+ "Pressable": {
1208
+ "display": [
1209
+ "flex"
1210
+ ],
1211
+ "flexDirection": [
1212
+ "row"
1213
+ ],
1214
+ "alignItems": [
1215
+ "center"
1216
+ ],
1217
+ "justifyContent": [
1218
+ "space-between"
1219
+ ],
1220
+ "borderRadius": [
1221
+ "md"
1222
+ ]
1223
+ },
1224
+ "Text": {
1225
+ "variant": [
1226
+ "title4"
1227
+ ],
1228
+ "color": [
1229
+ "primary"
1230
+ ]
1231
+ },
1232
+ "HStack": {
1233
+ "display": [
1234
+ "flex"
1235
+ ],
1236
+ "alignItems": [
1237
+ "center"
1238
+ ],
1239
+ "justifyContent": [
1240
+ "space-between"
1241
+ ],
1242
+ "columnGap": [
1243
+ "2.5"
1106
1244
  ]
1107
1245
  }
1108
1246
  },
@@ -1110,10 +1248,12 @@
1110
1248
  "runtimeConfigDefaultProps": {},
1111
1249
  "runtimeConfigGetStyles": {},
1112
1250
  "runtimeConfigInternalComponentProps": {},
1113
- "motionVarPrefixes": []
1251
+ "motionVarPrefixes": [
1252
+ "--uds-motion-smooth-3-"
1253
+ ]
1114
1254
  },
1115
- "Table.mocks": {
1116
- "name": "Table.mocks",
1255
+ "AvoidMotionLibraryProvider": {
1256
+ "name": "AvoidMotionLibraryProvider",
1117
1257
  "defaultProps": {},
1118
1258
  "getStylesLiterals": {},
1119
1259
  "cxLiterals": [],
@@ -1125,85 +1265,87 @@
1125
1265
  "runtimeConfigInternalComponentProps": {},
1126
1266
  "motionVarPrefixes": []
1127
1267
  },
1128
- "Table": {
1129
- "name": "Table",
1268
+ "SegmentedControl": {
1269
+ "name": "SegmentedControl",
1130
1270
  "defaultProps": {
1131
- "display": "table-cell",
1132
- "overflow": "hidden",
1133
- "borderColor": "muted",
1134
- "borderRadius": "md",
1135
- "spacing": "3",
1136
- "borderBottomColor": "muted",
1137
- "borderBottomWidth": "thin",
1138
- "color": "primary"
1271
+ "textVariant": "label2"
1139
1272
  },
1140
1273
  "getStylesLiterals": {
1141
- "textAlign": "start"
1274
+ "display": "flex",
1275
+ "alignItems": "center",
1276
+ "backgroundColor": "primary",
1277
+ "spacingVertical": "1",
1278
+ "spacingHorizontal": "3",
1279
+ "columnGap": "1.5",
1280
+ "borderWidth": "thin",
1281
+ "borderRadius": "full",
1282
+ "borderColor": "muted",
1283
+ "borderColor:1": "transparent",
1284
+ "color": "primary",
1285
+ "color:1": "tertiary",
1286
+ "color:2": "muted"
1142
1287
  },
1143
- "cxLiterals": [],
1288
+ "cxLiterals": [
1289
+ "uds-ring",
1290
+ "cursor-not-allowed",
1291
+ "opacity-50",
1292
+ "pointer-events-none",
1293
+ "hover:bg-primary"
1294
+ ],
1144
1295
  "internalComponents": [
1145
- "CellComponent",
1146
- "Box",
1147
- "Text",
1148
- "Table.Root",
1149
- "Table.Header",
1150
- "Table.Row",
1151
- "Table.Cell",
1152
- "Table.Body"
1296
+ "TextVariant",
1297
+ "Radio",
1298
+ "Icon",
1299
+ "RadioProvider",
1300
+ "HStack",
1301
+ "RadioGroup",
1302
+ "Pressable",
1303
+ "Text"
1153
1304
  ],
1154
1305
  "internalComponentProps": {
1155
- "Table.Cell": {
1156
- "asHeaderCell": [
1157
- "column"
1306
+ "Icon": {
1307
+ "size": [
1308
+ "sm"
1309
+ ],
1310
+ "color": [
1311
+ "current"
1312
+ ],
1313
+ "aria-hidden": [
1314
+ "true"
1158
1315
  ]
1159
- }
1160
- },
1161
- "propToVariantKeys": {},
1162
- "runtimeConfigDefaultProps": {},
1163
- "runtimeConfigGetStyles": {},
1164
- "runtimeConfigInternalComponentProps": {},
1165
- "motionVarPrefixes": []
1166
- },
1167
- "Avatar": {
1168
- "name": "Avatar",
1169
- "defaultProps": {},
1170
- "getStylesLiterals": {},
1171
- "cxLiterals": [],
1172
- "internalComponents": [
1173
- "AvatarImage"
1174
- ],
1175
- "internalComponentProps": {},
1176
- "propToVariantKeys": {},
1177
- "runtimeConfigDefaultProps": {},
1178
- "runtimeConfigGetStyles": {},
1179
- "runtimeConfigInternalComponentProps": {},
1180
- "motionVarPrefixes": []
1181
- },
1182
- "AvatarIcon": {
1183
- "name": "AvatarIcon",
1184
- "defaultProps": {
1185
- "size": "md",
1186
- "variant": "primary"
1316
+ },
1317
+ "HStack": {
1318
+ "spacing": [
1319
+ "1"
1320
+ ],
1321
+ "gap": [
1322
+ "1"
1323
+ ],
1324
+ "backgroundColor": [
1325
+ "secondary"
1326
+ ],
1327
+ "borderRadius": [
1328
+ "full"
1329
+ ],
1330
+ "display": [
1331
+ "inline-flex"
1332
+ ]
1333
+ },
1334
+ "Text": {
1335
+ "color": [
1336
+ "current"
1337
+ ]
1338
+ }
1187
1339
  },
1188
- "getStylesLiterals": {},
1189
- "cxLiterals": [
1190
- "overflow-hidden",
1191
- "w-full",
1192
- "h-full",
1193
- "shrink-0",
1194
- "text-center",
1195
- "inline-flex",
1196
- "justify-center",
1197
- "items-center"
1198
- ],
1199
- "internalComponents": [
1200
- "IconSlot",
1201
- "Box"
1202
- ],
1203
- "internalComponentProps": {},
1204
1340
  "propToVariantKeys": {
1205
- "size": [
1206
- "avatarSizeIcon"
1341
+ "value": [
1342
+ "key"
1343
+ ],
1344
+ "label": [
1345
+ "aria-label"
1346
+ ],
1347
+ "textVariant": [
1348
+ "variant"
1207
1349
  ]
1208
1350
  },
1209
1351
  "runtimeConfigDefaultProps": {},
@@ -1211,190 +1353,290 @@
1211
1353
  "runtimeConfigInternalComponentProps": {},
1212
1354
  "motionVarPrefixes": []
1213
1355
  },
1214
- "AvatarImage": {
1215
- "name": "AvatarImage",
1356
+ "SwitchV2": {
1357
+ "name": "SwitchV2",
1216
1358
  "defaultProps": {
1217
- "size": "md",
1218
- "variant": "primary"
1359
+ "labelPosition": "start",
1360
+ "size": "md"
1361
+ },
1362
+ "getStylesLiterals": {
1363
+ "switchVariantRoot": "default",
1364
+ "switchVariantActiveRoot": "on",
1365
+ "switchVariantActiveRoot:1": "off",
1366
+ "switchVariantSwitch": "default",
1367
+ "switchVariantActiveSwitch": "on",
1368
+ "switchVariantActiveSwitch:1": "off",
1369
+ "switchVariantActiveHandle": "on",
1370
+ "switchVariantActiveHandle:1": "off",
1371
+ "switchVariantHandle": "default",
1372
+ "switchVariantHandleIcon": "default",
1373
+ "switchVariantActiveHandleIcon": "on",
1374
+ "switchVariantActiveHandleIcon:1": "off"
1219
1375
  },
1220
- "getStylesLiterals": {},
1221
1376
  "cxLiterals": [
1222
- "overflow-hidden",
1377
+ "group",
1378
+ "flex",
1379
+ "items-center",
1380
+ "flex-row",
1381
+ "flex-row-reverse",
1382
+ "uds-ring",
1383
+ "uds-ring-within",
1384
+ "relative",
1385
+ "uds-border-radius-full",
1386
+ "transition-[background-color,box-shadow]",
1387
+ "pointer-events-none",
1223
1388
  "w-full",
1224
1389
  "h-full",
1225
- "shrink-0",
1226
- "text-center",
1227
- "inline-flex",
1228
- "justify-center",
1229
- "items-center",
1230
- "object-cover"
1390
+ "absolute",
1391
+ "top-0",
1392
+ "bottom-0",
1393
+ "right-0",
1394
+ "left-0",
1395
+ "overflow-hidden",
1396
+ "group-hover:scale-105",
1397
+ "opacity-95",
1398
+ "group-hover:opacity-100",
1399
+ "transition-[transform,opacity]",
1400
+ "opacity-0",
1401
+ "top-1/2",
1402
+ "left-1/2",
1403
+ "transform",
1404
+ "translate-x-[-50%]",
1405
+ "translate-y-[-50%]",
1406
+ "transition-opacity",
1407
+ "cursor-[inherit]",
1408
+ "w-[calc(100%+2px)]",
1409
+ "h-[calc(100%+2px)]",
1410
+ "text-start",
1411
+ "text-end",
1412
+ "opacity-100"
1231
1413
  ],
1232
1414
  "internalComponents": [
1233
- "UDSImage",
1234
- "AvatarText",
1235
- "AvatarIcon",
1236
- "Box"
1415
+ "IconSlot",
1416
+ "Box",
1417
+ "FormLabel",
1418
+ "SpringMotionConfig",
1419
+ "RootElement",
1420
+ "MotionBox"
1237
1421
  ],
1238
- "internalComponentProps": {},
1422
+ "internalComponentProps": {
1423
+ "IconSlot": {
1424
+ "data-testid": [
1425
+ "on-icon",
1426
+ "off-icon"
1427
+ ]
1428
+ },
1429
+ "FormLabel": {
1430
+ "as": [
1431
+ "div"
1432
+ ],
1433
+ "variant": [
1434
+ "inherit"
1435
+ ],
1436
+ "color": [
1437
+ "inherit"
1438
+ ]
1439
+ },
1440
+ "SpringMotionConfig": {
1441
+ "layoutVariant": [
1442
+ "bouncy"
1443
+ ],
1444
+ "layoutSpeed": [
1445
+ "4"
1446
+ ]
1447
+ },
1448
+ "RootElement": {
1449
+ "data-testid": [
1450
+ "switch-root"
1451
+ ]
1452
+ },
1453
+ "MotionBox": {
1454
+ "layout": [
1455
+ "position"
1456
+ ]
1457
+ }
1458
+ },
1239
1459
  "propToVariantKeys": {
1240
- "alt": [
1241
- "name"
1460
+ "size": [
1461
+ "switchSizeRoot",
1462
+ "switchSizeSwitch",
1463
+ "switchSizeHandle",
1464
+ "switchSizeHandleIcon"
1242
1465
  ],
1243
- "fallback": [
1244
- "initials"
1466
+ "onIcon": [
1467
+ "icon"
1468
+ ],
1469
+ "offIcon": [
1470
+ "icon"
1471
+ ],
1472
+ "reduceMotion": [
1473
+ "reducedMotion"
1474
+ ],
1475
+ "isOn": [
1476
+ "layoutDependency"
1245
1477
  ]
1246
1478
  },
1247
1479
  "runtimeConfigDefaultProps": {},
1248
1480
  "runtimeConfigGetStyles": {},
1249
1481
  "runtimeConfigInternalComponentProps": {},
1250
- "motionVarPrefixes": []
1482
+ "motionVarPrefixes": [
1483
+ "--uds-motion-bouncy-4-",
1484
+ "--uds-motion-smooth-3-"
1485
+ ]
1251
1486
  },
1252
- "AvatarText": {
1253
- "name": "AvatarText",
1254
- "defaultProps": {
1255
- "size": "md",
1256
- "variant": "primary"
1257
- },
1487
+ "Popover": {
1488
+ "name": "Popover",
1489
+ "defaultProps": {},
1258
1490
  "getStylesLiterals": {},
1259
- "cxLiterals": [
1260
- "overflow-hidden",
1261
- "truncate",
1262
- "w-full",
1263
- "h-full",
1264
- "shrink-0",
1265
- "text-center",
1266
- "inline-flex",
1267
- "justify-center",
1268
- "items-center"
1269
- ],
1491
+ "cxLiterals": [],
1270
1492
  "internalComponents": [
1271
- "Box",
1272
- "Text"
1493
+ "PopoverInternalContext.Provider",
1494
+ "PopoverProvider"
1273
1495
  ],
1274
- "internalComponentProps": {
1275
- "Text": {
1276
- "color": [
1277
- "inherit"
1278
- ],
1279
- "variant": [
1280
- "inherit"
1281
- ]
1282
- }
1283
- },
1496
+ "internalComponentProps": {},
1284
1497
  "propToVariantKeys": {},
1285
- "runtimeConfigDefaultProps": {},
1498
+ "runtimeConfigDefaultProps": {
1499
+ "size": "popover.defaultSize",
1500
+ "variant": "popover.defaultVariant"
1501
+ },
1286
1502
  "runtimeConfigGetStyles": {},
1287
1503
  "runtimeConfigInternalComponentProps": {},
1288
1504
  "motionVarPrefixes": []
1289
1505
  },
1290
- "BottomSheet": {
1291
- "name": "BottomSheet",
1292
- "defaultProps": {
1293
- "variant": "default"
1506
+ "PopoverContent": {
1507
+ "name": "PopoverContent",
1508
+ "defaultProps": {},
1509
+ "getStylesLiterals": {
1510
+ "popoverSizeRoot": "default",
1511
+ "popoverVariantRoot": "default",
1512
+ "display": "flex",
1513
+ "position": "relative",
1514
+ "display:1": "block",
1515
+ "spacingTop": "0",
1516
+ "spacingStart": "0",
1517
+ "spacingBottom": "0",
1518
+ "spacingEnd": "0",
1519
+ "popoverSizeSvgBase": "default",
1520
+ "popoverVariantSvgBase": "default",
1521
+ "popoverSizeSvgBorder": "default",
1522
+ "popoverVariantSvgBorder": "default",
1523
+ "popoverVariantBlur": "default",
1524
+ "position:1": "absolute",
1525
+ "width": "full",
1526
+ "height": "full",
1527
+ "flexShrink": "0",
1528
+ "borderRadius": "full",
1529
+ "alignItems": "center",
1530
+ "justifyContent": "center",
1531
+ "popoverVariantCloseIcon": "default",
1532
+ "popoverSizeCloseIcon": "default"
1294
1533
  },
1295
- "getStylesLiterals": {},
1296
1534
  "cxLiterals": [
1297
- "fixed",
1298
- "overflow-hidden",
1299
- "inset-x-0",
1300
- "bottom-0",
1301
- "z-50",
1302
- "[will-change:transform]",
1303
- "touch-none",
1304
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1305
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1306
- "transition-transform",
1307
- "duration-500",
1308
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1309
- "motion-reduce:transition-none",
1310
- "top-[-4px]",
1535
+ "z-[9999]",
1536
+ "outline-none",
1537
+ "focus-visible:outline-none",
1538
+ "uds-bgBlurFillFallback",
1539
+ "uds-bgBlurFallback",
1540
+ "top-0",
1541
+ "left-0",
1311
1542
  "z-[1]",
1312
- "touch-pan-y"
1543
+ "duration-0",
1544
+ "duration-120",
1545
+ "transition-[background-color]",
1546
+ "bg-carbon-15/0",
1547
+ "hover:bg-carbon-15/10",
1548
+ "active:bg-carbon-15/15",
1549
+ "uds-ring",
1550
+ "absolute",
1551
+ "z-[4]"
1313
1552
  ],
1314
1553
  "internalComponents": [
1315
- "Scrim",
1316
- "BottomSheetHandle",
1317
- "Dialog",
1554
+ "PopoverDismiss",
1555
+ "IconSlot",
1556
+ "PopoverArrow",
1557
+ "Popover",
1558
+ "SvgFloatingOverlay",
1318
1559
  "Box",
1319
- "BottomSheetInternalContext.Provider"
1560
+ "Pressable"
1320
1561
  ],
1321
- "internalComponentProps": {
1322
- "BottomSheetHandle": {
1323
- "ariaLabel": [
1324
- "Resize sheet"
1325
- ]
1326
- },
1327
- "Dialog": {
1328
- "data-testid": [
1329
- "bottom-sheet"
1330
- ]
1331
- },
1332
- "Box": {
1333
- "display": [
1334
- "block",
1335
- "flex"
1336
- ],
1337
- "position": [
1338
- "absolute"
1339
- ],
1340
- "flexDirection": [
1341
- "column"
1342
- ],
1343
- "className": [
1344
- "absolute inset-0 min-h-0 p-[inherit]"
1345
- ]
1346
- }
1347
- },
1562
+ "internalComponentProps": {},
1348
1563
  "propToVariantKeys": {
1349
- "variant": [
1350
- "bottomsheetVariantRoot"
1564
+ "closeIcon": [
1565
+ "icon"
1566
+ ]
1567
+ },
1568
+ "runtimeConfigDefaultProps": {
1569
+ "size": "popover.defaultSize",
1570
+ "variant": "popover.defaultVariant"
1571
+ },
1572
+ "runtimeConfigGetStyles": {
1573
+ "spacingTop": [
1574
+ "popover.spacingVertical.${size}"
1575
+ ],
1576
+ "spacingStart": [
1577
+ "popover.spacingHorizontal.${size}"
1578
+ ],
1579
+ "spacingBottom": [
1580
+ "popover.spacingVertical.${size}"
1581
+ ],
1582
+ "spacingEnd": [
1583
+ "popover.spacingHorizontal.${size}"
1351
1584
  ]
1352
1585
  },
1586
+ "runtimeConfigInternalComponentProps": {
1587
+ "SvgFloatingOverlay": {
1588
+ "borderRadius": [
1589
+ "popover.borderRadius.${size}"
1590
+ ]
1591
+ }
1592
+ },
1593
+ "motionVarPrefixes": []
1594
+ },
1595
+ "PopoverContext": {
1596
+ "name": "PopoverContext",
1597
+ "defaultProps": {},
1598
+ "getStylesLiterals": {},
1599
+ "cxLiterals": [],
1600
+ "internalComponents": [],
1601
+ "internalComponentProps": {},
1602
+ "propToVariantKeys": {},
1353
1603
  "runtimeConfigDefaultProps": {},
1354
1604
  "runtimeConfigGetStyles": {},
1355
1605
  "runtimeConfigInternalComponentProps": {},
1356
1606
  "motionVarPrefixes": []
1357
1607
  },
1358
- "BottomSheetContent": {
1359
- "name": "BottomSheetContent",
1608
+ "PopoverTrigger": {
1609
+ "name": "PopoverTrigger",
1360
1610
  "defaultProps": {},
1361
1611
  "getStylesLiterals": {},
1362
- "cxLiterals": [
1363
- "min-h-0",
1364
- "touch-pan-y"
1365
- ],
1612
+ "cxLiterals": [],
1366
1613
  "internalComponents": [
1367
- "Box",
1368
- "VStack"
1614
+ "PopoverDisclosure"
1369
1615
  ],
1370
1616
  "internalComponentProps": {
1371
- "Box": {
1372
- "display": [
1373
- "block"
1374
- ],
1375
- "flex": [
1376
- "1"
1377
- ]
1378
- },
1379
- "VStack": {
1617
+ "PopoverDisclosure": {
1380
1618
  "className": [
1381
- "pb-[calc(env(safe-area-inset-bottom))]"
1619
+ "inline"
1382
1620
  ]
1383
1621
  }
1384
1622
  },
1385
- "propToVariantKeys": {},
1623
+ "propToVariantKeys": {
1624
+ "children": [
1625
+ "render"
1626
+ ]
1627
+ },
1386
1628
  "runtimeConfigDefaultProps": {},
1387
1629
  "runtimeConfigGetStyles": {},
1388
1630
  "runtimeConfigInternalComponentProps": {},
1389
1631
  "motionVarPrefixes": []
1390
1632
  },
1391
- "BottomSheetDismiss": {
1392
- "name": "BottomSheetDismiss",
1633
+ "UDSPopoverConfigProvider": {
1634
+ "name": "UDSPopoverConfigProvider",
1393
1635
  "defaultProps": {},
1394
1636
  "getStylesLiterals": {},
1395
1637
  "cxLiterals": [],
1396
1638
  "internalComponents": [
1397
- "AriakitDialogDismiss"
1639
+ "PopoverContext.Provider"
1398
1640
  ],
1399
1641
  "internalComponentProps": {},
1400
1642
  "propToVariantKeys": {},
@@ -1403,159 +1645,205 @@
1403
1645
  "runtimeConfigInternalComponentProps": {},
1404
1646
  "motionVarPrefixes": []
1405
1647
  },
1406
- "BottomSheetHandle": {
1407
- "name": "BottomSheetHandle",
1648
+ "Modal": {
1649
+ "name": "Modal",
1408
1650
  "defaultProps": {
1409
- "variant": "default"
1410
- },
1411
- "getStylesLiterals": {},
1412
- "cxLiterals": [
1413
- "relative",
1414
- "h-5",
1415
- "w-16",
1416
- "outline-none",
1417
- "focus-visible:outline-none",
1418
- "[touch-action:pan-y]",
1419
- "absolute",
1420
- "left-1/2",
1421
- "top-1/2",
1422
- "-translate-x-1/2",
1423
- "-translate-y-1/2",
1424
- "h-1",
1425
- "w-8",
1426
- "rounded-full"
1427
- ],
1428
- "internalComponents": [
1429
- "Box"
1430
- ],
1431
- "internalComponentProps": {
1432
- "Box": {
1433
- "display": [
1434
- "block",
1435
- "flex"
1436
- ],
1437
- "justifyContent": [
1438
- "center"
1439
- ]
1440
- }
1441
- },
1442
- "propToVariantKeys": {
1443
- "variant": [
1444
- "bottomsheetVariantHandleIndicator"
1445
- ]
1651
+ "closeAriaLabel": "Close",
1652
+ "maxWidth": "auto",
1653
+ "maxHeight": "auto",
1654
+ "scrollBehavior": "outside"
1446
1655
  },
1447
- "runtimeConfigDefaultProps": {},
1448
- "runtimeConfigGetStyles": {},
1449
- "runtimeConfigInternalComponentProps": {},
1450
- "motionVarPrefixes": []
1451
- },
1452
- "BottomSheetHeader": {
1453
- "name": "BottomSheetHeader",
1454
- "defaultProps": {
1455
- "variant": "default"
1656
+ "getStylesLiterals": {
1657
+ "flexDirection": "row-reverse",
1658
+ "justifyContent": "space-between",
1659
+ "alignItems": "flex-end",
1660
+ "alignItems:1": "flex-start",
1661
+ "borderRadius": "full"
1456
1662
  },
1457
- "getStylesLiterals": {},
1458
1663
  "cxLiterals": [
1459
- "grid-cols-[40px_1fr_40px]",
1460
- "items-center",
1664
+ "fixed",
1665
+ "inset-0",
1666
+ "z-40",
1667
+ "overflow-y-auto",
1668
+ "overflow-hidden",
1669
+ "transition-[opacity,visibility]",
1670
+ "visible",
1671
+ "opacity-100",
1672
+ "invisible",
1673
+ "opacity-0",
1674
+ "pointer-events-none",
1675
+ "uds-bgBlurFallback",
1461
1676
  "w-full",
1462
- "min-h-10",
1463
- "mt-2"
1677
+ "w-fit",
1678
+ "h-full",
1679
+ "h-fit",
1680
+ "m-auto",
1681
+ "pointer-events-auto",
1682
+ "inside",
1683
+ "max-h-full",
1684
+ "transition-transform",
1685
+ "duration-0",
1686
+ "duration-120",
1687
+ "transition-[background-color]",
1688
+ "bg-carbon-15/0",
1689
+ "hover:bg-carbon-15/10",
1690
+ "active:bg-carbon-15/15",
1691
+ "uds-ring",
1692
+ "[translate:50%_-50%]"
1464
1693
  ],
1465
1694
  "internalComponents": [
1695
+ "Scrim",
1696
+ "VStack",
1697
+ "Pressable",
1698
+ "IconSlot",
1466
1699
  "Box",
1467
- "Text"
1700
+ "Dialog",
1701
+ "ModalContext.Provider",
1702
+ "HStack",
1703
+ "DialogDismiss",
1704
+ "ModalTitle",
1705
+ "ModalDescription",
1706
+ "ModalContent",
1707
+ "ModalActions"
1468
1708
  ],
1469
1709
  "internalComponentProps": {
1470
1710
  "Box": {
1471
- "className": [
1472
- "h-10 w-10 opacity-0 pointer-events-none"
1473
- ],
1474
- "display": [
1475
- "grid",
1476
- "flex"
1477
- ],
1478
- "justifyContent": [
1479
- "flex-start",
1480
- "flex-end"
1481
- ]
1482
- },
1483
- "Text": {
1484
- "variant": [
1485
- "inherit"
1486
- ],
1487
- "color": [
1488
- "inherit"
1489
- ],
1490
- "textAlign": [
1491
- "center"
1492
- ],
1493
- "className": [
1494
- "w-full"
1711
+ "flexGrow": [
1712
+ "1"
1495
1713
  ]
1496
1714
  }
1497
1715
  },
1498
1716
  "propToVariantKeys": {
1717
+ "gutter": [
1718
+ "spacing"
1719
+ ],
1720
+ "size": [
1721
+ "modalSizeRoot",
1722
+ "modalSizeSpacingHorizontal",
1723
+ "modalSizeHeader",
1724
+ "modalSizeTitleDescriptionWrapper",
1725
+ "modalSizeCloseIconContainer",
1726
+ "modalSizeCloseIcon"
1727
+ ],
1499
1728
  "variant": [
1500
- "bottomsheetVariantHeader"
1729
+ "modalVariantRoot",
1730
+ "modalVariantCloseIcon"
1731
+ ],
1732
+ "closeAriaLabel": [
1733
+ "aria-label"
1734
+ ],
1735
+ "closeIcon": [
1736
+ "icon"
1737
+ ]
1738
+ },
1739
+ "runtimeConfigDefaultProps": {
1740
+ "size": "modal.defaultSize",
1741
+ "variant": "modal.defaultVariant"
1742
+ },
1743
+ "runtimeConfigGetStyles": {
1744
+ "spacing": [
1745
+ "modal.gutter.${size}"
1746
+ ],
1747
+ "modalSizeRoot": [
1748
+ "modal.defaultSize"
1749
+ ],
1750
+ "modalVariantRoot": [
1751
+ "modal.defaultVariant"
1752
+ ],
1753
+ "modalSizeSpacingHorizontal": [
1754
+ "modal.defaultSize"
1755
+ ],
1756
+ "modalSizeHeader": [
1757
+ "modal.defaultSize"
1758
+ ],
1759
+ "modalSizeTitleDescriptionWrapper": [
1760
+ "modal.defaultSize"
1761
+ ],
1762
+ "modalSizeCloseIconContainer": [
1763
+ "modal.defaultSize"
1764
+ ],
1765
+ "modalSizeCloseIcon": [
1766
+ "modal.defaultSize"
1767
+ ],
1768
+ "modalVariantCloseIcon": [
1769
+ "modal.defaultVariant"
1501
1770
  ]
1502
1771
  },
1503
- "runtimeConfigDefaultProps": {},
1504
- "runtimeConfigGetStyles": {},
1505
- "runtimeConfigInternalComponentProps": {},
1506
- "motionVarPrefixes": []
1507
- },
1508
- "BottomSheetInternalContext": {
1509
- "name": "BottomSheetInternalContext",
1510
- "defaultProps": {},
1511
- "getStylesLiterals": {},
1512
- "cxLiterals": [],
1513
- "internalComponents": [],
1514
- "internalComponentProps": {},
1515
- "propToVariantKeys": {},
1516
- "runtimeConfigDefaultProps": {},
1517
- "runtimeConfigGetStyles": {},
1518
1772
  "runtimeConfigInternalComponentProps": {},
1519
1773
  "motionVarPrefixes": []
1520
1774
  },
1521
- "BottomSheetProvider": {
1522
- "name": "BottomSheetProvider",
1775
+ "ModalActions": {
1776
+ "name": "ModalActions",
1523
1777
  "defaultProps": {},
1524
- "getStylesLiterals": {},
1525
- "cxLiterals": [],
1778
+ "getStylesLiterals": {
1779
+ "flexDirection": "row-reverse",
1780
+ "justifyContent": "space-between",
1781
+ "alignItems": "center"
1782
+ },
1783
+ "cxLiterals": [
1784
+ "gap-[inherit]"
1785
+ ],
1526
1786
  "internalComponents": [
1527
- "AriakitDialogProvider"
1787
+ "HStack"
1528
1788
  ],
1529
1789
  "internalComponentProps": {},
1530
- "propToVariantKeys": {},
1531
- "runtimeConfigDefaultProps": {},
1532
- "runtimeConfigGetStyles": {},
1790
+ "propToVariantKeys": {
1791
+ "size": [
1792
+ "modalSizeSpacingHorizontal",
1793
+ "modalSizeActions"
1794
+ ]
1795
+ },
1796
+ "runtimeConfigDefaultProps": {
1797
+ "size": "modal.defaultSize",
1798
+ "variant": "modal.defaultVariant"
1799
+ },
1800
+ "runtimeConfigGetStyles": {
1801
+ "modalSizeSpacingHorizontal": [
1802
+ "modal.defaultSize"
1803
+ ],
1804
+ "modalSizeActions": [
1805
+ "modal.defaultSize"
1806
+ ]
1807
+ },
1533
1808
  "runtimeConfigInternalComponentProps": {},
1534
1809
  "motionVarPrefixes": []
1535
1810
  },
1536
- "BottomSheetTrigger": {
1537
- "name": "BottomSheetTrigger",
1811
+ "ModalContent": {
1812
+ "name": "ModalContent",
1538
1813
  "defaultProps": {},
1539
- "getStylesLiterals": {},
1814
+ "getStylesLiterals": {
1815
+ "overflowY": "auto",
1816
+ "display": "block",
1817
+ "flexGrow": "1"
1818
+ },
1540
1819
  "cxLiterals": [],
1541
1820
  "internalComponents": [
1542
- "AriakitDialogDisclosure"
1821
+ "Box"
1543
1822
  ],
1544
1823
  "internalComponentProps": {},
1545
- "propToVariantKeys": {},
1546
- "runtimeConfigDefaultProps": {},
1547
- "runtimeConfigGetStyles": {},
1824
+ "propToVariantKeys": {
1825
+ "size": [
1826
+ "modalSizeSpacingHorizontal"
1827
+ ]
1828
+ },
1829
+ "runtimeConfigDefaultProps": {
1830
+ "size": "modal.defaultSize",
1831
+ "variant": "modal.defaultVariant"
1832
+ },
1833
+ "runtimeConfigGetStyles": {
1834
+ "modalSizeSpacingHorizontal": [
1835
+ "modal.defaultSize"
1836
+ ]
1837
+ },
1548
1838
  "runtimeConfigInternalComponentProps": {},
1549
1839
  "motionVarPrefixes": []
1550
1840
  },
1551
- "UDSBottomSheetConfigProvider": {
1552
- "name": "UDSBottomSheetConfigProvider",
1841
+ "ModalContext": {
1842
+ "name": "ModalContext",
1553
1843
  "defaultProps": {},
1554
1844
  "getStylesLiterals": {},
1555
1845
  "cxLiterals": [],
1556
- "internalComponents": [
1557
- "BottomSheetContext.Provider"
1558
- ],
1846
+ "internalComponents": [],
1559
1847
  "internalComponentProps": {},
1560
1848
  "propToVariantKeys": {},
1561
1849
  "runtimeConfigDefaultProps": {},
@@ -1563,200 +1851,94 @@
1563
1851
  "runtimeConfigInternalComponentProps": {},
1564
1852
  "motionVarPrefixes": []
1565
1853
  },
1566
- "Chip": {
1567
- "name": "Chip",
1854
+ "ModalDescription": {
1855
+ "name": "ModalDescription",
1568
1856
  "defaultProps": {},
1569
1857
  "getStylesLiterals": {},
1570
1858
  "cxLiterals": [],
1571
1859
  "internalComponents": [
1572
- "ChipDismissible",
1573
- "ChipToggle",
1574
- "ChipLink",
1575
- "ChipButton"
1576
- ],
1577
- "internalComponentProps": {},
1578
- "propToVariantKeys": {},
1579
- "runtimeConfigDefaultProps": {},
1580
- "runtimeConfigGetStyles": {},
1581
- "runtimeConfigInternalComponentProps": {},
1582
- "motionVarPrefixes": []
1583
- },
1584
- "ChipBase": {
1585
- "name": "ChipBase",
1586
- "defaultProps": {
1587
- "size": "md",
1588
- "as": "div"
1589
- },
1590
- "getStylesLiterals": {},
1591
- "cxLiterals": [
1592
- "pointer-events-none",
1593
- "cursor-default",
1594
- "opacity-50",
1595
- "inline-flex",
1596
- "items-center",
1597
- "transition-[background-color,outline-color,box-shadow]",
1598
- "truncate",
1599
- "whitespace-nowrap",
1600
- "text-center",
1601
- "flex-1"
1602
- ],
1603
- "internalComponents": [
1604
- "IconSlot",
1605
- "HStack",
1606
- "As",
1607
- "Text"
1860
+ "Text",
1861
+ "DialogDescription"
1608
1862
  ],
1609
1863
  "internalComponentProps": {
1610
1864
  "Text": {
1611
1865
  "as": [
1612
1866
  "span"
1613
- ],
1614
- "color": [
1615
- "current"
1616
- ],
1617
- "variant": [
1618
- "inherit"
1619
1867
  ]
1620
1868
  }
1621
1869
  },
1622
1870
  "propToVariantKeys": {
1623
1871
  "size": [
1624
- "chipSizeRoot",
1625
- "chipSizeIcon"
1872
+ "modalSizeDescription"
1626
1873
  ],
1627
- "startIcon": [
1628
- "icon"
1874
+ "variant": [
1875
+ "modalVariantDescription"
1876
+ ]
1877
+ },
1878
+ "runtimeConfigDefaultProps": {
1879
+ "size": "modal.defaultSize",
1880
+ "variant": "modal.defaultVariant"
1881
+ },
1882
+ "runtimeConfigGetStyles": {
1883
+ "modalSizeDescription": [
1884
+ "modal.defaultSize"
1629
1885
  ],
1630
- "endIcon": [
1631
- "icon"
1886
+ "modalVariantDescription": [
1887
+ "modal.defaultVariant"
1632
1888
  ]
1633
1889
  },
1634
- "runtimeConfigDefaultProps": {},
1635
- "runtimeConfigGetStyles": {},
1636
1890
  "runtimeConfigInternalComponentProps": {},
1637
1891
  "motionVarPrefixes": []
1638
1892
  },
1639
- "ChipButton": {
1640
- "name": "ChipButton",
1641
- "defaultProps": {
1642
- "variant": "primary"
1643
- },
1893
+ "ModalTitle": {
1894
+ "name": "ModalTitle",
1895
+ "defaultProps": {},
1644
1896
  "getStylesLiterals": {},
1645
- "cxLiterals": [
1646
- "uds-ring"
1647
- ],
1897
+ "cxLiterals": [],
1648
1898
  "internalComponents": [
1649
- "ChipBase"
1899
+ "Text",
1900
+ "DialogHeading"
1650
1901
  ],
1651
1902
  "internalComponentProps": {
1652
- "ChipBase": {
1903
+ "Text": {
1653
1904
  "as": [
1654
- "button"
1905
+ "span"
1655
1906
  ]
1656
1907
  }
1657
1908
  },
1658
1909
  "propToVariantKeys": {
1910
+ "size": [
1911
+ "modalSizeTitle"
1912
+ ],
1659
1913
  "variant": [
1660
- "chipLinkVariantRoot",
1661
- "chipLinkVariantIcon"
1914
+ "modalVariantTitle"
1662
1915
  ]
1663
1916
  },
1664
- "runtimeConfigDefaultProps": {},
1665
- "runtimeConfigGetStyles": {},
1666
- "runtimeConfigInternalComponentProps": {},
1667
- "motionVarPrefixes": []
1668
- },
1669
- "ChipDismissible": {
1670
- "name": "ChipDismissible",
1671
- "defaultProps": {
1672
- "variant": "primary"
1917
+ "runtimeConfigDefaultProps": {
1918
+ "size": "modal.defaultSize",
1919
+ "variant": "modal.defaultVariant"
1673
1920
  },
1674
- "getStylesLiterals": {},
1675
- "cxLiterals": [
1676
- "uds-chip-dismissible-button",
1677
- "uds-hit-target",
1678
- "uds-ring",
1679
- "rounded-full"
1680
- ],
1681
- "internalComponents": [
1682
- "ChipBase",
1683
- "IconSlot",
1684
- "Pressable"
1685
- ],
1686
- "internalComponentProps": {},
1687
- "propToVariantKeys": {
1688
- "variant": [
1689
- "chipDismissibleVariantRoot",
1690
- "chipDismissibleVariantIcon"
1921
+ "runtimeConfigGetStyles": {
1922
+ "modalSizeTitle": [
1923
+ "modal.defaultSize"
1691
1924
  ],
1692
- "dismissButtonAriaLabel": [
1693
- "aria-label"
1925
+ "modalVariantTitle": [
1926
+ "modal.defaultVariant"
1694
1927
  ]
1695
1928
  },
1696
- "runtimeConfigDefaultProps": {},
1697
- "runtimeConfigGetStyles": {},
1698
1929
  "runtimeConfigInternalComponentProps": {},
1699
1930
  "motionVarPrefixes": []
1700
1931
  },
1701
- "ChipLink": {
1702
- "name": "ChipLink",
1703
- "defaultProps": {
1704
- "variant": "primary"
1705
- },
1932
+ "UDSModalConfigProvider": {
1933
+ "name": "UDSModalConfigProvider",
1934
+ "defaultProps": {},
1706
1935
  "getStylesLiterals": {},
1707
- "cxLiterals": [
1708
- "uds-ring"
1709
- ],
1710
- "internalComponents": [
1711
- "ChipBase"
1712
- ],
1713
- "internalComponentProps": {
1714
- "ChipBase": {
1715
- "as": [
1716
- "a"
1717
- ]
1718
- }
1719
- },
1720
- "propToVariantKeys": {
1721
- "variant": [
1722
- "chipLinkVariantRoot",
1723
- "chipLinkVariantIcon"
1724
- ]
1725
- },
1726
- "runtimeConfigDefaultProps": {},
1727
- "runtimeConfigGetStyles": {},
1728
- "runtimeConfigInternalComponentProps": {},
1729
- "motionVarPrefixes": []
1730
- },
1731
- "ChipToggle": {
1732
- "name": "ChipToggle",
1733
- "defaultProps": {
1734
- "variant": "primary",
1735
- "role": "checkbox"
1736
- },
1737
- "getStylesLiterals": {
1738
- "chipToggleVariantActiveRoot": "on",
1739
- "chipToggleVariantActiveRoot:1": "off"
1740
- },
1741
- "cxLiterals": [
1742
- "uds-ring"
1743
- ],
1936
+ "cxLiterals": [],
1744
1937
  "internalComponents": [
1745
- "ChipBase"
1746
- ],
1747
- "internalComponentProps": {
1748
- "ChipBase": {
1749
- "as": [
1750
- "button"
1751
- ]
1752
- }
1753
- },
1754
- "propToVariantKeys": {
1755
- "variant": [
1756
- "chipToggleVariantRoot",
1757
- "chipToggleVariantIcon"
1758
- ]
1759
- },
1938
+ "ModalContext.Provider"
1939
+ ],
1940
+ "internalComponentProps": {},
1941
+ "propToVariantKeys": {},
1760
1942
  "runtimeConfigDefaultProps": {},
1761
1943
  "runtimeConfigGetStyles": {},
1762
1944
  "runtimeConfigInternalComponentProps": {},
@@ -2219,205 +2401,314 @@
2219
2401
  "runtimeConfigInternalComponentProps": {},
2220
2402
  "motionVarPrefixes": []
2221
2403
  },
2222
- "Modal": {
2223
- "name": "Modal",
2404
+ "Chip": {
2405
+ "name": "Chip",
2406
+ "defaultProps": {},
2407
+ "getStylesLiterals": {},
2408
+ "cxLiterals": [],
2409
+ "internalComponents": [
2410
+ "ChipDismissible",
2411
+ "ChipToggle",
2412
+ "ChipLink",
2413
+ "ChipButton"
2414
+ ],
2415
+ "internalComponentProps": {},
2416
+ "propToVariantKeys": {},
2417
+ "runtimeConfigDefaultProps": {},
2418
+ "runtimeConfigGetStyles": {},
2419
+ "runtimeConfigInternalComponentProps": {},
2420
+ "motionVarPrefixes": []
2421
+ },
2422
+ "ChipBase": {
2423
+ "name": "ChipBase",
2224
2424
  "defaultProps": {
2225
- "closeAriaLabel": "Close",
2226
- "maxWidth": "auto",
2227
- "maxHeight": "auto",
2228
- "scrollBehavior": "outside"
2229
- },
2230
- "getStylesLiterals": {
2231
- "flexDirection": "row-reverse",
2232
- "justifyContent": "space-between",
2233
- "alignItems": "flex-end",
2234
- "alignItems:1": "flex-start",
2235
- "borderRadius": "full"
2425
+ "size": "md",
2426
+ "as": "div"
2236
2427
  },
2428
+ "getStylesLiterals": {},
2237
2429
  "cxLiterals": [
2238
- "fixed",
2239
- "inset-0",
2240
- "z-40",
2241
- "overflow-y-auto",
2242
- "overflow-hidden",
2243
- "transition-[opacity,visibility]",
2244
- "visible",
2245
- "opacity-100",
2246
- "invisible",
2247
- "opacity-0",
2248
2430
  "pointer-events-none",
2249
- "uds-bgBlurFallback",
2250
- "w-full",
2251
- "w-fit",
2252
- "h-full",
2253
- "h-fit",
2254
- "m-auto",
2255
- "pointer-events-auto",
2256
- "inside",
2257
- "max-h-full",
2258
- "transition-transform",
2259
- "duration-0",
2260
- "duration-120",
2261
- "transition-[background-color]",
2262
- "bg-carbon-15/0",
2263
- "hover:bg-carbon-15/10",
2264
- "active:bg-carbon-15/15",
2265
- "uds-ring",
2266
- "[translate:50%_-50%]"
2431
+ "cursor-default",
2432
+ "opacity-50",
2433
+ "inline-flex",
2434
+ "items-center",
2435
+ "transition-[background-color,outline-color,box-shadow]",
2436
+ "truncate",
2437
+ "whitespace-nowrap",
2438
+ "text-center",
2439
+ "flex-1"
2267
2440
  ],
2268
2441
  "internalComponents": [
2269
- "Scrim",
2270
- "VStack",
2271
- "Pressable",
2272
2442
  "IconSlot",
2273
- "Box",
2274
- "Dialog",
2275
- "ModalContext.Provider",
2276
2443
  "HStack",
2277
- "DialogDismiss",
2278
- "ModalTitle",
2279
- "ModalDescription",
2280
- "ModalContent",
2281
- "ModalActions"
2444
+ "As",
2445
+ "Text"
2282
2446
  ],
2283
2447
  "internalComponentProps": {
2284
- "Box": {
2285
- "flexGrow": [
2286
- "1"
2448
+ "Text": {
2449
+ "as": [
2450
+ "span"
2451
+ ],
2452
+ "color": [
2453
+ "current"
2454
+ ],
2455
+ "variant": [
2456
+ "inherit"
2287
2457
  ]
2288
2458
  }
2289
2459
  },
2290
2460
  "propToVariantKeys": {
2291
- "gutter": [
2292
- "spacing"
2293
- ],
2294
2461
  "size": [
2295
- "modalSizeRoot",
2296
- "modalSizeSpacingHorizontal",
2297
- "modalSizeHeader",
2298
- "modalSizeTitleDescriptionWrapper",
2299
- "modalSizeCloseIconContainer",
2300
- "modalSizeCloseIcon"
2301
- ],
2302
- "variant": [
2303
- "modalVariantRoot",
2304
- "modalVariantCloseIcon"
2462
+ "chipSizeRoot",
2463
+ "chipSizeIcon"
2305
2464
  ],
2306
- "closeAriaLabel": [
2307
- "aria-label"
2465
+ "startIcon": [
2466
+ "icon"
2308
2467
  ],
2309
- "closeIcon": [
2468
+ "endIcon": [
2310
2469
  "icon"
2311
2470
  ]
2312
2471
  },
2313
- "runtimeConfigDefaultProps": {
2314
- "size": "modal.defaultSize",
2315
- "variant": "modal.defaultVariant"
2472
+ "runtimeConfigDefaultProps": {},
2473
+ "runtimeConfigGetStyles": {},
2474
+ "runtimeConfigInternalComponentProps": {},
2475
+ "motionVarPrefixes": []
2476
+ },
2477
+ "ChipButton": {
2478
+ "name": "ChipButton",
2479
+ "defaultProps": {
2480
+ "variant": "primary"
2316
2481
  },
2317
- "runtimeConfigGetStyles": {
2318
- "spacing": [
2319
- "modal.gutter.${size}"
2320
- ],
2321
- "modalSizeRoot": [
2322
- "modal.defaultSize"
2323
- ],
2324
- "modalVariantRoot": [
2325
- "modal.defaultVariant"
2326
- ],
2327
- "modalSizeSpacingHorizontal": [
2328
- "modal.defaultSize"
2329
- ],
2330
- "modalSizeHeader": [
2331
- "modal.defaultSize"
2332
- ],
2333
- "modalSizeTitleDescriptionWrapper": [
2334
- "modal.defaultSize"
2335
- ],
2336
- "modalSizeCloseIconContainer": [
2337
- "modal.defaultSize"
2338
- ],
2339
- "modalSizeCloseIcon": [
2340
- "modal.defaultSize"
2482
+ "getStylesLiterals": {},
2483
+ "cxLiterals": [
2484
+ "uds-ring"
2485
+ ],
2486
+ "internalComponents": [
2487
+ "ChipBase"
2488
+ ],
2489
+ "internalComponentProps": {
2490
+ "ChipBase": {
2491
+ "as": [
2492
+ "button"
2493
+ ]
2494
+ }
2495
+ },
2496
+ "propToVariantKeys": {
2497
+ "variant": [
2498
+ "chipLinkVariantRoot",
2499
+ "chipLinkVariantIcon"
2500
+ ]
2501
+ },
2502
+ "runtimeConfigDefaultProps": {},
2503
+ "runtimeConfigGetStyles": {},
2504
+ "runtimeConfigInternalComponentProps": {},
2505
+ "motionVarPrefixes": []
2506
+ },
2507
+ "ChipDismissible": {
2508
+ "name": "ChipDismissible",
2509
+ "defaultProps": {
2510
+ "variant": "primary"
2511
+ },
2512
+ "getStylesLiterals": {},
2513
+ "cxLiterals": [
2514
+ "uds-chip-dismissible-button",
2515
+ "uds-hit-target",
2516
+ "uds-ring",
2517
+ "rounded-full"
2518
+ ],
2519
+ "internalComponents": [
2520
+ "ChipBase",
2521
+ "IconSlot",
2522
+ "Pressable"
2523
+ ],
2524
+ "internalComponentProps": {},
2525
+ "propToVariantKeys": {
2526
+ "variant": [
2527
+ "chipDismissibleVariantRoot",
2528
+ "chipDismissibleVariantIcon"
2341
2529
  ],
2342
- "modalVariantCloseIcon": [
2343
- "modal.defaultVariant"
2530
+ "dismissButtonAriaLabel": [
2531
+ "aria-label"
2532
+ ]
2533
+ },
2534
+ "runtimeConfigDefaultProps": {},
2535
+ "runtimeConfigGetStyles": {},
2536
+ "runtimeConfigInternalComponentProps": {},
2537
+ "motionVarPrefixes": []
2538
+ },
2539
+ "ChipLink": {
2540
+ "name": "ChipLink",
2541
+ "defaultProps": {
2542
+ "variant": "primary"
2543
+ },
2544
+ "getStylesLiterals": {},
2545
+ "cxLiterals": [
2546
+ "uds-ring"
2547
+ ],
2548
+ "internalComponents": [
2549
+ "ChipBase"
2550
+ ],
2551
+ "internalComponentProps": {
2552
+ "ChipBase": {
2553
+ "as": [
2554
+ "a"
2555
+ ]
2556
+ }
2557
+ },
2558
+ "propToVariantKeys": {
2559
+ "variant": [
2560
+ "chipLinkVariantRoot",
2561
+ "chipLinkVariantIcon"
2562
+ ]
2563
+ },
2564
+ "runtimeConfigDefaultProps": {},
2565
+ "runtimeConfigGetStyles": {},
2566
+ "runtimeConfigInternalComponentProps": {},
2567
+ "motionVarPrefixes": []
2568
+ },
2569
+ "ChipToggle": {
2570
+ "name": "ChipToggle",
2571
+ "defaultProps": {
2572
+ "variant": "primary",
2573
+ "role": "checkbox"
2574
+ },
2575
+ "getStylesLiterals": {
2576
+ "chipToggleVariantActiveRoot": "on",
2577
+ "chipToggleVariantActiveRoot:1": "off"
2578
+ },
2579
+ "cxLiterals": [
2580
+ "uds-ring"
2581
+ ],
2582
+ "internalComponents": [
2583
+ "ChipBase"
2584
+ ],
2585
+ "internalComponentProps": {
2586
+ "ChipBase": {
2587
+ "as": [
2588
+ "button"
2589
+ ]
2590
+ }
2591
+ },
2592
+ "propToVariantKeys": {
2593
+ "variant": [
2594
+ "chipToggleVariantRoot",
2595
+ "chipToggleVariantIcon"
2344
2596
  ]
2345
2597
  },
2598
+ "runtimeConfigDefaultProps": {},
2599
+ "runtimeConfigGetStyles": {},
2346
2600
  "runtimeConfigInternalComponentProps": {},
2347
2601
  "motionVarPrefixes": []
2348
2602
  },
2349
- "ModalActions": {
2350
- "name": "ModalActions",
2351
- "defaultProps": {},
2352
- "getStylesLiterals": {
2353
- "flexDirection": "row-reverse",
2354
- "justifyContent": "space-between",
2355
- "alignItems": "center"
2603
+ "BottomSheet": {
2604
+ "name": "BottomSheet",
2605
+ "defaultProps": {
2606
+ "variant": "default"
2356
2607
  },
2608
+ "getStylesLiterals": {},
2357
2609
  "cxLiterals": [
2358
- "gap-[inherit]"
2610
+ "fixed",
2611
+ "overflow-hidden",
2612
+ "inset-x-0",
2613
+ "bottom-0",
2614
+ "z-50",
2615
+ "[will-change:transform]",
2616
+ "touch-none",
2617
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2618
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2619
+ "transition-transform",
2620
+ "duration-500",
2621
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
2622
+ "motion-reduce:transition-none",
2623
+ "top-[-4px]",
2624
+ "z-[1]",
2625
+ "touch-pan-y"
2359
2626
  ],
2360
2627
  "internalComponents": [
2361
- "HStack"
2628
+ "Scrim",
2629
+ "BottomSheetHandle",
2630
+ "Dialog",
2631
+ "Box",
2632
+ "BottomSheetInternalContext.Provider"
2362
2633
  ],
2363
- "internalComponentProps": {},
2364
- "propToVariantKeys": {
2365
- "size": [
2366
- "modalSizeSpacingHorizontal",
2367
- "modalSizeActions"
2368
- ]
2369
- },
2370
- "runtimeConfigDefaultProps": {
2371
- "size": "modal.defaultSize",
2372
- "variant": "modal.defaultVariant"
2634
+ "internalComponentProps": {
2635
+ "BottomSheetHandle": {
2636
+ "ariaLabel": [
2637
+ "Resize sheet"
2638
+ ]
2639
+ },
2640
+ "Dialog": {
2641
+ "data-testid": [
2642
+ "bottom-sheet"
2643
+ ]
2644
+ },
2645
+ "Box": {
2646
+ "display": [
2647
+ "block",
2648
+ "flex"
2649
+ ],
2650
+ "position": [
2651
+ "absolute"
2652
+ ],
2653
+ "flexDirection": [
2654
+ "column"
2655
+ ],
2656
+ "className": [
2657
+ "absolute inset-0 min-h-0 p-[inherit]"
2658
+ ]
2659
+ }
2373
2660
  },
2374
- "runtimeConfigGetStyles": {
2375
- "modalSizeSpacingHorizontal": [
2376
- "modal.defaultSize"
2377
- ],
2378
- "modalSizeActions": [
2379
- "modal.defaultSize"
2661
+ "propToVariantKeys": {
2662
+ "variant": [
2663
+ "bottomsheetVariantRoot"
2380
2664
  ]
2381
2665
  },
2666
+ "runtimeConfigDefaultProps": {},
2667
+ "runtimeConfigGetStyles": {},
2382
2668
  "runtimeConfigInternalComponentProps": {},
2383
2669
  "motionVarPrefixes": []
2384
2670
  },
2385
- "ModalContent": {
2386
- "name": "ModalContent",
2671
+ "BottomSheetContent": {
2672
+ "name": "BottomSheetContent",
2387
2673
  "defaultProps": {},
2388
- "getStylesLiterals": {
2389
- "overflowY": "auto",
2390
- "display": "block",
2391
- "flexGrow": "1"
2392
- },
2393
- "cxLiterals": [],
2674
+ "getStylesLiterals": {},
2675
+ "cxLiterals": [
2676
+ "min-h-0",
2677
+ "touch-pan-y"
2678
+ ],
2394
2679
  "internalComponents": [
2395
- "Box"
2680
+ "Box",
2681
+ "VStack"
2396
2682
  ],
2397
- "internalComponentProps": {},
2398
- "propToVariantKeys": {
2399
- "size": [
2400
- "modalSizeSpacingHorizontal"
2401
- ]
2402
- },
2403
- "runtimeConfigDefaultProps": {
2404
- "size": "modal.defaultSize",
2405
- "variant": "modal.defaultVariant"
2406
- },
2407
- "runtimeConfigGetStyles": {
2408
- "modalSizeSpacingHorizontal": [
2409
- "modal.defaultSize"
2410
- ]
2683
+ "internalComponentProps": {
2684
+ "Box": {
2685
+ "display": [
2686
+ "block"
2687
+ ],
2688
+ "flex": [
2689
+ "1"
2690
+ ]
2691
+ },
2692
+ "VStack": {
2693
+ "className": [
2694
+ "pb-[calc(env(safe-area-inset-bottom))]"
2695
+ ]
2696
+ }
2411
2697
  },
2698
+ "propToVariantKeys": {},
2699
+ "runtimeConfigDefaultProps": {},
2700
+ "runtimeConfigGetStyles": {},
2412
2701
  "runtimeConfigInternalComponentProps": {},
2413
2702
  "motionVarPrefixes": []
2414
2703
  },
2415
- "ModalContext": {
2416
- "name": "ModalContext",
2704
+ "BottomSheetDismiss": {
2705
+ "name": "BottomSheetDismiss",
2417
2706
  "defaultProps": {},
2418
2707
  "getStylesLiterals": {},
2419
2708
  "cxLiterals": [],
2420
- "internalComponents": [],
2709
+ "internalComponents": [
2710
+ "AriakitDialogDismiss"
2711
+ ],
2421
2712
  "internalComponentProps": {},
2422
2713
  "propToVariantKeys": {},
2423
2714
  "runtimeConfigDefaultProps": {},
@@ -2425,92 +2716,114 @@
2425
2716
  "runtimeConfigInternalComponentProps": {},
2426
2717
  "motionVarPrefixes": []
2427
2718
  },
2428
- "ModalDescription": {
2429
- "name": "ModalDescription",
2430
- "defaultProps": {},
2719
+ "BottomSheetHandle": {
2720
+ "name": "BottomSheetHandle",
2721
+ "defaultProps": {
2722
+ "variant": "default"
2723
+ },
2431
2724
  "getStylesLiterals": {},
2432
- "cxLiterals": [],
2725
+ "cxLiterals": [
2726
+ "relative",
2727
+ "h-5",
2728
+ "w-16",
2729
+ "outline-none",
2730
+ "focus-visible:outline-none",
2731
+ "[touch-action:pan-y]",
2732
+ "absolute",
2733
+ "left-1/2",
2734
+ "top-1/2",
2735
+ "-translate-x-1/2",
2736
+ "-translate-y-1/2",
2737
+ "h-1",
2738
+ "w-8",
2739
+ "rounded-full"
2740
+ ],
2433
2741
  "internalComponents": [
2434
- "Text",
2435
- "DialogDescription"
2742
+ "Box"
2436
2743
  ],
2437
2744
  "internalComponentProps": {
2438
- "Text": {
2439
- "as": [
2440
- "span"
2745
+ "Box": {
2746
+ "display": [
2747
+ "block",
2748
+ "flex"
2749
+ ],
2750
+ "justifyContent": [
2751
+ "center"
2441
2752
  ]
2442
2753
  }
2443
2754
  },
2444
2755
  "propToVariantKeys": {
2445
- "size": [
2446
- "modalSizeDescription"
2447
- ],
2448
2756
  "variant": [
2449
- "modalVariantDescription"
2450
- ]
2451
- },
2452
- "runtimeConfigDefaultProps": {
2453
- "size": "modal.defaultSize",
2454
- "variant": "modal.defaultVariant"
2455
- },
2456
- "runtimeConfigGetStyles": {
2457
- "modalSizeDescription": [
2458
- "modal.defaultSize"
2459
- ],
2460
- "modalVariantDescription": [
2461
- "modal.defaultVariant"
2757
+ "bottomsheetVariantHandleIndicator"
2462
2758
  ]
2463
2759
  },
2760
+ "runtimeConfigDefaultProps": {},
2761
+ "runtimeConfigGetStyles": {},
2464
2762
  "runtimeConfigInternalComponentProps": {},
2465
2763
  "motionVarPrefixes": []
2466
2764
  },
2467
- "ModalTitle": {
2468
- "name": "ModalTitle",
2469
- "defaultProps": {},
2765
+ "BottomSheetHeader": {
2766
+ "name": "BottomSheetHeader",
2767
+ "defaultProps": {
2768
+ "variant": "default"
2769
+ },
2470
2770
  "getStylesLiterals": {},
2471
- "cxLiterals": [],
2771
+ "cxLiterals": [
2772
+ "grid-cols-[40px_1fr_40px]",
2773
+ "items-center",
2774
+ "w-full",
2775
+ "min-h-10",
2776
+ "mt-2"
2777
+ ],
2472
2778
  "internalComponents": [
2473
- "Text",
2474
- "DialogHeading"
2779
+ "Box",
2780
+ "Text"
2475
2781
  ],
2476
2782
  "internalComponentProps": {
2783
+ "Box": {
2784
+ "className": [
2785
+ "h-10 w-10 opacity-0 pointer-events-none"
2786
+ ],
2787
+ "display": [
2788
+ "grid",
2789
+ "flex"
2790
+ ],
2791
+ "justifyContent": [
2792
+ "flex-start",
2793
+ "flex-end"
2794
+ ]
2795
+ },
2477
2796
  "Text": {
2478
- "as": [
2479
- "span"
2797
+ "variant": [
2798
+ "inherit"
2799
+ ],
2800
+ "color": [
2801
+ "inherit"
2802
+ ],
2803
+ "textAlign": [
2804
+ "center"
2805
+ ],
2806
+ "className": [
2807
+ "w-full"
2480
2808
  ]
2481
2809
  }
2482
2810
  },
2483
2811
  "propToVariantKeys": {
2484
- "size": [
2485
- "modalSizeTitle"
2486
- ],
2487
2812
  "variant": [
2488
- "modalVariantTitle"
2489
- ]
2490
- },
2491
- "runtimeConfigDefaultProps": {
2492
- "size": "modal.defaultSize",
2493
- "variant": "modal.defaultVariant"
2494
- },
2495
- "runtimeConfigGetStyles": {
2496
- "modalSizeTitle": [
2497
- "modal.defaultSize"
2498
- ],
2499
- "modalVariantTitle": [
2500
- "modal.defaultVariant"
2813
+ "bottomsheetVariantHeader"
2501
2814
  ]
2502
2815
  },
2816
+ "runtimeConfigDefaultProps": {},
2817
+ "runtimeConfigGetStyles": {},
2503
2818
  "runtimeConfigInternalComponentProps": {},
2504
2819
  "motionVarPrefixes": []
2505
2820
  },
2506
- "UDSModalConfigProvider": {
2507
- "name": "UDSModalConfigProvider",
2821
+ "BottomSheetInternalContext": {
2822
+ "name": "BottomSheetInternalContext",
2508
2823
  "defaultProps": {},
2509
2824
  "getStylesLiterals": {},
2510
2825
  "cxLiterals": [],
2511
- "internalComponents": [
2512
- "ModalContext.Provider"
2513
- ],
2826
+ "internalComponents": [],
2514
2827
  "internalComponentProps": {},
2515
2828
  "propToVariantKeys": {},
2516
2829
  "runtimeConfigDefaultProps": {},
@@ -2518,120 +2831,44 @@
2518
2831
  "runtimeConfigInternalComponentProps": {},
2519
2832
  "motionVarPrefixes": []
2520
2833
  },
2521
- "Popover": {
2522
- "name": "Popover",
2834
+ "BottomSheetProvider": {
2835
+ "name": "BottomSheetProvider",
2523
2836
  "defaultProps": {},
2524
2837
  "getStylesLiterals": {},
2525
2838
  "cxLiterals": [],
2526
2839
  "internalComponents": [
2527
- "PopoverInternalContext.Provider",
2528
- "PopoverProvider"
2840
+ "AriakitDialogProvider"
2529
2841
  ],
2530
2842
  "internalComponentProps": {},
2531
2843
  "propToVariantKeys": {},
2532
- "runtimeConfigDefaultProps": {
2533
- "size": "popover.defaultSize",
2534
- "variant": "popover.defaultVariant"
2535
- },
2844
+ "runtimeConfigDefaultProps": {},
2536
2845
  "runtimeConfigGetStyles": {},
2537
2846
  "runtimeConfigInternalComponentProps": {},
2538
2847
  "motionVarPrefixes": []
2539
2848
  },
2540
- "PopoverContent": {
2541
- "name": "PopoverContent",
2849
+ "BottomSheetTrigger": {
2850
+ "name": "BottomSheetTrigger",
2542
2851
  "defaultProps": {},
2543
- "getStylesLiterals": {
2544
- "popoverSizeRoot": "default",
2545
- "popoverVariantRoot": "default",
2546
- "display": "flex",
2547
- "position": "relative",
2548
- "display:1": "block",
2549
- "spacingTop": "0",
2550
- "spacingStart": "0",
2551
- "spacingBottom": "0",
2552
- "spacingEnd": "0",
2553
- "popoverSizeSvgBase": "default",
2554
- "popoverVariantSvgBase": "default",
2555
- "popoverSizeSvgBorder": "default",
2556
- "popoverVariantSvgBorder": "default",
2557
- "popoverVariantBlur": "default",
2558
- "position:1": "absolute",
2559
- "width": "full",
2560
- "height": "full",
2561
- "flexShrink": "0",
2562
- "borderRadius": "full",
2563
- "alignItems": "center",
2564
- "justifyContent": "center",
2565
- "popoverVariantCloseIcon": "default",
2566
- "popoverSizeCloseIcon": "default"
2567
- },
2568
- "cxLiterals": [
2569
- "z-[9999]",
2570
- "outline-none",
2571
- "focus-visible:outline-none",
2572
- "uds-bgBlurFillFallback",
2573
- "uds-bgBlurFallback",
2574
- "top-0",
2575
- "left-0",
2576
- "z-[1]",
2577
- "duration-0",
2578
- "duration-120",
2579
- "transition-[background-color]",
2580
- "bg-carbon-15/0",
2581
- "hover:bg-carbon-15/10",
2582
- "active:bg-carbon-15/15",
2583
- "uds-ring",
2584
- "absolute",
2585
- "z-[4]"
2586
- ],
2852
+ "getStylesLiterals": {},
2853
+ "cxLiterals": [],
2587
2854
  "internalComponents": [
2588
- "PopoverDismiss",
2589
- "IconSlot",
2590
- "PopoverArrow",
2591
- "Popover",
2592
- "SvgFloatingOverlay",
2593
- "Box",
2594
- "Pressable"
2855
+ "AriakitDialogDisclosure"
2595
2856
  ],
2596
2857
  "internalComponentProps": {},
2597
- "propToVariantKeys": {
2598
- "closeIcon": [
2599
- "icon"
2600
- ]
2601
- },
2602
- "runtimeConfigDefaultProps": {
2603
- "size": "popover.defaultSize",
2604
- "variant": "popover.defaultVariant"
2605
- },
2606
- "runtimeConfigGetStyles": {
2607
- "spacingTop": [
2608
- "popover.spacingVertical.${size}"
2609
- ],
2610
- "spacingStart": [
2611
- "popover.spacingHorizontal.${size}"
2612
- ],
2613
- "spacingBottom": [
2614
- "popover.spacingVertical.${size}"
2615
- ],
2616
- "spacingEnd": [
2617
- "popover.spacingHorizontal.${size}"
2618
- ]
2619
- },
2620
- "runtimeConfigInternalComponentProps": {
2621
- "SvgFloatingOverlay": {
2622
- "borderRadius": [
2623
- "popover.borderRadius.${size}"
2624
- ]
2625
- }
2626
- },
2858
+ "propToVariantKeys": {},
2859
+ "runtimeConfigDefaultProps": {},
2860
+ "runtimeConfigGetStyles": {},
2861
+ "runtimeConfigInternalComponentProps": {},
2627
2862
  "motionVarPrefixes": []
2628
2863
  },
2629
- "PopoverContext": {
2630
- "name": "PopoverContext",
2864
+ "UDSBottomSheetConfigProvider": {
2865
+ "name": "UDSBottomSheetConfigProvider",
2631
2866
  "defaultProps": {},
2632
2867
  "getStylesLiterals": {},
2633
2868
  "cxLiterals": [],
2634
- "internalComponents": [],
2869
+ "internalComponents": [
2870
+ "BottomSheetContext.Provider"
2871
+ ],
2635
2872
  "internalComponentProps": {},
2636
2873
  "propToVariantKeys": {},
2637
2874
  "runtimeConfigDefaultProps": {},
@@ -2639,24 +2876,46 @@
2639
2876
  "runtimeConfigInternalComponentProps": {},
2640
2877
  "motionVarPrefixes": []
2641
2878
  },
2642
- "PopoverTrigger": {
2643
- "name": "PopoverTrigger",
2879
+ "Avatar": {
2880
+ "name": "Avatar",
2644
2881
  "defaultProps": {},
2645
2882
  "getStylesLiterals": {},
2646
2883
  "cxLiterals": [],
2647
2884
  "internalComponents": [
2648
- "PopoverDisclosure"
2885
+ "AvatarImage"
2649
2886
  ],
2650
- "internalComponentProps": {
2651
- "PopoverDisclosure": {
2652
- "className": [
2653
- "inline"
2654
- ]
2655
- }
2887
+ "internalComponentProps": {},
2888
+ "propToVariantKeys": {},
2889
+ "runtimeConfigDefaultProps": {},
2890
+ "runtimeConfigGetStyles": {},
2891
+ "runtimeConfigInternalComponentProps": {},
2892
+ "motionVarPrefixes": []
2893
+ },
2894
+ "AvatarIcon": {
2895
+ "name": "AvatarIcon",
2896
+ "defaultProps": {
2897
+ "size": "md",
2898
+ "variant": "primary"
2656
2899
  },
2900
+ "getStylesLiterals": {},
2901
+ "cxLiterals": [
2902
+ "overflow-hidden",
2903
+ "w-full",
2904
+ "h-full",
2905
+ "shrink-0",
2906
+ "text-center",
2907
+ "inline-flex",
2908
+ "justify-center",
2909
+ "items-center"
2910
+ ],
2911
+ "internalComponents": [
2912
+ "IconSlot",
2913
+ "Box"
2914
+ ],
2915
+ "internalComponentProps": {},
2657
2916
  "propToVariantKeys": {
2658
- "children": [
2659
- "render"
2917
+ "size": [
2918
+ "avatarSizeIcon"
2660
2919
  ]
2661
2920
  },
2662
2921
  "runtimeConfigDefaultProps": {},
@@ -2664,15 +2923,76 @@
2664
2923
  "runtimeConfigInternalComponentProps": {},
2665
2924
  "motionVarPrefixes": []
2666
2925
  },
2667
- "UDSPopoverConfigProvider": {
2668
- "name": "UDSPopoverConfigProvider",
2669
- "defaultProps": {},
2926
+ "AvatarImage": {
2927
+ "name": "AvatarImage",
2928
+ "defaultProps": {
2929
+ "size": "md",
2930
+ "variant": "primary"
2931
+ },
2670
2932
  "getStylesLiterals": {},
2671
- "cxLiterals": [],
2933
+ "cxLiterals": [
2934
+ "overflow-hidden",
2935
+ "w-full",
2936
+ "h-full",
2937
+ "shrink-0",
2938
+ "text-center",
2939
+ "inline-flex",
2940
+ "justify-center",
2941
+ "items-center",
2942
+ "object-cover"
2943
+ ],
2672
2944
  "internalComponents": [
2673
- "PopoverContext.Provider"
2945
+ "UDSImage",
2946
+ "AvatarText",
2947
+ "AvatarIcon",
2948
+ "Box"
2674
2949
  ],
2675
2950
  "internalComponentProps": {},
2951
+ "propToVariantKeys": {
2952
+ "alt": [
2953
+ "name"
2954
+ ],
2955
+ "fallback": [
2956
+ "initials"
2957
+ ]
2958
+ },
2959
+ "runtimeConfigDefaultProps": {},
2960
+ "runtimeConfigGetStyles": {},
2961
+ "runtimeConfigInternalComponentProps": {},
2962
+ "motionVarPrefixes": []
2963
+ },
2964
+ "AvatarText": {
2965
+ "name": "AvatarText",
2966
+ "defaultProps": {
2967
+ "size": "md",
2968
+ "variant": "primary"
2969
+ },
2970
+ "getStylesLiterals": {},
2971
+ "cxLiterals": [
2972
+ "overflow-hidden",
2973
+ "truncate",
2974
+ "w-full",
2975
+ "h-full",
2976
+ "shrink-0",
2977
+ "text-center",
2978
+ "inline-flex",
2979
+ "justify-center",
2980
+ "items-center"
2981
+ ],
2982
+ "internalComponents": [
2983
+ "Box",
2984
+ "Text"
2985
+ ],
2986
+ "internalComponentProps": {
2987
+ "Text": {
2988
+ "color": [
2989
+ "inherit"
2990
+ ],
2991
+ "variant": [
2992
+ "inherit"
2993
+ ]
2994
+ }
2995
+ },
2676
2996
  "propToVariantKeys": {},
2677
2997
  "runtimeConfigDefaultProps": {},
2678
2998
  "runtimeConfigGetStyles": {},
@@ -3235,320 +3555,56 @@
3235
3555
  "tooltipSizeBody": "default",
3236
3556
  "tooltipSizeEndContent": "default",
3237
3557
  "tooltipSizeIcon": "default",
3238
- "tooltipVariantIcon": "default"
3239
- },
3240
- "cxLiterals": [
3241
- "max-w-lg",
3242
- "flex",
3243
- "z-[9999]",
3244
- "uds-bgBlurFillFallback",
3245
- "uds-bgBlurFallback",
3246
- "top-0",
3247
- "left-0",
3248
- "z-[1]"
3249
- ],
3250
- "internalComponents": [
3251
- "IconSlot",
3252
- "TooltipArrow",
3253
- "Tooltip",
3254
- "SvgFloatingOverlay",
3255
- "VStack",
3256
- "Box",
3257
- "Text"
3258
- ],
3259
- "internalComponentProps": {
3260
- "SvgFloatingOverlay": {
3261
- "contentOverflow": [
3262
- "visible"
3263
- ]
3264
- },
3265
- "VStack": {
3266
- "className": [
3267
- "gap-[inherit]"
3268
- ]
3269
- },
3270
- "Box": {
3271
- "alignItems": [
3272
- "center"
3273
- ],
3274
- "columnGap": [
3275
- "1",
3276
- "1.5"
3277
- ]
3278
- },
3279
- "Text": {
3280
- "color": [
3281
- "inherit"
3282
- ]
3283
- }
3284
- },
3285
- "propToVariantKeys": {
3286
- "startTitleIcon": [
3287
- "icon"
3288
- ]
3289
- },
3290
- "runtimeConfigDefaultProps": {},
3291
- "runtimeConfigGetStyles": {},
3292
- "runtimeConfigInternalComponentProps": {},
3293
- "motionVarPrefixes": []
3294
- },
3295
- "TooltipTrigger": {
3296
- "name": "TooltipTrigger",
3297
- "defaultProps": {},
3298
- "getStylesLiterals": {},
3299
- "cxLiterals": [],
3300
- "internalComponents": [
3301
- "TooltipAnchor"
3302
- ],
3303
- "internalComponentProps": {
3304
- "TooltipAnchor": {
3305
- "className": [
3306
- "inline"
3307
- ]
3308
- }
3309
- },
3310
- "propToVariantKeys": {
3311
- "children": [
3312
- "render"
3313
- ]
3314
- },
3315
- "runtimeConfigDefaultProps": {},
3316
- "runtimeConfigGetStyles": {},
3317
- "runtimeConfigInternalComponentProps": {},
3318
- "motionVarPrefixes": []
3319
- },
3320
- "UDSTooltipConfigProvider": {
3321
- "name": "UDSTooltipConfigProvider",
3322
- "defaultProps": {},
3323
- "getStylesLiterals": {},
3324
- "cxLiterals": [],
3325
- "internalComponents": [
3326
- "TooltipContext.Provider"
3327
- ],
3328
- "internalComponentProps": {},
3329
- "propToVariantKeys": {},
3330
- "runtimeConfigDefaultProps": {},
3331
- "runtimeConfigGetStyles": {},
3332
- "runtimeConfigInternalComponentProps": {},
3333
- "motionVarPrefixes": []
3334
- },
3335
- "UDSBreakpointsConfigProvider": {
3336
- "name": "UDSBreakpointsConfigProvider",
3337
- "defaultProps": {},
3338
- "getStylesLiterals": {},
3339
- "cxLiterals": [],
3340
- "internalComponents": [
3341
- "UDSBreakpointsConfigContext.Provider"
3342
- ],
3343
- "internalComponentProps": {},
3344
- "propToVariantKeys": {},
3345
- "runtimeConfigDefaultProps": {},
3346
- "runtimeConfigGetStyles": {},
3347
- "runtimeConfigInternalComponentProps": {},
3348
- "motionVarPrefixes": []
3349
- },
3350
- "UDSConfigProvider": {
3351
- "name": "UDSConfigProvider",
3352
- "defaultProps": {},
3353
- "getStylesLiterals": {},
3354
- "cxLiterals": [],
3355
- "internalComponents": [
3356
- "UDSBreakpointsConfigProvider",
3357
- "UDSBottomSheetConfigProvider",
3358
- "UDSToastConfigProvider",
3359
- "UDSTooltipConfigProvider",
3360
- "UDSPopoverConfigProvider",
3361
- "UDSModalConfigProvider"
3362
- ],
3363
- "internalComponentProps": {},
3364
- "propToVariantKeys": {},
3365
- "runtimeConfigDefaultProps": {},
3366
- "runtimeConfigGetStyles": {},
3367
- "runtimeConfigInternalComponentProps": {},
3368
- "motionVarPrefixes": []
3369
- },
3370
- "Accordion": {
3371
- "name": "Accordion",
3372
- "defaultProps": {
3373
- "spacingHorizontal": "4",
3374
- "spacingVertical": "4"
3375
- },
3376
- "getStylesLiterals": {},
3377
- "cxLiterals": [
3378
- "hover:bg-secondary/80",
3379
- "w-full"
3380
- ],
3381
- "internalComponents": [
3382
- "Icon",
3383
- "SpringMotionConfig",
3384
- "Pressable",
3385
- "Text",
3386
- "HStack",
3387
- "AnimatePresence",
3388
- "VStack"
3389
- ],
3390
- "internalComponentProps": {
3391
- "Icon": {
3392
- "variant": [
3393
- "fill"
3394
- ],
3395
- "size": [
3396
- "sm"
3397
- ],
3398
- "color": [
3399
- "primary"
3400
- ]
3401
- },
3402
- "SpringMotionConfig": {
3403
- "layoutVariant": [
3404
- "smooth"
3405
- ],
3406
- "layoutSpeed": [
3407
- "3"
3408
- ]
3409
- },
3410
- "Pressable": {
3411
- "display": [
3412
- "flex"
3413
- ],
3414
- "flexDirection": [
3415
- "row"
3416
- ],
3417
- "alignItems": [
3418
- "center"
3419
- ],
3420
- "justifyContent": [
3421
- "space-between"
3422
- ],
3423
- "borderRadius": [
3424
- "md"
3425
- ]
3426
- },
3427
- "Text": {
3428
- "variant": [
3429
- "title4"
3430
- ],
3431
- "color": [
3432
- "primary"
3433
- ]
3434
- },
3435
- "HStack": {
3436
- "display": [
3437
- "flex"
3438
- ],
3439
- "alignItems": [
3440
- "center"
3441
- ],
3442
- "justifyContent": [
3443
- "space-between"
3444
- ],
3445
- "columnGap": [
3446
- "2.5"
3447
- ]
3448
- }
3449
- },
3450
- "propToVariantKeys": {},
3451
- "runtimeConfigDefaultProps": {},
3452
- "runtimeConfigGetStyles": {},
3453
- "runtimeConfigInternalComponentProps": {},
3454
- "motionVarPrefixes": [
3455
- "--uds-motion-smooth-3-"
3456
- ]
3457
- },
3458
- "AvoidMotionLibraryProvider": {
3459
- "name": "AvoidMotionLibraryProvider",
3460
- "defaultProps": {},
3461
- "getStylesLiterals": {},
3462
- "cxLiterals": [],
3463
- "internalComponents": [],
3464
- "internalComponentProps": {},
3465
- "propToVariantKeys": {},
3466
- "runtimeConfigDefaultProps": {},
3467
- "runtimeConfigGetStyles": {},
3468
- "runtimeConfigInternalComponentProps": {},
3469
- "motionVarPrefixes": []
3470
- },
3471
- "SegmentedControl": {
3472
- "name": "SegmentedControl",
3473
- "defaultProps": {
3474
- "textVariant": "label2"
3475
- },
3476
- "getStylesLiterals": {
3477
- "display": "flex",
3478
- "alignItems": "center",
3479
- "backgroundColor": "primary",
3480
- "spacingVertical": "1",
3481
- "spacingHorizontal": "3",
3482
- "columnGap": "1.5",
3483
- "borderWidth": "thin",
3484
- "borderRadius": "full",
3485
- "borderColor": "muted",
3486
- "borderColor:1": "transparent",
3487
- "color": "primary",
3488
- "color:1": "tertiary",
3489
- "color:2": "muted"
3558
+ "tooltipVariantIcon": "default"
3490
3559
  },
3491
3560
  "cxLiterals": [
3492
- "uds-ring",
3493
- "cursor-not-allowed",
3494
- "opacity-50",
3495
- "pointer-events-none",
3496
- "hover:bg-primary"
3561
+ "max-w-lg",
3562
+ "flex",
3563
+ "z-[9999]",
3564
+ "uds-bgBlurFillFallback",
3565
+ "uds-bgBlurFallback",
3566
+ "top-0",
3567
+ "left-0",
3568
+ "z-[1]"
3497
3569
  ],
3498
3570
  "internalComponents": [
3499
- "TextVariant",
3500
- "Radio",
3501
- "Icon",
3502
- "RadioProvider",
3503
- "HStack",
3504
- "RadioGroup",
3505
- "Pressable",
3571
+ "IconSlot",
3572
+ "TooltipArrow",
3573
+ "Tooltip",
3574
+ "SvgFloatingOverlay",
3575
+ "VStack",
3576
+ "Box",
3506
3577
  "Text"
3507
3578
  ],
3508
3579
  "internalComponentProps": {
3509
- "Icon": {
3510
- "size": [
3511
- "sm"
3512
- ],
3513
- "color": [
3514
- "current"
3515
- ],
3516
- "aria-hidden": [
3517
- "true"
3580
+ "SvgFloatingOverlay": {
3581
+ "contentOverflow": [
3582
+ "visible"
3518
3583
  ]
3519
3584
  },
3520
- "HStack": {
3521
- "spacing": [
3522
- "1"
3523
- ],
3524
- "gap": [
3525
- "1"
3526
- ],
3527
- "backgroundColor": [
3528
- "secondary"
3529
- ],
3530
- "borderRadius": [
3531
- "full"
3585
+ "VStack": {
3586
+ "className": [
3587
+ "gap-[inherit]"
3588
+ ]
3589
+ },
3590
+ "Box": {
3591
+ "alignItems": [
3592
+ "center"
3532
3593
  ],
3533
- "display": [
3534
- "inline-flex"
3594
+ "columnGap": [
3595
+ "1",
3596
+ "1.5"
3535
3597
  ]
3536
3598
  },
3537
3599
  "Text": {
3538
3600
  "color": [
3539
- "current"
3601
+ "inherit"
3540
3602
  ]
3541
3603
  }
3542
3604
  },
3543
3605
  "propToVariantKeys": {
3544
- "value": [
3545
- "key"
3546
- ],
3547
- "label": [
3548
- "aria-label"
3549
- ],
3550
- "textVariant": [
3551
- "variant"
3606
+ "startTitleIcon": [
3607
+ "icon"
3552
3608
  ]
3553
3609
  },
3554
3610
  "runtimeConfigDefaultProps": {},
@@ -3556,135 +3612,79 @@
3556
3612
  "runtimeConfigInternalComponentProps": {},
3557
3613
  "motionVarPrefixes": []
3558
3614
  },
3559
- "SwitchV2": {
3560
- "name": "SwitchV2",
3561
- "defaultProps": {
3562
- "labelPosition": "start",
3563
- "size": "md"
3564
- },
3565
- "getStylesLiterals": {
3566
- "switchVariantRoot": "default",
3567
- "switchVariantActiveRoot": "on",
3568
- "switchVariantActiveRoot:1": "off",
3569
- "switchVariantSwitch": "default",
3570
- "switchVariantActiveSwitch": "on",
3571
- "switchVariantActiveSwitch:1": "off",
3572
- "switchVariantActiveHandle": "on",
3573
- "switchVariantActiveHandle:1": "off",
3574
- "switchVariantHandle": "default",
3575
- "switchVariantHandleIcon": "default",
3576
- "switchVariantActiveHandleIcon": "on",
3577
- "switchVariantActiveHandleIcon:1": "off"
3578
- },
3579
- "cxLiterals": [
3580
- "group",
3581
- "flex",
3582
- "items-center",
3583
- "flex-row",
3584
- "flex-row-reverse",
3585
- "uds-ring",
3586
- "uds-ring-within",
3587
- "relative",
3588
- "uds-border-radius-full",
3589
- "transition-[background-color,box-shadow]",
3590
- "pointer-events-none",
3591
- "w-full",
3592
- "h-full",
3593
- "absolute",
3594
- "top-0",
3595
- "bottom-0",
3596
- "right-0",
3597
- "left-0",
3598
- "overflow-hidden",
3599
- "group-hover:scale-105",
3600
- "opacity-95",
3601
- "group-hover:opacity-100",
3602
- "transition-[transform,opacity]",
3603
- "opacity-0",
3604
- "top-1/2",
3605
- "left-1/2",
3606
- "transform",
3607
- "translate-x-[-50%]",
3608
- "translate-y-[-50%]",
3609
- "transition-opacity",
3610
- "cursor-[inherit]",
3611
- "w-[calc(100%+2px)]",
3612
- "h-[calc(100%+2px)]",
3613
- "text-start",
3614
- "text-end",
3615
- "opacity-100"
3616
- ],
3615
+ "TooltipTrigger": {
3616
+ "name": "TooltipTrigger",
3617
+ "defaultProps": {},
3618
+ "getStylesLiterals": {},
3619
+ "cxLiterals": [],
3617
3620
  "internalComponents": [
3618
- "IconSlot",
3619
- "Box",
3620
- "FormLabel",
3621
- "SpringMotionConfig",
3622
- "RootElement",
3623
- "MotionBox"
3621
+ "TooltipAnchor"
3624
3622
  ],
3625
3623
  "internalComponentProps": {
3626
- "IconSlot": {
3627
- "data-testid": [
3628
- "on-icon",
3629
- "off-icon"
3630
- ]
3631
- },
3632
- "FormLabel": {
3633
- "as": [
3634
- "div"
3635
- ],
3636
- "variant": [
3637
- "inherit"
3638
- ],
3639
- "color": [
3640
- "inherit"
3641
- ]
3642
- },
3643
- "SpringMotionConfig": {
3644
- "layoutVariant": [
3645
- "bouncy"
3646
- ],
3647
- "layoutSpeed": [
3648
- "4"
3649
- ]
3650
- },
3651
- "RootElement": {
3652
- "data-testid": [
3653
- "switch-root"
3654
- ]
3655
- },
3656
- "MotionBox": {
3657
- "layout": [
3658
- "position"
3624
+ "TooltipAnchor": {
3625
+ "className": [
3626
+ "inline"
3659
3627
  ]
3660
3628
  }
3661
3629
  },
3662
3630
  "propToVariantKeys": {
3663
- "size": [
3664
- "switchSizeRoot",
3665
- "switchSizeSwitch",
3666
- "switchSizeHandle",
3667
- "switchSizeHandleIcon"
3668
- ],
3669
- "onIcon": [
3670
- "icon"
3671
- ],
3672
- "offIcon": [
3673
- "icon"
3674
- ],
3675
- "reduceMotion": [
3676
- "reducedMotion"
3677
- ],
3678
- "isOn": [
3679
- "layoutDependency"
3631
+ "children": [
3632
+ "render"
3680
3633
  ]
3681
3634
  },
3682
3635
  "runtimeConfigDefaultProps": {},
3683
3636
  "runtimeConfigGetStyles": {},
3684
3637
  "runtimeConfigInternalComponentProps": {},
3685
- "motionVarPrefixes": [
3686
- "--uds-motion-bouncy-4-",
3687
- "--uds-motion-smooth-3-"
3688
- ]
3638
+ "motionVarPrefixes": []
3639
+ },
3640
+ "UDSTooltipConfigProvider": {
3641
+ "name": "UDSTooltipConfigProvider",
3642
+ "defaultProps": {},
3643
+ "getStylesLiterals": {},
3644
+ "cxLiterals": [],
3645
+ "internalComponents": [
3646
+ "TooltipContext.Provider"
3647
+ ],
3648
+ "internalComponentProps": {},
3649
+ "propToVariantKeys": {},
3650
+ "runtimeConfigDefaultProps": {},
3651
+ "runtimeConfigGetStyles": {},
3652
+ "runtimeConfigInternalComponentProps": {},
3653
+ "motionVarPrefixes": []
3654
+ },
3655
+ "UDSBreakpointsConfigProvider": {
3656
+ "name": "UDSBreakpointsConfigProvider",
3657
+ "defaultProps": {},
3658
+ "getStylesLiterals": {},
3659
+ "cxLiterals": [],
3660
+ "internalComponents": [
3661
+ "UDSBreakpointsConfigContext.Provider"
3662
+ ],
3663
+ "internalComponentProps": {},
3664
+ "propToVariantKeys": {},
3665
+ "runtimeConfigDefaultProps": {},
3666
+ "runtimeConfigGetStyles": {},
3667
+ "runtimeConfigInternalComponentProps": {},
3668
+ "motionVarPrefixes": []
3669
+ },
3670
+ "UDSConfigProvider": {
3671
+ "name": "UDSConfigProvider",
3672
+ "defaultProps": {},
3673
+ "getStylesLiterals": {},
3674
+ "cxLiterals": [],
3675
+ "internalComponents": [
3676
+ "UDSBreakpointsConfigProvider",
3677
+ "UDSBottomSheetConfigProvider",
3678
+ "UDSToastConfigProvider",
3679
+ "UDSTooltipConfigProvider",
3680
+ "UDSPopoverConfigProvider",
3681
+ "UDSModalConfigProvider"
3682
+ ],
3683
+ "internalComponentProps": {},
3684
+ "propToVariantKeys": {},
3685
+ "runtimeConfigDefaultProps": {},
3686
+ "runtimeConfigGetStyles": {},
3687
+ "runtimeConfigInternalComponentProps": {},
3688
+ "motionVarPrefixes": []
3689
3689
  }
3690
3690
  }