@yahoo/uds 3.140.0 → 3.142.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 (68) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/automated-config/dist/utils/index.cjs +1 -1
  4. package/dist/automated-config/dist/utils/index.js +1 -1
  5. package/dist/components/Divider/Divider.cjs +86 -5
  6. package/dist/components/Divider/Divider.d.cts +15 -4
  7. package/dist/components/Divider/Divider.d.ts +15 -4
  8. package/dist/components/Divider/Divider.js +88 -7
  9. package/dist/components/Divider/DividerLabel.cjs +30 -0
  10. package/dist/components/Divider/DividerLabel.d.cts +18 -0
  11. package/dist/components/Divider/DividerLabel.d.ts +18 -0
  12. package/dist/components/Divider/DividerLabel.js +28 -0
  13. package/dist/components/Divider/DividerLine.cjs +41 -0
  14. package/dist/components/Divider/DividerLine.d.cts +19 -0
  15. package/dist/components/Divider/DividerLine.d.ts +19 -0
  16. package/dist/components/Divider/DividerLine.js +39 -0
  17. package/dist/components/Divider/index.cjs +4 -0
  18. package/dist/components/Divider/index.d.cts +4 -1
  19. package/dist/components/Divider/index.d.ts +4 -1
  20. package/dist/components/Divider/index.js +3 -1
  21. package/dist/components/Divider/types.cjs +1 -0
  22. package/dist/components/Divider/types.d.cts +38 -0
  23. package/dist/components/Divider/types.d.ts +38 -0
  24. package/dist/components/Divider/types.js +1 -0
  25. package/dist/components/Divider/utils.cjs +33 -0
  26. package/dist/components/Divider/utils.d.cts +11 -0
  27. package/dist/components/Divider/utils.d.ts +11 -0
  28. package/dist/components/Divider/utils.js +29 -0
  29. package/dist/components/client/Menu/Menu.Divider.cjs +2 -2
  30. package/dist/components/client/Menu/Menu.Divider.js +2 -2
  31. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  32. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  33. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  34. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  35. package/dist/components/index.cjs +6 -0
  36. package/dist/components/index.d.cts +3 -1
  37. package/dist/components/index.d.ts +3 -1
  38. package/dist/components/index.js +5 -1
  39. package/dist/index.cjs +5 -1
  40. package/dist/index.d.cts +3 -1
  41. package/dist/index.d.ts +3 -1
  42. package/dist/index.js +4 -2
  43. package/dist/styles/styler.d.cts +37 -37
  44. package/dist/styles/styler.d.ts +37 -37
  45. package/dist/tailwind/dist/automated-config/dist/utils/index.cjs +1 -1
  46. package/dist/tailwind/dist/automated-config/dist/utils/index.js +1 -1
  47. package/dist/tailwind/dist/automated-config/dist/utils/index.js.map +1 -1
  48. package/dist/tokens/automation/index.cjs +1 -1
  49. package/dist/tokens/automation/index.js +1 -1
  50. package/dist/tokens/index.cjs +1 -1
  51. package/dist/tokens/index.js +1 -1
  52. package/dist/uds/generated/componentData.cjs +582 -580
  53. package/dist/uds/generated/componentData.js +579 -577
  54. package/dist/uds/generated/tailwindPurge.cjs +1688 -50
  55. package/dist/uds/generated/tailwindPurge.js +1688 -50
  56. package/dist/uds/package.cjs +1 -2
  57. package/dist/uds/package.js +1 -2
  58. package/generated/componentData.json +887 -874
  59. package/generated/tailwindPurge.ts +3 -3
  60. package/package.json +2 -3
  61. package/dist/components/Divider/DividerCore.cjs +0 -83
  62. package/dist/components/Divider/DividerCore.d.cts +0 -22
  63. package/dist/components/Divider/DividerCore.d.ts +0 -22
  64. package/dist/components/Divider/DividerCore.js +0 -81
  65. package/dist/components/Divider/DividerInternal.cjs +0 -31
  66. package/dist/components/Divider/DividerInternal.d.cts +0 -13
  67. package/dist/components/Divider/DividerInternal.d.ts +0 -13
  68. package/dist/components/Divider/DividerInternal.js +0 -29
@@ -492,85 +492,98 @@
492
492
  },
493
493
  "Divider": {
494
494
  "name": "Divider",
495
- "defaultProps": {},
496
- "getStylesLiterals": {},
497
- "cxLiterals": [],
498
- "internalComponents": [
499
- "DividerInternal"
500
- ],
501
- "internalComponentProps": {},
502
- "propToVariantKeys": {},
503
- "runtimeConfigDefaultProps": {},
504
- "runtimeConfigGetStyles": {},
505
- "runtimeConfigInternalComponentProps": {},
506
- "motionVarPrefixes": []
507
- },
508
- "DividerCore": {
509
- "name": "DividerCore",
510
495
  "defaultProps": {
496
+ "variant": "primary",
511
497
  "contentPosition": "center"
512
498
  },
513
499
  "getStylesLiterals": {},
514
- "cxLiterals": [],
500
+ "cxLiterals": [
501
+ "inherit"
502
+ ],
515
503
  "internalComponents": [
516
- "Box",
517
- "Line",
504
+ "DividerLine",
505
+ "DividerLabel",
518
506
  "InternalComponent",
519
- "Text"
507
+ "Box"
520
508
  ],
521
509
  "internalComponentProps": {
522
- "Box": {
523
- "flex": [
524
- "1",
525
- "none"
526
- ],
527
- "display": [
528
- "flex"
529
- ]
530
- },
531
510
  "InternalComponent": {
532
- "flex": [
533
- "1"
534
- ],
535
511
  "alignItems": [
536
512
  "center"
513
+ ],
514
+ "flex": [
515
+ "1"
537
516
  ]
538
517
  },
539
- "Text": {
540
- "as": [
541
- "span"
542
- ],
543
- "color": [
544
- "inherit"
518
+ "Box": {
519
+ "display": [
520
+ "flex"
545
521
  ],
546
- "variant": [
547
- "inherit"
522
+ "flex": [
523
+ "none"
548
524
  ]
549
525
  }
550
526
  },
551
- "propToVariantKeys": {},
527
+ "propToVariantKeys": {
528
+ "variant": [
529
+ "dividerVariantRoot"
530
+ ]
531
+ },
552
532
  "runtimeConfigDefaultProps": {},
553
533
  "runtimeConfigGetStyles": {},
554
534
  "runtimeConfigInternalComponentProps": {},
555
535
  "motionVarPrefixes": []
556
536
  },
557
- "DividerInternal": {
558
- "name": "DividerInternal",
537
+ "DividerLabel": {
538
+ "name": "DividerLabel",
559
539
  "defaultProps": {
560
- "variant": "primary"
540
+ "variant": "primary",
541
+ "textVariant": "inherit",
542
+ "color": "inherit",
543
+ "as": "span"
561
544
  },
562
545
  "getStylesLiterals": {},
563
546
  "cxLiterals": [
564
547
  "inherit"
565
548
  ],
566
549
  "internalComponents": [
567
- "DividerCore"
550
+ "Text"
568
551
  ],
569
552
  "internalComponentProps": {},
570
553
  "propToVariantKeys": {
571
554
  "variant": [
572
- "dividerVariantRoot",
573
- "dividerVariantLabel",
555
+ "dividerVariantLabel"
556
+ ],
557
+ "textVariant": [
558
+ "variant"
559
+ ]
560
+ },
561
+ "runtimeConfigDefaultProps": {},
562
+ "runtimeConfigGetStyles": {},
563
+ "runtimeConfigInternalComponentProps": {},
564
+ "motionVarPrefixes": []
565
+ },
566
+ "DividerLine": {
567
+ "name": "DividerLine",
568
+ "defaultProps": {
569
+ "variant": "primary"
570
+ },
571
+ "getStylesLiterals": {},
572
+ "cxLiterals": [
573
+ "inherit"
574
+ ],
575
+ "internalComponents": [
576
+ "Box"
577
+ ],
578
+ "internalComponentProps": {
579
+ "Box": {
580
+ "flex": [
581
+ "1"
582
+ ]
583
+ }
584
+ },
585
+ "propToVariantKeys": {
586
+ "variant": [
574
587
  "dividerVariantLine"
575
588
  ]
576
589
  },
@@ -579,6 +592,92 @@
579
592
  "runtimeConfigInternalComponentProps": {},
580
593
  "motionVarPrefixes": []
581
594
  },
595
+ "Spinner": {
596
+ "name": "Spinner",
597
+ "defaultProps": {
598
+ "color": "primary",
599
+ "size": "lg"
600
+ },
601
+ "getStylesLiterals": {},
602
+ "cxLiterals": [
603
+ "self-center",
604
+ "relative",
605
+ "sr-only"
606
+ ],
607
+ "internalComponents": [
608
+ "Icon"
609
+ ],
610
+ "internalComponentProps": {
611
+ "Icon": {
612
+ "role": [
613
+ "img"
614
+ ],
615
+ "className": [
616
+ "animate-spin"
617
+ ],
618
+ "aria-hidden": [
619
+ "true"
620
+ ]
621
+ }
622
+ },
623
+ "propToVariantKeys": {},
624
+ "runtimeConfigDefaultProps": {},
625
+ "runtimeConfigGetStyles": {},
626
+ "runtimeConfigInternalComponentProps": {},
627
+ "motionVarPrefixes": []
628
+ },
629
+ "Table.mocks": {
630
+ "name": "Table.mocks",
631
+ "defaultProps": {},
632
+ "getStylesLiterals": {},
633
+ "cxLiterals": [],
634
+ "internalComponents": [],
635
+ "internalComponentProps": {},
636
+ "propToVariantKeys": {},
637
+ "runtimeConfigDefaultProps": {},
638
+ "runtimeConfigGetStyles": {},
639
+ "runtimeConfigInternalComponentProps": {},
640
+ "motionVarPrefixes": []
641
+ },
642
+ "Table": {
643
+ "name": "Table",
644
+ "defaultProps": {
645
+ "display": "table-cell",
646
+ "overflow": "hidden",
647
+ "borderColor": "muted",
648
+ "borderRadius": "md",
649
+ "spacing": "3",
650
+ "borderBottomColor": "muted",
651
+ "borderBottomWidth": "thin",
652
+ "color": "primary"
653
+ },
654
+ "getStylesLiterals": {
655
+ "textAlign": "start"
656
+ },
657
+ "cxLiterals": [],
658
+ "internalComponents": [
659
+ "CellComponent",
660
+ "Box",
661
+ "Text",
662
+ "Table.Root",
663
+ "Table.Header",
664
+ "Table.Row",
665
+ "Table.Cell",
666
+ "Table.Body"
667
+ ],
668
+ "internalComponentProps": {
669
+ "Table.Cell": {
670
+ "asHeaderCell": [
671
+ "column"
672
+ ]
673
+ }
674
+ },
675
+ "propToVariantKeys": {},
676
+ "runtimeConfigDefaultProps": {},
677
+ "runtimeConfigGetStyles": {},
678
+ "runtimeConfigInternalComponentProps": {},
679
+ "motionVarPrefixes": []
680
+ },
582
681
  "AnimateHeightChange": {
583
682
  "name": "AnimateHeightChange",
584
683
  "defaultProps": {},
@@ -1080,31 +1179,83 @@
1080
1179
  "--uds-motion-smooth-3-"
1081
1180
  ]
1082
1181
  },
1083
- "Spinner": {
1084
- "name": "Spinner",
1182
+ "Accordion": {
1183
+ "name": "Accordion",
1085
1184
  "defaultProps": {
1086
- "color": "primary",
1087
- "size": "lg"
1185
+ "spacingHorizontal": "4",
1186
+ "spacingVertical": "4"
1088
1187
  },
1089
1188
  "getStylesLiterals": {},
1090
1189
  "cxLiterals": [
1091
- "self-center",
1092
- "relative",
1093
- "sr-only"
1190
+ "hover:bg-secondary/80",
1191
+ "w-full"
1094
1192
  ],
1095
1193
  "internalComponents": [
1096
- "Icon"
1194
+ "Icon",
1195
+ "SpringMotionConfig",
1196
+ "Pressable",
1197
+ "Text",
1198
+ "HStack",
1199
+ "AnimatePresence",
1200
+ "VStack"
1097
1201
  ],
1098
1202
  "internalComponentProps": {
1099
1203
  "Icon": {
1100
- "role": [
1101
- "img"
1204
+ "variant": [
1205
+ "fill"
1102
1206
  ],
1103
- "className": [
1104
- "animate-spin"
1207
+ "size": [
1208
+ "sm"
1105
1209
  ],
1106
- "aria-hidden": [
1107
- "true"
1210
+ "color": [
1211
+ "primary"
1212
+ ]
1213
+ },
1214
+ "SpringMotionConfig": {
1215
+ "layoutVariant": [
1216
+ "smooth"
1217
+ ],
1218
+ "layoutSpeed": [
1219
+ "3"
1220
+ ]
1221
+ },
1222
+ "Pressable": {
1223
+ "display": [
1224
+ "flex"
1225
+ ],
1226
+ "flexDirection": [
1227
+ "row"
1228
+ ],
1229
+ "alignItems": [
1230
+ "center"
1231
+ ],
1232
+ "justifyContent": [
1233
+ "space-between"
1234
+ ],
1235
+ "borderRadius": [
1236
+ "md"
1237
+ ]
1238
+ },
1239
+ "Text": {
1240
+ "variant": [
1241
+ "title4"
1242
+ ],
1243
+ "color": [
1244
+ "primary"
1245
+ ]
1246
+ },
1247
+ "HStack": {
1248
+ "display": [
1249
+ "flex"
1250
+ ],
1251
+ "alignItems": [
1252
+ "center"
1253
+ ],
1254
+ "justifyContent": [
1255
+ "space-between"
1256
+ ],
1257
+ "columnGap": [
1258
+ "2.5"
1108
1259
  ]
1109
1260
  }
1110
1261
  },
@@ -1112,10 +1263,12 @@
1112
1263
  "runtimeConfigDefaultProps": {},
1113
1264
  "runtimeConfigGetStyles": {},
1114
1265
  "runtimeConfigInternalComponentProps": {},
1115
- "motionVarPrefixes": []
1266
+ "motionVarPrefixes": [
1267
+ "--uds-motion-smooth-3-"
1268
+ ]
1116
1269
  },
1117
- "Table.mocks": {
1118
- "name": "Table.mocks",
1270
+ "AvoidMotionLibraryProvider": {
1271
+ "name": "AvoidMotionLibraryProvider",
1119
1272
  "defaultProps": {},
1120
1273
  "getStylesLiterals": {},
1121
1274
  "cxLiterals": [],
@@ -1127,44 +1280,224 @@
1127
1280
  "runtimeConfigInternalComponentProps": {},
1128
1281
  "motionVarPrefixes": []
1129
1282
  },
1130
- "Table": {
1131
- "name": "Table",
1283
+ "SegmentedControl": {
1284
+ "name": "SegmentedControl",
1132
1285
  "defaultProps": {
1133
- "display": "table-cell",
1134
- "overflow": "hidden",
1286
+ "textVariant": "label2"
1287
+ },
1288
+ "getStylesLiterals": {
1289
+ "display": "flex",
1290
+ "alignItems": "center",
1291
+ "backgroundColor": "primary",
1292
+ "spacingVertical": "1",
1293
+ "spacingHorizontal": "3",
1294
+ "columnGap": "1.5",
1295
+ "borderWidth": "thin",
1296
+ "borderRadius": "full",
1135
1297
  "borderColor": "muted",
1136
- "borderRadius": "md",
1137
- "spacing": "3",
1138
- "borderBottomColor": "muted",
1139
- "borderBottomWidth": "thin",
1140
- "color": "primary"
1298
+ "borderColor:1": "transparent",
1299
+ "color": "primary",
1300
+ "color:1": "tertiary",
1301
+ "color:2": "muted"
1302
+ },
1303
+ "cxLiterals": [
1304
+ "uds-ring",
1305
+ "cursor-not-allowed",
1306
+ "opacity-50",
1307
+ "pointer-events-none",
1308
+ "hover:bg-primary"
1309
+ ],
1310
+ "internalComponents": [
1311
+ "TextVariant",
1312
+ "Radio",
1313
+ "Icon",
1314
+ "RadioProvider",
1315
+ "HStack",
1316
+ "RadioGroup",
1317
+ "Pressable",
1318
+ "Text"
1319
+ ],
1320
+ "internalComponentProps": {
1321
+ "Icon": {
1322
+ "size": [
1323
+ "sm"
1324
+ ],
1325
+ "color": [
1326
+ "current"
1327
+ ],
1328
+ "aria-hidden": [
1329
+ "true"
1330
+ ]
1331
+ },
1332
+ "HStack": {
1333
+ "spacing": [
1334
+ "1"
1335
+ ],
1336
+ "gap": [
1337
+ "1"
1338
+ ],
1339
+ "backgroundColor": [
1340
+ "secondary"
1341
+ ],
1342
+ "borderRadius": [
1343
+ "full"
1344
+ ],
1345
+ "display": [
1346
+ "inline-flex"
1347
+ ]
1348
+ },
1349
+ "Text": {
1350
+ "color": [
1351
+ "current"
1352
+ ]
1353
+ }
1354
+ },
1355
+ "propToVariantKeys": {
1356
+ "value": [
1357
+ "key"
1358
+ ],
1359
+ "label": [
1360
+ "aria-label"
1361
+ ],
1362
+ "textVariant": [
1363
+ "variant"
1364
+ ]
1365
+ },
1366
+ "runtimeConfigDefaultProps": {},
1367
+ "runtimeConfigGetStyles": {},
1368
+ "runtimeConfigInternalComponentProps": {},
1369
+ "motionVarPrefixes": []
1370
+ },
1371
+ "SwitchV2": {
1372
+ "name": "SwitchV2",
1373
+ "defaultProps": {
1374
+ "labelPosition": "start",
1375
+ "size": "md"
1141
1376
  },
1142
1377
  "getStylesLiterals": {
1143
- "textAlign": "start"
1378
+ "switchVariantRoot": "default",
1379
+ "switchVariantActiveRoot": "on",
1380
+ "switchVariantActiveRoot:1": "off",
1381
+ "switchVariantSwitch": "default",
1382
+ "switchVariantActiveSwitch": "on",
1383
+ "switchVariantActiveSwitch:1": "off",
1384
+ "switchVariantActiveHandle": "on",
1385
+ "switchVariantActiveHandle:1": "off",
1386
+ "switchVariantHandle": "default",
1387
+ "switchVariantHandleIcon": "default",
1388
+ "switchVariantActiveHandleIcon": "on",
1389
+ "switchVariantActiveHandleIcon:1": "off"
1144
1390
  },
1145
- "cxLiterals": [],
1391
+ "cxLiterals": [
1392
+ "group",
1393
+ "flex",
1394
+ "items-center",
1395
+ "flex-row",
1396
+ "flex-row-reverse",
1397
+ "uds-ring",
1398
+ "uds-ring-within",
1399
+ "relative",
1400
+ "uds-border-radius-full",
1401
+ "transition-[background-color,box-shadow]",
1402
+ "pointer-events-none",
1403
+ "w-full",
1404
+ "h-full",
1405
+ "absolute",
1406
+ "top-0",
1407
+ "bottom-0",
1408
+ "right-0",
1409
+ "left-0",
1410
+ "overflow-hidden",
1411
+ "group-hover:scale-105",
1412
+ "opacity-95",
1413
+ "group-hover:opacity-100",
1414
+ "transition-[transform,opacity]",
1415
+ "opacity-0",
1416
+ "top-1/2",
1417
+ "left-1/2",
1418
+ "transform",
1419
+ "translate-x-[-50%]",
1420
+ "translate-y-[-50%]",
1421
+ "transition-opacity",
1422
+ "cursor-[inherit]",
1423
+ "w-[calc(100%+2px)]",
1424
+ "h-[calc(100%+2px)]",
1425
+ "text-start",
1426
+ "text-end",
1427
+ "opacity-100"
1428
+ ],
1146
1429
  "internalComponents": [
1147
- "CellComponent",
1430
+ "IconSlot",
1148
1431
  "Box",
1149
- "Text",
1150
- "Table.Root",
1151
- "Table.Header",
1152
- "Table.Row",
1153
- "Table.Cell",
1154
- "Table.Body"
1432
+ "FormLabel",
1433
+ "SpringMotionConfig",
1434
+ "RootElement",
1435
+ "MotionBox"
1155
1436
  ],
1156
1437
  "internalComponentProps": {
1157
- "Table.Cell": {
1158
- "asHeaderCell": [
1159
- "column"
1438
+ "IconSlot": {
1439
+ "data-testid": [
1440
+ "on-icon",
1441
+ "off-icon"
1442
+ ]
1443
+ },
1444
+ "FormLabel": {
1445
+ "as": [
1446
+ "div"
1447
+ ],
1448
+ "variant": [
1449
+ "inherit"
1450
+ ],
1451
+ "color": [
1452
+ "inherit"
1453
+ ]
1454
+ },
1455
+ "SpringMotionConfig": {
1456
+ "layoutVariant": [
1457
+ "bouncy"
1458
+ ],
1459
+ "layoutSpeed": [
1460
+ "4"
1461
+ ]
1462
+ },
1463
+ "RootElement": {
1464
+ "data-testid": [
1465
+ "switch-root"
1466
+ ]
1467
+ },
1468
+ "MotionBox": {
1469
+ "layout": [
1470
+ "position"
1160
1471
  ]
1161
1472
  }
1162
1473
  },
1163
- "propToVariantKeys": {},
1474
+ "propToVariantKeys": {
1475
+ "size": [
1476
+ "switchSizeRoot",
1477
+ "switchSizeSwitch",
1478
+ "switchSizeHandle",
1479
+ "switchSizeHandleIcon"
1480
+ ],
1481
+ "onIcon": [
1482
+ "icon"
1483
+ ],
1484
+ "offIcon": [
1485
+ "icon"
1486
+ ],
1487
+ "reduceMotion": [
1488
+ "reducedMotion"
1489
+ ],
1490
+ "isOn": [
1491
+ "layoutDependency"
1492
+ ]
1493
+ },
1164
1494
  "runtimeConfigDefaultProps": {},
1165
1495
  "runtimeConfigGetStyles": {},
1166
1496
  "runtimeConfigInternalComponentProps": {},
1167
- "motionVarPrefixes": []
1497
+ "motionVarPrefixes": [
1498
+ "--uds-motion-bouncy-4-",
1499
+ "--uds-motion-smooth-3-"
1500
+ ]
1168
1501
  },
1169
1502
  "Avatar": {
1170
1503
  "name": "Avatar",
@@ -1574,12 +1907,211 @@
1574
1907
  "runtimeConfigInternalComponentProps": {},
1575
1908
  "motionVarPrefixes": []
1576
1909
  },
1577
- "Menu.Content": {
1578
- "name": "Menu.Content",
1910
+ "Chip": {
1911
+ "name": "Chip",
1912
+ "defaultProps": {},
1913
+ "getStylesLiterals": {},
1914
+ "cxLiterals": [],
1915
+ "internalComponents": [
1916
+ "ChipDismissible",
1917
+ "ChipToggle",
1918
+ "ChipLink",
1919
+ "ChipButton"
1920
+ ],
1921
+ "internalComponentProps": {},
1922
+ "propToVariantKeys": {},
1923
+ "runtimeConfigDefaultProps": {},
1924
+ "runtimeConfigGetStyles": {},
1925
+ "runtimeConfigInternalComponentProps": {},
1926
+ "motionVarPrefixes": []
1927
+ },
1928
+ "ChipBase": {
1929
+ "name": "ChipBase",
1579
1930
  "defaultProps": {
1580
- "size": "default",
1581
- "variant": "default",
1582
- "gutter": "1"
1931
+ "size": "md",
1932
+ "as": "div"
1933
+ },
1934
+ "getStylesLiterals": {},
1935
+ "cxLiterals": [
1936
+ "pointer-events-none",
1937
+ "cursor-default",
1938
+ "opacity-50",
1939
+ "inline-flex",
1940
+ "items-center",
1941
+ "transition-[background-color,outline-color,box-shadow]",
1942
+ "truncate",
1943
+ "whitespace-nowrap",
1944
+ "text-center",
1945
+ "flex-1"
1946
+ ],
1947
+ "internalComponents": [
1948
+ "IconSlot",
1949
+ "HStack",
1950
+ "As",
1951
+ "Text"
1952
+ ],
1953
+ "internalComponentProps": {
1954
+ "Text": {
1955
+ "as": [
1956
+ "span"
1957
+ ],
1958
+ "color": [
1959
+ "current"
1960
+ ],
1961
+ "variant": [
1962
+ "inherit"
1963
+ ]
1964
+ }
1965
+ },
1966
+ "propToVariantKeys": {
1967
+ "size": [
1968
+ "chipSizeRoot",
1969
+ "chipSizeIcon"
1970
+ ],
1971
+ "startIcon": [
1972
+ "icon"
1973
+ ],
1974
+ "endIcon": [
1975
+ "icon"
1976
+ ]
1977
+ },
1978
+ "runtimeConfigDefaultProps": {},
1979
+ "runtimeConfigGetStyles": {},
1980
+ "runtimeConfigInternalComponentProps": {},
1981
+ "motionVarPrefixes": []
1982
+ },
1983
+ "ChipButton": {
1984
+ "name": "ChipButton",
1985
+ "defaultProps": {
1986
+ "variant": "primary"
1987
+ },
1988
+ "getStylesLiterals": {},
1989
+ "cxLiterals": [
1990
+ "uds-ring"
1991
+ ],
1992
+ "internalComponents": [
1993
+ "ChipBase"
1994
+ ],
1995
+ "internalComponentProps": {
1996
+ "ChipBase": {
1997
+ "as": [
1998
+ "button"
1999
+ ]
2000
+ }
2001
+ },
2002
+ "propToVariantKeys": {
2003
+ "variant": [
2004
+ "chipLinkVariantRoot",
2005
+ "chipLinkVariantIcon"
2006
+ ]
2007
+ },
2008
+ "runtimeConfigDefaultProps": {},
2009
+ "runtimeConfigGetStyles": {},
2010
+ "runtimeConfigInternalComponentProps": {},
2011
+ "motionVarPrefixes": []
2012
+ },
2013
+ "ChipDismissible": {
2014
+ "name": "ChipDismissible",
2015
+ "defaultProps": {
2016
+ "variant": "primary"
2017
+ },
2018
+ "getStylesLiterals": {},
2019
+ "cxLiterals": [
2020
+ "uds-chip-dismissible-button",
2021
+ "uds-hit-target",
2022
+ "uds-ring",
2023
+ "rounded-full"
2024
+ ],
2025
+ "internalComponents": [
2026
+ "ChipBase",
2027
+ "IconSlot",
2028
+ "Pressable"
2029
+ ],
2030
+ "internalComponentProps": {},
2031
+ "propToVariantKeys": {
2032
+ "variant": [
2033
+ "chipDismissibleVariantRoot",
2034
+ "chipDismissibleVariantIcon"
2035
+ ],
2036
+ "dismissButtonAriaLabel": [
2037
+ "aria-label"
2038
+ ]
2039
+ },
2040
+ "runtimeConfigDefaultProps": {},
2041
+ "runtimeConfigGetStyles": {},
2042
+ "runtimeConfigInternalComponentProps": {},
2043
+ "motionVarPrefixes": []
2044
+ },
2045
+ "ChipLink": {
2046
+ "name": "ChipLink",
2047
+ "defaultProps": {
2048
+ "variant": "primary"
2049
+ },
2050
+ "getStylesLiterals": {},
2051
+ "cxLiterals": [
2052
+ "uds-ring"
2053
+ ],
2054
+ "internalComponents": [
2055
+ "ChipBase"
2056
+ ],
2057
+ "internalComponentProps": {
2058
+ "ChipBase": {
2059
+ "as": [
2060
+ "a"
2061
+ ]
2062
+ }
2063
+ },
2064
+ "propToVariantKeys": {
2065
+ "variant": [
2066
+ "chipLinkVariantRoot",
2067
+ "chipLinkVariantIcon"
2068
+ ]
2069
+ },
2070
+ "runtimeConfigDefaultProps": {},
2071
+ "runtimeConfigGetStyles": {},
2072
+ "runtimeConfigInternalComponentProps": {},
2073
+ "motionVarPrefixes": []
2074
+ },
2075
+ "ChipToggle": {
2076
+ "name": "ChipToggle",
2077
+ "defaultProps": {
2078
+ "variant": "primary",
2079
+ "role": "checkbox"
2080
+ },
2081
+ "getStylesLiterals": {
2082
+ "chipToggleVariantActiveRoot": "on",
2083
+ "chipToggleVariantActiveRoot:1": "off"
2084
+ },
2085
+ "cxLiterals": [
2086
+ "uds-ring"
2087
+ ],
2088
+ "internalComponents": [
2089
+ "ChipBase"
2090
+ ],
2091
+ "internalComponentProps": {
2092
+ "ChipBase": {
2093
+ "as": [
2094
+ "button"
2095
+ ]
2096
+ }
2097
+ },
2098
+ "propToVariantKeys": {
2099
+ "variant": [
2100
+ "chipToggleVariantRoot",
2101
+ "chipToggleVariantIcon"
2102
+ ]
2103
+ },
2104
+ "runtimeConfigDefaultProps": {},
2105
+ "runtimeConfigGetStyles": {},
2106
+ "runtimeConfigInternalComponentProps": {},
2107
+ "motionVarPrefixes": []
2108
+ },
2109
+ "Menu.Content": {
2110
+ "name": "Menu.Content",
2111
+ "defaultProps": {
2112
+ "size": "default",
2113
+ "variant": "default",
2114
+ "gutter": "1"
1583
2115
  },
1584
2116
  "getStylesLiterals": {},
1585
2117
  "cxLiterals": [
@@ -1628,10 +2160,10 @@
1628
2160
  },
1629
2161
  "cxLiterals": [],
1630
2162
  "internalComponents": [
1631
- "DividerInternal"
2163
+ "Divider"
1632
2164
  ],
1633
2165
  "internalComponentProps": {
1634
- "DividerInternal": {
2166
+ "Divider": {
1635
2167
  "variant": [
1636
2168
  "inherit"
1637
2169
  ]
@@ -1845,250 +2377,51 @@
1845
2377
  "runtimeConfigInternalComponentProps": {},
1846
2378
  "motionVarPrefixes": []
1847
2379
  },
1848
- "Chip": {
1849
- "name": "Chip",
1850
- "defaultProps": {},
1851
- "getStylesLiterals": {},
1852
- "cxLiterals": [],
1853
- "internalComponents": [
1854
- "ChipDismissible",
1855
- "ChipToggle",
1856
- "ChipLink",
1857
- "ChipButton"
1858
- ],
1859
- "internalComponentProps": {},
1860
- "propToVariantKeys": {},
1861
- "runtimeConfigDefaultProps": {},
1862
- "runtimeConfigGetStyles": {},
1863
- "runtimeConfigInternalComponentProps": {},
1864
- "motionVarPrefixes": []
1865
- },
1866
- "ChipBase": {
1867
- "name": "ChipBase",
2380
+ "Modal": {
2381
+ "name": "Modal",
1868
2382
  "defaultProps": {
1869
- "size": "md",
1870
- "as": "div"
2383
+ "closeAriaLabel": "Close",
2384
+ "maxWidth": "auto",
2385
+ "maxHeight": "auto",
2386
+ "scrollBehavior": "outside"
2387
+ },
2388
+ "getStylesLiterals": {
2389
+ "flexDirection": "row-reverse",
2390
+ "justifyContent": "space-between",
2391
+ "alignItems": "flex-end",
2392
+ "alignItems:1": "flex-start",
2393
+ "borderRadius": "full"
1871
2394
  },
1872
- "getStylesLiterals": {},
1873
2395
  "cxLiterals": [
2396
+ "fixed",
2397
+ "inset-0",
2398
+ "z-40",
2399
+ "overflow-y-auto",
2400
+ "overflow-hidden",
2401
+ "transition-[opacity,visibility]",
2402
+ "visible",
2403
+ "opacity-100",
2404
+ "invisible",
2405
+ "opacity-0",
1874
2406
  "pointer-events-none",
1875
- "cursor-default",
1876
- "opacity-50",
1877
- "inline-flex",
1878
- "items-center",
1879
- "transition-[background-color,outline-color,box-shadow]",
1880
- "truncate",
1881
- "whitespace-nowrap",
1882
- "text-center",
1883
- "flex-1"
1884
- ],
1885
- "internalComponents": [
1886
- "IconSlot",
1887
- "HStack",
1888
- "As",
1889
- "Text"
1890
- ],
1891
- "internalComponentProps": {
1892
- "Text": {
1893
- "as": [
1894
- "span"
1895
- ],
1896
- "color": [
1897
- "current"
1898
- ],
1899
- "variant": [
1900
- "inherit"
1901
- ]
1902
- }
1903
- },
1904
- "propToVariantKeys": {
1905
- "size": [
1906
- "chipSizeRoot",
1907
- "chipSizeIcon"
1908
- ],
1909
- "startIcon": [
1910
- "icon"
1911
- ],
1912
- "endIcon": [
1913
- "icon"
1914
- ]
1915
- },
1916
- "runtimeConfigDefaultProps": {},
1917
- "runtimeConfigGetStyles": {},
1918
- "runtimeConfigInternalComponentProps": {},
1919
- "motionVarPrefixes": []
1920
- },
1921
- "ChipButton": {
1922
- "name": "ChipButton",
1923
- "defaultProps": {
1924
- "variant": "primary"
1925
- },
1926
- "getStylesLiterals": {},
1927
- "cxLiterals": [
1928
- "uds-ring"
1929
- ],
1930
- "internalComponents": [
1931
- "ChipBase"
1932
- ],
1933
- "internalComponentProps": {
1934
- "ChipBase": {
1935
- "as": [
1936
- "button"
1937
- ]
1938
- }
1939
- },
1940
- "propToVariantKeys": {
1941
- "variant": [
1942
- "chipLinkVariantRoot",
1943
- "chipLinkVariantIcon"
1944
- ]
1945
- },
1946
- "runtimeConfigDefaultProps": {},
1947
- "runtimeConfigGetStyles": {},
1948
- "runtimeConfigInternalComponentProps": {},
1949
- "motionVarPrefixes": []
1950
- },
1951
- "ChipDismissible": {
1952
- "name": "ChipDismissible",
1953
- "defaultProps": {
1954
- "variant": "primary"
1955
- },
1956
- "getStylesLiterals": {},
1957
- "cxLiterals": [
1958
- "uds-chip-dismissible-button",
1959
- "uds-hit-target",
1960
- "uds-ring",
1961
- "rounded-full"
1962
- ],
1963
- "internalComponents": [
1964
- "ChipBase",
1965
- "IconSlot",
1966
- "Pressable"
1967
- ],
1968
- "internalComponentProps": {},
1969
- "propToVariantKeys": {
1970
- "variant": [
1971
- "chipDismissibleVariantRoot",
1972
- "chipDismissibleVariantIcon"
1973
- ],
1974
- "dismissButtonAriaLabel": [
1975
- "aria-label"
1976
- ]
1977
- },
1978
- "runtimeConfigDefaultProps": {},
1979
- "runtimeConfigGetStyles": {},
1980
- "runtimeConfigInternalComponentProps": {},
1981
- "motionVarPrefixes": []
1982
- },
1983
- "ChipLink": {
1984
- "name": "ChipLink",
1985
- "defaultProps": {
1986
- "variant": "primary"
1987
- },
1988
- "getStylesLiterals": {},
1989
- "cxLiterals": [
1990
- "uds-ring"
1991
- ],
1992
- "internalComponents": [
1993
- "ChipBase"
1994
- ],
1995
- "internalComponentProps": {
1996
- "ChipBase": {
1997
- "as": [
1998
- "a"
1999
- ]
2000
- }
2001
- },
2002
- "propToVariantKeys": {
2003
- "variant": [
2004
- "chipLinkVariantRoot",
2005
- "chipLinkVariantIcon"
2006
- ]
2007
- },
2008
- "runtimeConfigDefaultProps": {},
2009
- "runtimeConfigGetStyles": {},
2010
- "runtimeConfigInternalComponentProps": {},
2011
- "motionVarPrefixes": []
2012
- },
2013
- "ChipToggle": {
2014
- "name": "ChipToggle",
2015
- "defaultProps": {
2016
- "variant": "primary",
2017
- "role": "checkbox"
2018
- },
2019
- "getStylesLiterals": {
2020
- "chipToggleVariantActiveRoot": "on",
2021
- "chipToggleVariantActiveRoot:1": "off"
2022
- },
2023
- "cxLiterals": [
2024
- "uds-ring"
2025
- ],
2026
- "internalComponents": [
2027
- "ChipBase"
2028
- ],
2029
- "internalComponentProps": {
2030
- "ChipBase": {
2031
- "as": [
2032
- "button"
2033
- ]
2034
- }
2035
- },
2036
- "propToVariantKeys": {
2037
- "variant": [
2038
- "chipToggleVariantRoot",
2039
- "chipToggleVariantIcon"
2040
- ]
2041
- },
2042
- "runtimeConfigDefaultProps": {},
2043
- "runtimeConfigGetStyles": {},
2044
- "runtimeConfigInternalComponentProps": {},
2045
- "motionVarPrefixes": []
2046
- },
2047
- "Modal": {
2048
- "name": "Modal",
2049
- "defaultProps": {
2050
- "closeAriaLabel": "Close",
2051
- "maxWidth": "auto",
2052
- "maxHeight": "auto",
2053
- "scrollBehavior": "outside"
2054
- },
2055
- "getStylesLiterals": {
2056
- "flexDirection": "row-reverse",
2057
- "justifyContent": "space-between",
2058
- "alignItems": "flex-end",
2059
- "alignItems:1": "flex-start",
2060
- "borderRadius": "full"
2061
- },
2062
- "cxLiterals": [
2063
- "fixed",
2064
- "inset-0",
2065
- "z-40",
2066
- "overflow-y-auto",
2067
- "overflow-hidden",
2068
- "transition-[opacity,visibility]",
2069
- "visible",
2070
- "opacity-100",
2071
- "invisible",
2072
- "opacity-0",
2073
- "pointer-events-none",
2074
- "uds-bgBlurFallback",
2075
- "w-full",
2076
- "w-fit",
2077
- "h-full",
2078
- "h-fit",
2079
- "m-auto",
2080
- "pointer-events-auto",
2081
- "inside",
2082
- "max-h-full",
2083
- "transition-transform",
2084
- "duration-0",
2085
- "duration-120",
2086
- "transition-[background-color]",
2087
- "bg-carbon-15/0",
2088
- "hover:bg-carbon-15/10",
2089
- "active:bg-carbon-15/15",
2090
- "uds-ring",
2091
- "[translate:50%_-50%]"
2407
+ "uds-bgBlurFallback",
2408
+ "w-full",
2409
+ "w-fit",
2410
+ "h-full",
2411
+ "h-fit",
2412
+ "m-auto",
2413
+ "pointer-events-auto",
2414
+ "inside",
2415
+ "max-h-full",
2416
+ "transition-transform",
2417
+ "duration-0",
2418
+ "duration-120",
2419
+ "transition-[background-color]",
2420
+ "bg-carbon-15/0",
2421
+ "hover:bg-carbon-15/10",
2422
+ "active:bg-carbon-15/15",
2423
+ "uds-ring",
2424
+ "[translate:50%_-50%]"
2092
2425
  ],
2093
2426
  "internalComponents": [
2094
2427
  "Scrim",
@@ -2690,193 +3023,25 @@
2690
3023
  "runtimeConfigInternalComponentProps": {},
2691
3024
  "motionVarPrefixes": []
2692
3025
  },
2693
- "Tab": {
2694
- "name": "Tab",
3026
+ "Radio": {
3027
+ "name": "Radio",
2695
3028
  "defaultProps": {
2696
- "variant": "primary"
3029
+ "labelPosition": "start",
3030
+ "variant": "primary",
3031
+ "size": "md",
3032
+ "value": ""
2697
3033
  },
2698
3034
  "getStylesLiterals": {
2699
- "tabSizeRoot": "default",
2700
- "tabVariantActiveRoot": "off",
2701
- "tabVariantActiveRoot:1": "on",
2702
- "tabSizeIcon": "default"
2703
- },
2704
- "cxLiterals": [
2705
- "pointer-events-none",
2706
- "absolute",
2707
- "bottom-0",
2708
- "left-0",
2709
- "right-0",
2710
- "h-[var(--uds-tab-underline-width,0px)]",
2711
- "bg-[var(--uds-tab-underline-color,transparent)]",
2712
- "transition-[height,background-color]",
2713
- "duration-[240ms]",
2714
- "ease-[cubic-bezier(0.2,0,0,1)]",
2715
- "!bg-transparent",
2716
- "!shadow-none",
2717
- "inline-flex",
2718
- "items-center",
2719
- "shrink-0",
2720
- "box-border",
2721
- "relative",
2722
- "z-[1]",
2723
- "cursor-pointer",
2724
- "select-none",
2725
- "whitespace-nowrap",
2726
- "uds-ring",
2727
- "opacity-50",
2728
- "cursor-default",
2729
- "border-solid",
2730
- "border-b-solid",
2731
- "transition-colors"
2732
- ],
2733
- "internalComponents": [
2734
- "IconSlot",
2735
- "AriakitTab",
2736
- "Text"
2737
- ],
2738
- "internalComponentProps": {
2739
- "Text": {
2740
- "variant": [
2741
- "inherit"
2742
- ],
2743
- "as": [
2744
- "span"
2745
- ],
2746
- "color": [
2747
- "current"
2748
- ]
2749
- }
2750
- },
2751
- "propToVariantKeys": {
2752
- "variant": [
2753
- "tabVariantRoot",
2754
- "tabVariantIcon"
2755
- ],
2756
- "activeState": [
2757
- "tabVariantActiveIcon"
2758
- ],
2759
- "startIcon": [
2760
- "icon"
2761
- ],
2762
- "endIcon": [
2763
- "icon"
2764
- ]
2765
- },
2766
- "runtimeConfigDefaultProps": {},
2767
- "runtimeConfigGetStyles": {},
2768
- "runtimeConfigInternalComponentProps": {},
2769
- "motionVarPrefixes": []
2770
- },
2771
- "TabList": {
2772
- "name": "TabList",
2773
- "defaultProps": {
2774
- "variant": "primary"
2775
- },
2776
- "getStylesLiterals": {
2777
- "tabSizeRoot": "default",
2778
- "tabVariantActiveRoot": "on"
2779
- },
2780
- "cxLiterals": [
2781
- "pointer-events-none",
2782
- "absolute",
2783
- "bottom-0",
2784
- "left-0",
2785
- "right-0",
2786
- "h-[var(--uds-tab-underline-width,0px)]",
2787
- "bg-[var(--uds-tab-underline-color,transparent)]",
2788
- "transition-[height,background-color]",
2789
- "duration-[240ms]",
2790
- "ease-[cubic-bezier(0.2,0,0,1)]",
2791
- "!m-0",
2792
- "!p-0",
2793
- "!gap-0",
2794
- "box-border",
2795
- "z-0",
2796
- "min-w-0",
2797
- "min-h-0",
2798
- "flex",
2799
- "flex-row",
2800
- "items-center",
2801
- "overflow-x-auto",
2802
- "overflow-y-clip",
2803
- "scrollbar-none",
2804
- "[overflow-clip-margin:6px]",
2805
- "overflow-clip",
2806
- "[overflow-clip-margin:8px]",
2807
- "relative"
2808
- ],
2809
- "internalComponents": [
2810
- "AriakitTabList"
2811
- ],
2812
- "internalComponentProps": {},
2813
- "propToVariantKeys": {
2814
- "variant": [
2815
- "tabsVariantRoot",
2816
- "tabVariantRoot"
2817
- ]
2818
- },
2819
- "runtimeConfigDefaultProps": {},
2820
- "runtimeConfigGetStyles": {},
2821
- "runtimeConfigInternalComponentProps": {},
2822
- "motionVarPrefixes": []
2823
- },
2824
- "TabPanel": {
2825
- "name": "TabPanel",
2826
- "defaultProps": {},
2827
- "getStylesLiterals": {},
2828
- "cxLiterals": [],
2829
- "internalComponents": [
2830
- "AriakitTabPanel"
2831
- ],
2832
- "internalComponentProps": {},
2833
- "propToVariantKeys": {},
2834
- "runtimeConfigDefaultProps": {},
2835
- "runtimeConfigGetStyles": {},
2836
- "runtimeConfigInternalComponentProps": {},
2837
- "motionVarPrefixes": []
2838
- },
2839
- "Tabs": {
2840
- "name": "Tabs",
2841
- "defaultProps": {
2842
- "variant": "primary"
2843
- },
2844
- "getStylesLiterals": {},
2845
- "cxLiterals": [],
2846
- "internalComponents": [
2847
- "TabsContext.Provider",
2848
- "TabProvider"
2849
- ],
2850
- "internalComponentProps": {},
2851
- "propToVariantKeys": {
2852
- "onSelectionChange": [
2853
- "setSelectedId"
2854
- ]
2855
- },
2856
- "runtimeConfigDefaultProps": {},
2857
- "runtimeConfigGetStyles": {},
2858
- "runtimeConfigInternalComponentProps": {},
2859
- "motionVarPrefixes": []
2860
- },
2861
- "Radio": {
2862
- "name": "Radio",
2863
- "defaultProps": {
2864
- "labelPosition": "start",
2865
- "variant": "primary",
2866
- "size": "md",
2867
- "value": ""
2868
- },
2869
- "getStylesLiterals": {
2870
- "radioVariantValueRoot": "checked",
2871
- "radioVariantValueRoot:1": "unchecked",
2872
- "display": "flex",
2873
- "flexDirection": "row",
2874
- "flexDirection:1": "row-reverse",
2875
- "alignItems": "center",
2876
- "radioVariantValueRadio": "checked",
2877
- "radioVariantValueRadio:1": "unchecked",
2878
- "radioVariantValueRadioCircle": "checked",
2879
- "radioVariantValueRadioCircle:1": "unchecked"
3035
+ "radioVariantValueRoot": "checked",
3036
+ "radioVariantValueRoot:1": "unchecked",
3037
+ "display": "flex",
3038
+ "flexDirection": "row",
3039
+ "flexDirection:1": "row-reverse",
3040
+ "alignItems": "center",
3041
+ "radioVariantValueRadio": "checked",
3042
+ "radioVariantValueRadio:1": "unchecked",
3043
+ "radioVariantValueRadioCircle": "checked",
3044
+ "radioVariantValueRadioCircle:1": "unchecked"
2880
3045
  },
2881
3046
  "cxLiterals": [
2882
3047
  "cursor-pointer",
@@ -3009,58 +3174,226 @@
3009
3174
  "runtimeConfigInternalComponentProps": {},
3010
3175
  "motionVarPrefixes": []
3011
3176
  },
3012
- "Toast": {
3013
- "name": "Toast",
3014
- "defaultProps": {},
3177
+ "Tab": {
3178
+ "name": "Tab",
3179
+ "defaultProps": {
3180
+ "variant": "primary"
3181
+ },
3015
3182
  "getStylesLiterals": {
3016
- "className": "animate-spin",
3017
- "className:1": "flex-none",
3018
- "spacing": "2",
3019
- "borderRadius": "full"
3183
+ "tabSizeRoot": "default",
3184
+ "tabVariantActiveRoot": "off",
3185
+ "tabVariantActiveRoot:1": "on",
3186
+ "tabSizeIcon": "default"
3020
3187
  },
3021
3188
  "cxLiterals": [
3022
- "duration-0",
3023
- "duration-120",
3024
- "transition-[background-color]",
3025
- "bg-carbon-15/0",
3026
- "hover:bg-carbon-15/10",
3027
- "active:bg-carbon-15/15",
3028
- "uds-ring"
3189
+ "pointer-events-none",
3190
+ "absolute",
3191
+ "bottom-0",
3192
+ "left-0",
3193
+ "right-0",
3194
+ "h-[var(--uds-tab-underline-width,0px)]",
3195
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3196
+ "transition-[height,background-color]",
3197
+ "duration-[240ms]",
3198
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3199
+ "!bg-transparent",
3200
+ "!shadow-none",
3201
+ "inline-flex",
3202
+ "items-center",
3203
+ "shrink-0",
3204
+ "box-border",
3205
+ "relative",
3206
+ "z-[1]",
3207
+ "cursor-pointer",
3208
+ "select-none",
3209
+ "whitespace-nowrap",
3210
+ "uds-ring",
3211
+ "opacity-50",
3212
+ "cursor-default",
3213
+ "border-solid",
3214
+ "border-b-solid",
3215
+ "transition-colors"
3029
3216
  ],
3030
3217
  "internalComponents": [
3031
3218
  "IconSlot",
3032
- "ToastContainer",
3033
- "Text",
3034
- "Button",
3035
- "Pressable"
3219
+ "AriakitTab",
3220
+ "Text"
3036
3221
  ],
3037
- "internalComponentProps": {},
3222
+ "internalComponentProps": {
3223
+ "Text": {
3224
+ "variant": [
3225
+ "inherit"
3226
+ ],
3227
+ "as": [
3228
+ "span"
3229
+ ],
3230
+ "color": [
3231
+ "current"
3232
+ ]
3233
+ }
3234
+ },
3038
3235
  "propToVariantKeys": {
3039
- "size": [
3040
- "toastSizeLabel",
3041
- "toastSizeIcon",
3042
- "toastSizeActionButton",
3043
- "toastSizeCloseIcon"
3044
- ],
3045
3236
  "variant": [
3046
- "toastVariantIcon",
3047
- "toastVariantActionButton",
3048
- "toastVariantCloseIcon"
3237
+ "tabVariantRoot",
3238
+ "tabVariantIcon"
3049
3239
  ],
3050
- "closeIcon": [
3240
+ "activeState": [
3241
+ "tabVariantActiveIcon"
3242
+ ],
3243
+ "startIcon": [
3051
3244
  "icon"
3052
3245
  ],
3053
- "onClickActionButton": [
3054
- "onClick"
3246
+ "endIcon": [
3247
+ "icon"
3055
3248
  ]
3056
3249
  },
3057
- "runtimeConfigDefaultProps": {
3058
- "size": "toast.defaultSize",
3059
- "variant": "toast.defaultVariant"
3250
+ "runtimeConfigDefaultProps": {},
3251
+ "runtimeConfigGetStyles": {},
3252
+ "runtimeConfigInternalComponentProps": {},
3253
+ "motionVarPrefixes": []
3254
+ },
3255
+ "TabList": {
3256
+ "name": "TabList",
3257
+ "defaultProps": {
3258
+ "variant": "primary"
3060
3259
  },
3061
- "runtimeConfigGetStyles": {
3062
- "toastSizeLabel": [
3063
- "toast.defaultSize"
3260
+ "getStylesLiterals": {
3261
+ "tabSizeRoot": "default",
3262
+ "tabVariantActiveRoot": "on"
3263
+ },
3264
+ "cxLiterals": [
3265
+ "pointer-events-none",
3266
+ "absolute",
3267
+ "bottom-0",
3268
+ "left-0",
3269
+ "right-0",
3270
+ "h-[var(--uds-tab-underline-width,0px)]",
3271
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3272
+ "transition-[height,background-color]",
3273
+ "duration-[240ms]",
3274
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3275
+ "!m-0",
3276
+ "!p-0",
3277
+ "!gap-0",
3278
+ "box-border",
3279
+ "z-0",
3280
+ "min-w-0",
3281
+ "min-h-0",
3282
+ "flex",
3283
+ "flex-row",
3284
+ "items-center",
3285
+ "overflow-x-auto",
3286
+ "overflow-y-clip",
3287
+ "scrollbar-none",
3288
+ "[overflow-clip-margin:6px]",
3289
+ "overflow-clip",
3290
+ "[overflow-clip-margin:8px]",
3291
+ "relative"
3292
+ ],
3293
+ "internalComponents": [
3294
+ "AriakitTabList"
3295
+ ],
3296
+ "internalComponentProps": {},
3297
+ "propToVariantKeys": {
3298
+ "variant": [
3299
+ "tabsVariantRoot",
3300
+ "tabVariantRoot"
3301
+ ]
3302
+ },
3303
+ "runtimeConfigDefaultProps": {},
3304
+ "runtimeConfigGetStyles": {},
3305
+ "runtimeConfigInternalComponentProps": {},
3306
+ "motionVarPrefixes": []
3307
+ },
3308
+ "TabPanel": {
3309
+ "name": "TabPanel",
3310
+ "defaultProps": {},
3311
+ "getStylesLiterals": {},
3312
+ "cxLiterals": [],
3313
+ "internalComponents": [
3314
+ "AriakitTabPanel"
3315
+ ],
3316
+ "internalComponentProps": {},
3317
+ "propToVariantKeys": {},
3318
+ "runtimeConfigDefaultProps": {},
3319
+ "runtimeConfigGetStyles": {},
3320
+ "runtimeConfigInternalComponentProps": {},
3321
+ "motionVarPrefixes": []
3322
+ },
3323
+ "Tabs": {
3324
+ "name": "Tabs",
3325
+ "defaultProps": {
3326
+ "variant": "primary"
3327
+ },
3328
+ "getStylesLiterals": {},
3329
+ "cxLiterals": [],
3330
+ "internalComponents": [
3331
+ "TabsContext.Provider",
3332
+ "TabProvider"
3333
+ ],
3334
+ "internalComponentProps": {},
3335
+ "propToVariantKeys": {
3336
+ "onSelectionChange": [
3337
+ "setSelectedId"
3338
+ ]
3339
+ },
3340
+ "runtimeConfigDefaultProps": {},
3341
+ "runtimeConfigGetStyles": {},
3342
+ "runtimeConfigInternalComponentProps": {},
3343
+ "motionVarPrefixes": []
3344
+ },
3345
+ "Toast": {
3346
+ "name": "Toast",
3347
+ "defaultProps": {},
3348
+ "getStylesLiterals": {
3349
+ "className": "animate-spin",
3350
+ "className:1": "flex-none",
3351
+ "spacing": "2",
3352
+ "borderRadius": "full"
3353
+ },
3354
+ "cxLiterals": [
3355
+ "duration-0",
3356
+ "duration-120",
3357
+ "transition-[background-color]",
3358
+ "bg-carbon-15/0",
3359
+ "hover:bg-carbon-15/10",
3360
+ "active:bg-carbon-15/15",
3361
+ "uds-ring"
3362
+ ],
3363
+ "internalComponents": [
3364
+ "IconSlot",
3365
+ "ToastContainer",
3366
+ "Text",
3367
+ "Button",
3368
+ "Pressable"
3369
+ ],
3370
+ "internalComponentProps": {},
3371
+ "propToVariantKeys": {
3372
+ "size": [
3373
+ "toastSizeLabel",
3374
+ "toastSizeIcon",
3375
+ "toastSizeActionButton",
3376
+ "toastSizeCloseIcon"
3377
+ ],
3378
+ "variant": [
3379
+ "toastVariantIcon",
3380
+ "toastVariantActionButton",
3381
+ "toastVariantCloseIcon"
3382
+ ],
3383
+ "closeIcon": [
3384
+ "icon"
3385
+ ],
3386
+ "onClickActionButton": [
3387
+ "onClick"
3388
+ ]
3389
+ },
3390
+ "runtimeConfigDefaultProps": {
3391
+ "size": "toast.defaultSize",
3392
+ "variant": "toast.defaultVariant"
3393
+ },
3394
+ "runtimeConfigGetStyles": {
3395
+ "toastSizeLabel": [
3396
+ "toast.defaultSize"
3064
3397
  ],
3065
3398
  "toastVariantIcon": [
3066
3399
  "toast.defaultVariant"
@@ -3377,325 +3710,5 @@
3377
3710
  "runtimeConfigGetStyles": {},
3378
3711
  "runtimeConfigInternalComponentProps": {},
3379
3712
  "motionVarPrefixes": []
3380
- },
3381
- "Accordion": {
3382
- "name": "Accordion",
3383
- "defaultProps": {
3384
- "spacingHorizontal": "4",
3385
- "spacingVertical": "4"
3386
- },
3387
- "getStylesLiterals": {},
3388
- "cxLiterals": [
3389
- "hover:bg-secondary/80",
3390
- "w-full"
3391
- ],
3392
- "internalComponents": [
3393
- "Icon",
3394
- "SpringMotionConfig",
3395
- "Pressable",
3396
- "Text",
3397
- "HStack",
3398
- "AnimatePresence",
3399
- "VStack"
3400
- ],
3401
- "internalComponentProps": {
3402
- "Icon": {
3403
- "variant": [
3404
- "fill"
3405
- ],
3406
- "size": [
3407
- "sm"
3408
- ],
3409
- "color": [
3410
- "primary"
3411
- ]
3412
- },
3413
- "SpringMotionConfig": {
3414
- "layoutVariant": [
3415
- "smooth"
3416
- ],
3417
- "layoutSpeed": [
3418
- "3"
3419
- ]
3420
- },
3421
- "Pressable": {
3422
- "display": [
3423
- "flex"
3424
- ],
3425
- "flexDirection": [
3426
- "row"
3427
- ],
3428
- "alignItems": [
3429
- "center"
3430
- ],
3431
- "justifyContent": [
3432
- "space-between"
3433
- ],
3434
- "borderRadius": [
3435
- "md"
3436
- ]
3437
- },
3438
- "Text": {
3439
- "variant": [
3440
- "title4"
3441
- ],
3442
- "color": [
3443
- "primary"
3444
- ]
3445
- },
3446
- "HStack": {
3447
- "display": [
3448
- "flex"
3449
- ],
3450
- "alignItems": [
3451
- "center"
3452
- ],
3453
- "justifyContent": [
3454
- "space-between"
3455
- ],
3456
- "columnGap": [
3457
- "2.5"
3458
- ]
3459
- }
3460
- },
3461
- "propToVariantKeys": {},
3462
- "runtimeConfigDefaultProps": {},
3463
- "runtimeConfigGetStyles": {},
3464
- "runtimeConfigInternalComponentProps": {},
3465
- "motionVarPrefixes": [
3466
- "--uds-motion-smooth-3-"
3467
- ]
3468
- },
3469
- "AvoidMotionLibraryProvider": {
3470
- "name": "AvoidMotionLibraryProvider",
3471
- "defaultProps": {},
3472
- "getStylesLiterals": {},
3473
- "cxLiterals": [],
3474
- "internalComponents": [],
3475
- "internalComponentProps": {},
3476
- "propToVariantKeys": {},
3477
- "runtimeConfigDefaultProps": {},
3478
- "runtimeConfigGetStyles": {},
3479
- "runtimeConfigInternalComponentProps": {},
3480
- "motionVarPrefixes": []
3481
- },
3482
- "SegmentedControl": {
3483
- "name": "SegmentedControl",
3484
- "defaultProps": {
3485
- "textVariant": "label2"
3486
- },
3487
- "getStylesLiterals": {
3488
- "display": "flex",
3489
- "alignItems": "center",
3490
- "backgroundColor": "primary",
3491
- "spacingVertical": "1",
3492
- "spacingHorizontal": "3",
3493
- "columnGap": "1.5",
3494
- "borderWidth": "thin",
3495
- "borderRadius": "full",
3496
- "borderColor": "muted",
3497
- "borderColor:1": "transparent",
3498
- "color": "primary",
3499
- "color:1": "tertiary",
3500
- "color:2": "muted"
3501
- },
3502
- "cxLiterals": [
3503
- "uds-ring",
3504
- "cursor-not-allowed",
3505
- "opacity-50",
3506
- "pointer-events-none",
3507
- "hover:bg-primary"
3508
- ],
3509
- "internalComponents": [
3510
- "TextVariant",
3511
- "Radio",
3512
- "Icon",
3513
- "RadioProvider",
3514
- "HStack",
3515
- "RadioGroup",
3516
- "Pressable",
3517
- "Text"
3518
- ],
3519
- "internalComponentProps": {
3520
- "Icon": {
3521
- "size": [
3522
- "sm"
3523
- ],
3524
- "color": [
3525
- "current"
3526
- ],
3527
- "aria-hidden": [
3528
- "true"
3529
- ]
3530
- },
3531
- "HStack": {
3532
- "spacing": [
3533
- "1"
3534
- ],
3535
- "gap": [
3536
- "1"
3537
- ],
3538
- "backgroundColor": [
3539
- "secondary"
3540
- ],
3541
- "borderRadius": [
3542
- "full"
3543
- ],
3544
- "display": [
3545
- "inline-flex"
3546
- ]
3547
- },
3548
- "Text": {
3549
- "color": [
3550
- "current"
3551
- ]
3552
- }
3553
- },
3554
- "propToVariantKeys": {
3555
- "value": [
3556
- "key"
3557
- ],
3558
- "label": [
3559
- "aria-label"
3560
- ],
3561
- "textVariant": [
3562
- "variant"
3563
- ]
3564
- },
3565
- "runtimeConfigDefaultProps": {},
3566
- "runtimeConfigGetStyles": {},
3567
- "runtimeConfigInternalComponentProps": {},
3568
- "motionVarPrefixes": []
3569
- },
3570
- "SwitchV2": {
3571
- "name": "SwitchV2",
3572
- "defaultProps": {
3573
- "labelPosition": "start",
3574
- "size": "md"
3575
- },
3576
- "getStylesLiterals": {
3577
- "switchVariantRoot": "default",
3578
- "switchVariantActiveRoot": "on",
3579
- "switchVariantActiveRoot:1": "off",
3580
- "switchVariantSwitch": "default",
3581
- "switchVariantActiveSwitch": "on",
3582
- "switchVariantActiveSwitch:1": "off",
3583
- "switchVariantActiveHandle": "on",
3584
- "switchVariantActiveHandle:1": "off",
3585
- "switchVariantHandle": "default",
3586
- "switchVariantHandleIcon": "default",
3587
- "switchVariantActiveHandleIcon": "on",
3588
- "switchVariantActiveHandleIcon:1": "off"
3589
- },
3590
- "cxLiterals": [
3591
- "group",
3592
- "flex",
3593
- "items-center",
3594
- "flex-row",
3595
- "flex-row-reverse",
3596
- "uds-ring",
3597
- "uds-ring-within",
3598
- "relative",
3599
- "uds-border-radius-full",
3600
- "transition-[background-color,box-shadow]",
3601
- "pointer-events-none",
3602
- "w-full",
3603
- "h-full",
3604
- "absolute",
3605
- "top-0",
3606
- "bottom-0",
3607
- "right-0",
3608
- "left-0",
3609
- "overflow-hidden",
3610
- "group-hover:scale-105",
3611
- "opacity-95",
3612
- "group-hover:opacity-100",
3613
- "transition-[transform,opacity]",
3614
- "opacity-0",
3615
- "top-1/2",
3616
- "left-1/2",
3617
- "transform",
3618
- "translate-x-[-50%]",
3619
- "translate-y-[-50%]",
3620
- "transition-opacity",
3621
- "cursor-[inherit]",
3622
- "w-[calc(100%+2px)]",
3623
- "h-[calc(100%+2px)]",
3624
- "text-start",
3625
- "text-end",
3626
- "opacity-100"
3627
- ],
3628
- "internalComponents": [
3629
- "IconSlot",
3630
- "Box",
3631
- "FormLabel",
3632
- "SpringMotionConfig",
3633
- "RootElement",
3634
- "MotionBox"
3635
- ],
3636
- "internalComponentProps": {
3637
- "IconSlot": {
3638
- "data-testid": [
3639
- "on-icon",
3640
- "off-icon"
3641
- ]
3642
- },
3643
- "FormLabel": {
3644
- "as": [
3645
- "div"
3646
- ],
3647
- "variant": [
3648
- "inherit"
3649
- ],
3650
- "color": [
3651
- "inherit"
3652
- ]
3653
- },
3654
- "SpringMotionConfig": {
3655
- "layoutVariant": [
3656
- "bouncy"
3657
- ],
3658
- "layoutSpeed": [
3659
- "4"
3660
- ]
3661
- },
3662
- "RootElement": {
3663
- "data-testid": [
3664
- "switch-root"
3665
- ]
3666
- },
3667
- "MotionBox": {
3668
- "layout": [
3669
- "position"
3670
- ]
3671
- }
3672
- },
3673
- "propToVariantKeys": {
3674
- "size": [
3675
- "switchSizeRoot",
3676
- "switchSizeSwitch",
3677
- "switchSizeHandle",
3678
- "switchSizeHandleIcon"
3679
- ],
3680
- "onIcon": [
3681
- "icon"
3682
- ],
3683
- "offIcon": [
3684
- "icon"
3685
- ],
3686
- "reduceMotion": [
3687
- "reducedMotion"
3688
- ],
3689
- "isOn": [
3690
- "layoutDependency"
3691
- ]
3692
- },
3693
- "runtimeConfigDefaultProps": {},
3694
- "runtimeConfigGetStyles": {},
3695
- "runtimeConfigInternalComponentProps": {},
3696
- "motionVarPrefixes": [
3697
- "--uds-motion-bouncy-4-",
3698
- "--uds-motion-smooth-3-"
3699
- ]
3700
3713
  }
3701
3714
  }