@yahoo/uds 3.127.0 → 3.127.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -575,92 +575,6 @@
575
575
  "runtimeConfigInternalComponentProps": {},
576
576
  "motionVarPrefixes": []
577
577
  },
578
- "Spinner": {
579
- "name": "Spinner",
580
- "defaultProps": {
581
- "color": "primary",
582
- "size": "lg"
583
- },
584
- "getStylesLiterals": {},
585
- "cxLiterals": [
586
- "self-center",
587
- "relative",
588
- "sr-only"
589
- ],
590
- "internalComponents": [
591
- "Icon"
592
- ],
593
- "internalComponentProps": {
594
- "Icon": {
595
- "role": [
596
- "img"
597
- ],
598
- "className": [
599
- "animate-spin"
600
- ],
601
- "aria-hidden": [
602
- "true"
603
- ]
604
- }
605
- },
606
- "propToVariantKeys": {},
607
- "runtimeConfigDefaultProps": {},
608
- "runtimeConfigGetStyles": {},
609
- "runtimeConfigInternalComponentProps": {},
610
- "motionVarPrefixes": []
611
- },
612
- "Table.mocks": {
613
- "name": "Table.mocks",
614
- "defaultProps": {},
615
- "getStylesLiterals": {},
616
- "cxLiterals": [],
617
- "internalComponents": [],
618
- "internalComponentProps": {},
619
- "propToVariantKeys": {},
620
- "runtimeConfigDefaultProps": {},
621
- "runtimeConfigGetStyles": {},
622
- "runtimeConfigInternalComponentProps": {},
623
- "motionVarPrefixes": []
624
- },
625
- "Table": {
626
- "name": "Table",
627
- "defaultProps": {
628
- "display": "table-cell",
629
- "overflow": "hidden",
630
- "borderColor": "muted",
631
- "borderRadius": "md",
632
- "spacing": "3",
633
- "borderBottomColor": "muted",
634
- "borderBottomWidth": "thin",
635
- "color": "primary"
636
- },
637
- "getStylesLiterals": {
638
- "textAlign": "start"
639
- },
640
- "cxLiterals": [],
641
- "internalComponents": [
642
- "CellComponent",
643
- "Box",
644
- "Text",
645
- "Table.Root",
646
- "Table.Header",
647
- "Table.Row",
648
- "Table.Cell",
649
- "Table.Body"
650
- ],
651
- "internalComponentProps": {
652
- "Table.Cell": {
653
- "asHeaderCell": [
654
- "column"
655
- ]
656
- }
657
- },
658
- "propToVariantKeys": {},
659
- "runtimeConfigDefaultProps": {},
660
- "runtimeConfigGetStyles": {},
661
- "runtimeConfigInternalComponentProps": {},
662
- "motionVarPrefixes": []
663
- },
664
578
  "AnimateHeightChange": {
665
579
  "name": "AnimateHeightChange",
666
580
  "defaultProps": {},
@@ -1162,83 +1076,31 @@
1162
1076
  "--uds-motion-smooth-3-"
1163
1077
  ]
1164
1078
  },
1165
- "Accordion": {
1166
- "name": "Accordion",
1079
+ "Spinner": {
1080
+ "name": "Spinner",
1167
1081
  "defaultProps": {
1168
- "spacingHorizontal": "4",
1169
- "spacingVertical": "4"
1082
+ "color": "primary",
1083
+ "size": "lg"
1170
1084
  },
1171
1085
  "getStylesLiterals": {},
1172
1086
  "cxLiterals": [
1173
- "hover:bg-secondary/80",
1174
- "w-full"
1087
+ "self-center",
1088
+ "relative",
1089
+ "sr-only"
1175
1090
  ],
1176
1091
  "internalComponents": [
1177
- "Icon",
1178
- "SpringMotionConfig",
1179
- "Pressable",
1180
- "Text",
1181
- "HStack",
1182
- "AnimatePresence",
1183
- "VStack"
1092
+ "Icon"
1184
1093
  ],
1185
1094
  "internalComponentProps": {
1186
1095
  "Icon": {
1187
- "variant": [
1188
- "fill"
1189
- ],
1190
- "size": [
1191
- "sm"
1192
- ],
1193
- "color": [
1194
- "primary"
1195
- ]
1196
- },
1197
- "SpringMotionConfig": {
1198
- "layoutVariant": [
1199
- "smooth"
1200
- ],
1201
- "layoutSpeed": [
1202
- "3"
1203
- ]
1204
- },
1205
- "Pressable": {
1206
- "display": [
1207
- "flex"
1208
- ],
1209
- "flexDirection": [
1210
- "row"
1211
- ],
1212
- "alignItems": [
1213
- "center"
1214
- ],
1215
- "justifyContent": [
1216
- "space-between"
1217
- ],
1218
- "borderRadius": [
1219
- "md"
1220
- ]
1221
- },
1222
- "Text": {
1223
- "variant": [
1224
- "title4"
1225
- ],
1226
- "color": [
1227
- "primary"
1228
- ]
1229
- },
1230
- "HStack": {
1231
- "display": [
1232
- "flex"
1233
- ],
1234
- "alignItems": [
1235
- "center"
1096
+ "role": [
1097
+ "img"
1236
1098
  ],
1237
- "justifyContent": [
1238
- "space-between"
1099
+ "className": [
1100
+ "animate-spin"
1239
1101
  ],
1240
- "columnGap": [
1241
- "2.5"
1102
+ "aria-hidden": [
1103
+ "true"
1242
1104
  ]
1243
1105
  }
1244
1106
  },
@@ -1246,12 +1108,10 @@
1246
1108
  "runtimeConfigDefaultProps": {},
1247
1109
  "runtimeConfigGetStyles": {},
1248
1110
  "runtimeConfigInternalComponentProps": {},
1249
- "motionVarPrefixes": [
1250
- "--uds-motion-smooth-3-"
1251
- ]
1111
+ "motionVarPrefixes": []
1252
1112
  },
1253
- "AvoidMotionLibraryProvider": {
1254
- "name": "AvoidMotionLibraryProvider",
1113
+ "Table.mocks": {
1114
+ "name": "Table.mocks",
1255
1115
  "defaultProps": {},
1256
1116
  "getStylesLiterals": {},
1257
1117
  "cxLiterals": [],
@@ -1263,314 +1123,45 @@
1263
1123
  "runtimeConfigInternalComponentProps": {},
1264
1124
  "motionVarPrefixes": []
1265
1125
  },
1266
- "Modal": {
1267
- "name": "Modal",
1268
- "defaultProps": {},
1269
- "getStylesLiterals": {},
1270
- "cxLiterals": [
1271
- "inset-8",
1272
- "top-[250px]",
1273
- "z-50",
1274
- "mx-auto",
1275
- "h-fit",
1276
- "w-[600px]",
1277
- "origin-center",
1278
- "scale-95",
1279
- "opacity-0",
1280
- "transition",
1281
- "duration-150",
1282
- "data-[enter]:scale-100",
1283
- "data-[enter]:opacity-100",
1284
- "data-[enter]:bg-primary",
1285
- "backdrop-blur-0",
1286
- "data-[enter]:opacity-60",
1287
- "data-[enter]:backdrop-blur-sm"
1288
- ],
1126
+ "Table": {
1127
+ "name": "Table",
1128
+ "defaultProps": {
1129
+ "display": "table-cell",
1130
+ "overflow": "hidden",
1131
+ "borderColor": "muted",
1132
+ "borderRadius": "md",
1133
+ "spacing": "3",
1134
+ "borderBottomColor": "muted",
1135
+ "borderBottomWidth": "thin",
1136
+ "color": "primary"
1137
+ },
1138
+ "getStylesLiterals": {
1139
+ "textAlign": "start"
1140
+ },
1141
+ "cxLiterals": [],
1289
1142
  "internalComponents": [
1290
- "IconButton",
1291
- "Dialog",
1292
- "HStack",
1143
+ "CellComponent",
1144
+ "Box",
1293
1145
  "Text",
1294
- "VStack"
1146
+ "Table.Root",
1147
+ "Table.Header",
1148
+ "Table.Row",
1149
+ "Table.Cell",
1150
+ "Table.Body"
1295
1151
  ],
1296
1152
  "internalComponentProps": {
1297
- "IconButton": {
1298
- "aria-label": [
1299
- "Close"
1300
- ],
1301
- "size": [
1302
- "sm"
1303
- ],
1304
- "variant": [
1305
- "tertiary"
1306
- ]
1307
- },
1308
- "HStack": {
1309
- "alignItems": [
1310
- "center"
1311
- ],
1312
- "justifyContent": [
1313
- "space-between"
1314
- ]
1315
- },
1316
- "Text": {
1317
- "variant": [
1318
- "headline1"
1319
- ],
1320
- "color": [
1321
- "primary"
1322
- ]
1323
- },
1324
- "VStack": {
1325
- "borderRadius": [
1326
- "md"
1327
- ],
1328
- "position": [
1329
- "fixed"
1330
- ],
1331
- "backgroundColor": [
1332
- "primary"
1333
- ],
1334
- "dropShadow": [
1335
- "md"
1336
- ],
1337
- "spacing": [
1338
- "8"
1339
- ],
1340
- "overflow": [
1341
- "hidden"
1342
- ]
1343
- }
1344
- },
1345
- "propToVariantKeys": {
1346
- "handleClose": [
1347
- "onClick"
1348
- ]
1349
- },
1350
- "runtimeConfigDefaultProps": {},
1351
- "runtimeConfigGetStyles": {},
1352
- "runtimeConfigInternalComponentProps": {},
1353
- "motionVarPrefixes": []
1354
- },
1355
- "SegmentedControl": {
1356
- "name": "SegmentedControl",
1357
- "defaultProps": {
1358
- "textVariant": "label2"
1359
- },
1360
- "getStylesLiterals": {
1361
- "display": "flex",
1362
- "alignItems": "center",
1363
- "backgroundColor": "primary",
1364
- "spacingVertical": "1",
1365
- "spacingHorizontal": "3",
1366
- "columnGap": "1.5",
1367
- "borderWidth": "thin",
1368
- "borderRadius": "full",
1369
- "borderColor": "muted",
1370
- "borderColor:1": "transparent",
1371
- "color": "primary",
1372
- "color:1": "tertiary",
1373
- "color:2": "muted"
1374
- },
1375
- "cxLiterals": [
1376
- "uds-ring",
1377
- "cursor-not-allowed",
1378
- "opacity-50",
1379
- "pointer-events-none",
1380
- "hover:bg-primary"
1381
- ],
1382
- "internalComponents": [
1383
- "TextVariant",
1384
- "Radio",
1385
- "Icon",
1386
- "RadioProvider",
1387
- "HStack",
1388
- "RadioGroup",
1389
- "Pressable",
1390
- "Text"
1391
- ],
1392
- "internalComponentProps": {
1393
- "Icon": {
1394
- "size": [
1395
- "sm"
1396
- ],
1397
- "color": [
1398
- "current"
1399
- ],
1400
- "aria-hidden": [
1401
- "true"
1402
- ]
1403
- },
1404
- "HStack": {
1405
- "spacing": [
1406
- "1"
1407
- ],
1408
- "gap": [
1409
- "1"
1410
- ],
1411
- "backgroundColor": [
1412
- "secondary"
1413
- ],
1414
- "borderRadius": [
1415
- "full"
1416
- ],
1417
- "display": [
1418
- "inline-flex"
1419
- ]
1420
- },
1421
- "Text": {
1422
- "color": [
1423
- "current"
1153
+ "Table.Cell": {
1154
+ "asHeaderCell": [
1155
+ "column"
1424
1156
  ]
1425
1157
  }
1426
1158
  },
1427
- "propToVariantKeys": {
1428
- "value": [
1429
- "key"
1430
- ],
1431
- "label": [
1432
- "aria-label"
1433
- ],
1434
- "textVariant": [
1435
- "variant"
1436
- ]
1437
- },
1159
+ "propToVariantKeys": {},
1438
1160
  "runtimeConfigDefaultProps": {},
1439
1161
  "runtimeConfigGetStyles": {},
1440
1162
  "runtimeConfigInternalComponentProps": {},
1441
1163
  "motionVarPrefixes": []
1442
1164
  },
1443
- "SwitchV2": {
1444
- "name": "SwitchV2",
1445
- "defaultProps": {
1446
- "labelPosition": "start",
1447
- "size": "md"
1448
- },
1449
- "getStylesLiterals": {
1450
- "switchVariantRoot": "default",
1451
- "switchVariantActiveRoot": "on",
1452
- "switchVariantActiveRoot:1": "off",
1453
- "switchVariantSwitch": "default",
1454
- "switchVariantActiveSwitch": "on",
1455
- "switchVariantActiveSwitch:1": "off",
1456
- "switchVariantActiveHandle": "on",
1457
- "switchVariantActiveHandle:1": "off",
1458
- "switchVariantHandle": "default",
1459
- "switchVariantHandleIcon": "default",
1460
- "switchVariantActiveHandleIcon": "on",
1461
- "switchVariantActiveHandleIcon:1": "off"
1462
- },
1463
- "cxLiterals": [
1464
- "group",
1465
- "flex",
1466
- "items-center",
1467
- "flex-row",
1468
- "flex-row-reverse",
1469
- "uds-ring",
1470
- "uds-ring-within",
1471
- "relative",
1472
- "uds-border-radius-full",
1473
- "transition-[background-color,box-shadow]",
1474
- "pointer-events-none",
1475
- "w-full",
1476
- "h-full",
1477
- "absolute",
1478
- "top-0",
1479
- "bottom-0",
1480
- "right-0",
1481
- "left-0",
1482
- "overflow-hidden",
1483
- "group-hover:scale-105",
1484
- "opacity-95",
1485
- "group-hover:opacity-100",
1486
- "transition-[transform,opacity]",
1487
- "opacity-0",
1488
- "top-1/2",
1489
- "left-1/2",
1490
- "transform",
1491
- "translate-x-[-50%]",
1492
- "translate-y-[-50%]",
1493
- "transition-opacity",
1494
- "cursor-[inherit]",
1495
- "w-[calc(100%+2px)]",
1496
- "h-[calc(100%+2px)]",
1497
- "text-start",
1498
- "text-end",
1499
- "opacity-100"
1500
- ],
1501
- "internalComponents": [
1502
- "IconSlot",
1503
- "Box",
1504
- "FormLabel",
1505
- "SpringMotionConfig",
1506
- "RootElement",
1507
- "MotionBox"
1508
- ],
1509
- "internalComponentProps": {
1510
- "IconSlot": {
1511
- "data-testid": [
1512
- "on-icon",
1513
- "off-icon"
1514
- ]
1515
- },
1516
- "FormLabel": {
1517
- "as": [
1518
- "div"
1519
- ],
1520
- "variant": [
1521
- "inherit"
1522
- ],
1523
- "color": [
1524
- "inherit"
1525
- ]
1526
- },
1527
- "SpringMotionConfig": {
1528
- "layoutVariant": [
1529
- "bouncy"
1530
- ],
1531
- "layoutSpeed": [
1532
- "4"
1533
- ]
1534
- },
1535
- "RootElement": {
1536
- "data-testid": [
1537
- "switch-root"
1538
- ]
1539
- },
1540
- "MotionBox": {
1541
- "layout": [
1542
- "position"
1543
- ]
1544
- }
1545
- },
1546
- "propToVariantKeys": {
1547
- "size": [
1548
- "switchSizeRoot",
1549
- "switchSizeSwitch",
1550
- "switchSizeHandle",
1551
- "switchSizeHandleIcon"
1552
- ],
1553
- "onIcon": [
1554
- "icon"
1555
- ],
1556
- "offIcon": [
1557
- "icon"
1558
- ],
1559
- "reduceMotion": [
1560
- "reducedMotion"
1561
- ],
1562
- "isOn": [
1563
- "layoutDependency"
1564
- ]
1565
- },
1566
- "runtimeConfigDefaultProps": {},
1567
- "runtimeConfigGetStyles": {},
1568
- "runtimeConfigInternalComponentProps": {},
1569
- "motionVarPrefixes": [
1570
- "--uds-motion-bouncy-4-",
1571
- "--uds-motion-smooth-3-"
1572
- ]
1573
- },
1574
1165
  "Avatar": {
1575
1166
  "name": "Avatar",
1576
1167
  "defaultProps": {},
@@ -1970,21 +1561,204 @@
1970
1561
  "runtimeConfigInternalComponentProps": {},
1971
1562
  "motionVarPrefixes": []
1972
1563
  },
1973
- "Chip": {
1974
- "name": "Chip",
1975
- "defaultProps": {},
1976
- "getStylesLiterals": {},
1977
- "cxLiterals": [],
1978
- "internalComponents": [
1979
- "ChipDismissible",
1980
- "ChipToggle",
1981
- "ChipLink",
1982
- "ChipButton"
1983
- ],
1984
- "internalComponentProps": {},
1985
- "propToVariantKeys": {},
1986
- "runtimeConfigDefaultProps": {},
1987
- "runtimeConfigGetStyles": {},
1564
+ "Input": {
1565
+ "name": "Input",
1566
+ "defaultProps": {
1567
+ "type": "text",
1568
+ "size": "md",
1569
+ "width": "full"
1570
+ },
1571
+ "getStylesLiterals": {
1572
+ "inputVariantRoot": "default",
1573
+ "inputVariantValueRoot": "empty",
1574
+ "inputVariantValueRoot:1": "filled",
1575
+ "inputVariantInputWrapper": "default",
1576
+ "inputVariantValueInputWrapper": "empty",
1577
+ "inputVariantValueInputWrapper:1": "filled",
1578
+ "inputVariantInput": "default",
1579
+ "inputVariantValueInput": "empty",
1580
+ "inputVariantValueInput:1": "filled",
1581
+ "inputVariantInputPlaceholder": "default",
1582
+ "inputVariantValueInputPlaceholder": "empty",
1583
+ "inputVariantValueInputPlaceholder:1": "filled",
1584
+ "inputVariantLabel": "default",
1585
+ "inputVariantValueLabel": "empty",
1586
+ "inputVariantValueLabel:1": "filled",
1587
+ "inputVariantLabelRequired": "default",
1588
+ "inputVariantValueLabelRequired": "empty",
1589
+ "inputVariantValueLabelRequired:1": "filled",
1590
+ "inputVariantStartIcon": "default",
1591
+ "inputVariantValueStartIcon": "empty",
1592
+ "inputVariantValueStartIcon:1": "filled",
1593
+ "inputVariantEndIcon": "default",
1594
+ "inputVariantValueEndIcon": "empty",
1595
+ "inputVariantValueEndIcon:1": "filled"
1596
+ },
1597
+ "cxLiterals": [
1598
+ "opacity-50",
1599
+ "min-w-[200px]",
1600
+ "grow",
1601
+ "uds-hit-target",
1602
+ "bg-clip-text",
1603
+ "focus:outline-none",
1604
+ "cursor-text",
1605
+ "cursor-not-allowed"
1606
+ ],
1607
+ "internalComponents": [
1608
+ "IconSlot",
1609
+ "StartIcon",
1610
+ "EndIcon",
1611
+ "HelpTextContent",
1612
+ "Box",
1613
+ "InputHelpTextInternal",
1614
+ "VStack",
1615
+ "HStack",
1616
+ "AnimateHeightChange"
1617
+ ],
1618
+ "internalComponentProps": {
1619
+ "HelpTextContent": {
1620
+ "spacingTop": [
1621
+ "2"
1622
+ ]
1623
+ },
1624
+ "Box": {
1625
+ "spacingBottom": [
1626
+ "2"
1627
+ ],
1628
+ "columnGap": [
1629
+ "0.5"
1630
+ ],
1631
+ "alignItems": [
1632
+ "flex-end",
1633
+ "center"
1634
+ ],
1635
+ "position": [
1636
+ "relative"
1637
+ ]
1638
+ },
1639
+ "HStack": {
1640
+ "alignItems": [
1641
+ "center"
1642
+ ],
1643
+ "gap": [
1644
+ "1"
1645
+ ]
1646
+ }
1647
+ },
1648
+ "propToVariantKeys": {
1649
+ "size": [
1650
+ "inputSizeRoot",
1651
+ "inputSizeInputWrapper",
1652
+ "inputSizeInput",
1653
+ "inputSizeLabel",
1654
+ "inputSizeStartIcon",
1655
+ "inputSizeEndIcon"
1656
+ ],
1657
+ "startIcon": [
1658
+ "icon"
1659
+ ],
1660
+ "endIcon": [
1661
+ "icon"
1662
+ ],
1663
+ "helperTextIcon": [
1664
+ "startIcon"
1665
+ ]
1666
+ },
1667
+ "runtimeConfigDefaultProps": {},
1668
+ "runtimeConfigGetStyles": {},
1669
+ "runtimeConfigInternalComponentProps": {},
1670
+ "motionVarPrefixes": []
1671
+ },
1672
+ "InputHelpText": {
1673
+ "name": "InputHelpText",
1674
+ "defaultProps": {
1675
+ "size": "md"
1676
+ },
1677
+ "getStylesLiterals": {
1678
+ "inputVariantRoot": "default",
1679
+ "inputVariantValueRoot": "empty",
1680
+ "inputVariantValueRoot:1": "filled"
1681
+ },
1682
+ "cxLiterals": [],
1683
+ "internalComponents": [
1684
+ "InputHelpTextInternal",
1685
+ "Box"
1686
+ ],
1687
+ "internalComponentProps": {
1688
+ "Box": {
1689
+ "spacingTop": [
1690
+ "2"
1691
+ ]
1692
+ }
1693
+ },
1694
+ "propToVariantKeys": {
1695
+ "size": [
1696
+ "inputSizeRoot"
1697
+ ]
1698
+ },
1699
+ "runtimeConfigDefaultProps": {},
1700
+ "runtimeConfigGetStyles": {},
1701
+ "runtimeConfigInternalComponentProps": {},
1702
+ "motionVarPrefixes": []
1703
+ },
1704
+ "InputHelpTextInternal": {
1705
+ "name": "InputHelpTextInternal",
1706
+ "defaultProps": {},
1707
+ "getStylesLiterals": {
1708
+ "inputVariantHelperText": "default",
1709
+ "inputVariantValueHelperText": "empty",
1710
+ "inputVariantValueHelperText:1": "filled",
1711
+ "inputVariantHelperIcon": "default",
1712
+ "inputVariantValueHelperIcon": "empty",
1713
+ "inputVariantValueHelperIcon:1": "filled"
1714
+ },
1715
+ "cxLiterals": [],
1716
+ "internalComponents": [
1717
+ "IconSlot",
1718
+ "HStack"
1719
+ ],
1720
+ "internalComponentProps": {
1721
+ "HStack": {
1722
+ "gap": [
1723
+ "1"
1724
+ ],
1725
+ "alignItems": [
1726
+ "center"
1727
+ ]
1728
+ }
1729
+ },
1730
+ "propToVariantKeys": {
1731
+ "size": [
1732
+ "inputSizeHelperText",
1733
+ "inputSizeHelperIcon"
1734
+ ],
1735
+ "startIcon": [
1736
+ "icon"
1737
+ ],
1738
+ "endIcon": [
1739
+ "icon"
1740
+ ]
1741
+ },
1742
+ "runtimeConfigDefaultProps": {},
1743
+ "runtimeConfigGetStyles": {},
1744
+ "runtimeConfigInternalComponentProps": {},
1745
+ "motionVarPrefixes": []
1746
+ },
1747
+ "Chip": {
1748
+ "name": "Chip",
1749
+ "defaultProps": {},
1750
+ "getStylesLiterals": {},
1751
+ "cxLiterals": [],
1752
+ "internalComponents": [
1753
+ "ChipDismissible",
1754
+ "ChipToggle",
1755
+ "ChipLink",
1756
+ "ChipButton"
1757
+ ],
1758
+ "internalComponentProps": {},
1759
+ "propToVariantKeys": {},
1760
+ "runtimeConfigDefaultProps": {},
1761
+ "runtimeConfigGetStyles": {},
1988
1762
  "runtimeConfigInternalComponentProps": {},
1989
1763
  "motionVarPrefixes": []
1990
1764
  },
@@ -2434,211 +2208,28 @@
2434
2208
  "runtimeConfigInternalComponentProps": {},
2435
2209
  "motionVarPrefixes": []
2436
2210
  },
2437
- "Input": {
2438
- "name": "Input",
2439
- "defaultProps": {
2440
- "type": "text",
2441
- "size": "md",
2442
- "width": "full"
2211
+ "Popover": {
2212
+ "name": "Popover",
2213
+ "defaultProps": {},
2214
+ "getStylesLiterals": {},
2215
+ "cxLiterals": [],
2216
+ "internalComponents": [
2217
+ "PopoverInternalContext.Provider",
2218
+ "PopoverProvider"
2219
+ ],
2220
+ "internalComponentProps": {},
2221
+ "propToVariantKeys": {},
2222
+ "runtimeConfigDefaultProps": {
2223
+ "size": "popover.defaultSize",
2224
+ "variant": "popover.defaultVariant"
2443
2225
  },
2444
- "getStylesLiterals": {
2445
- "inputVariantRoot": "default",
2446
- "inputVariantValueRoot": "empty",
2447
- "inputVariantValueRoot:1": "filled",
2448
- "inputVariantInputWrapper": "default",
2449
- "inputVariantValueInputWrapper": "empty",
2450
- "inputVariantValueInputWrapper:1": "filled",
2451
- "inputVariantInput": "default",
2452
- "inputVariantValueInput": "empty",
2453
- "inputVariantValueInput:1": "filled",
2454
- "inputVariantInputPlaceholder": "default",
2455
- "inputVariantValueInputPlaceholder": "empty",
2456
- "inputVariantValueInputPlaceholder:1": "filled",
2457
- "inputVariantLabel": "default",
2458
- "inputVariantValueLabel": "empty",
2459
- "inputVariantValueLabel:1": "filled",
2460
- "inputVariantLabelRequired": "default",
2461
- "inputVariantValueLabelRequired": "empty",
2462
- "inputVariantValueLabelRequired:1": "filled",
2463
- "inputVariantStartIcon": "default",
2464
- "inputVariantValueStartIcon": "empty",
2465
- "inputVariantValueStartIcon:1": "filled",
2466
- "inputVariantEndIcon": "default",
2467
- "inputVariantValueEndIcon": "empty",
2468
- "inputVariantValueEndIcon:1": "filled"
2469
- },
2470
- "cxLiterals": [
2471
- "opacity-50",
2472
- "min-w-[200px]",
2473
- "grow",
2474
- "uds-hit-target",
2475
- "bg-clip-text",
2476
- "focus:outline-none",
2477
- "cursor-text",
2478
- "cursor-not-allowed"
2479
- ],
2480
- "internalComponents": [
2481
- "IconSlot",
2482
- "StartIcon",
2483
- "EndIcon",
2484
- "HelpTextContent",
2485
- "Box",
2486
- "InputHelpTextInternal",
2487
- "VStack",
2488
- "HStack",
2489
- "AnimateHeightChange"
2490
- ],
2491
- "internalComponentProps": {
2492
- "HelpTextContent": {
2493
- "spacingTop": [
2494
- "2"
2495
- ]
2496
- },
2497
- "Box": {
2498
- "spacingBottom": [
2499
- "2"
2500
- ],
2501
- "columnGap": [
2502
- "0.5"
2503
- ],
2504
- "alignItems": [
2505
- "flex-end",
2506
- "center"
2507
- ],
2508
- "position": [
2509
- "relative"
2510
- ]
2511
- },
2512
- "HStack": {
2513
- "alignItems": [
2514
- "center"
2515
- ],
2516
- "gap": [
2517
- "1"
2518
- ]
2519
- }
2520
- },
2521
- "propToVariantKeys": {
2522
- "size": [
2523
- "inputSizeRoot",
2524
- "inputSizeInputWrapper",
2525
- "inputSizeInput",
2526
- "inputSizeLabel",
2527
- "inputSizeStartIcon",
2528
- "inputSizeEndIcon"
2529
- ],
2530
- "startIcon": [
2531
- "icon"
2532
- ],
2533
- "endIcon": [
2534
- "icon"
2535
- ],
2536
- "helperTextIcon": [
2537
- "startIcon"
2538
- ]
2539
- },
2540
- "runtimeConfigDefaultProps": {},
2541
- "runtimeConfigGetStyles": {},
2542
- "runtimeConfigInternalComponentProps": {},
2543
- "motionVarPrefixes": []
2544
- },
2545
- "InputHelpText": {
2546
- "name": "InputHelpText",
2547
- "defaultProps": {
2548
- "size": "md"
2549
- },
2550
- "getStylesLiterals": {
2551
- "inputVariantRoot": "default",
2552
- "inputVariantValueRoot": "empty",
2553
- "inputVariantValueRoot:1": "filled"
2554
- },
2555
- "cxLiterals": [],
2556
- "internalComponents": [
2557
- "InputHelpTextInternal",
2558
- "Box"
2559
- ],
2560
- "internalComponentProps": {
2561
- "Box": {
2562
- "spacingTop": [
2563
- "2"
2564
- ]
2565
- }
2566
- },
2567
- "propToVariantKeys": {
2568
- "size": [
2569
- "inputSizeRoot"
2570
- ]
2571
- },
2572
- "runtimeConfigDefaultProps": {},
2573
- "runtimeConfigGetStyles": {},
2574
- "runtimeConfigInternalComponentProps": {},
2575
- "motionVarPrefixes": []
2576
- },
2577
- "InputHelpTextInternal": {
2578
- "name": "InputHelpTextInternal",
2579
- "defaultProps": {},
2580
- "getStylesLiterals": {
2581
- "inputVariantHelperText": "default",
2582
- "inputVariantValueHelperText": "empty",
2583
- "inputVariantValueHelperText:1": "filled",
2584
- "inputVariantHelperIcon": "default",
2585
- "inputVariantValueHelperIcon": "empty",
2586
- "inputVariantValueHelperIcon:1": "filled"
2587
- },
2588
- "cxLiterals": [],
2589
- "internalComponents": [
2590
- "IconSlot",
2591
- "HStack"
2592
- ],
2593
- "internalComponentProps": {
2594
- "HStack": {
2595
- "gap": [
2596
- "1"
2597
- ],
2598
- "alignItems": [
2599
- "center"
2600
- ]
2601
- }
2602
- },
2603
- "propToVariantKeys": {
2604
- "size": [
2605
- "inputSizeHelperText",
2606
- "inputSizeHelperIcon"
2607
- ],
2608
- "startIcon": [
2609
- "icon"
2610
- ],
2611
- "endIcon": [
2612
- "icon"
2613
- ]
2614
- },
2615
- "runtimeConfigDefaultProps": {},
2616
- "runtimeConfigGetStyles": {},
2617
- "runtimeConfigInternalComponentProps": {},
2618
- "motionVarPrefixes": []
2619
- },
2620
- "Popover": {
2621
- "name": "Popover",
2622
- "defaultProps": {},
2623
- "getStylesLiterals": {},
2624
- "cxLiterals": [],
2625
- "internalComponents": [
2626
- "PopoverInternalContext.Provider",
2627
- "PopoverProvider"
2628
- ],
2629
- "internalComponentProps": {},
2630
- "propToVariantKeys": {},
2631
- "runtimeConfigDefaultProps": {
2632
- "size": "popover.defaultSize",
2633
- "variant": "popover.defaultVariant"
2634
- },
2635
- "runtimeConfigGetStyles": {},
2636
- "runtimeConfigInternalComponentProps": {},
2637
- "motionVarPrefixes": []
2638
- },
2639
- "PopoverContent": {
2640
- "name": "PopoverContent",
2641
- "defaultProps": {},
2226
+ "runtimeConfigGetStyles": {},
2227
+ "runtimeConfigInternalComponentProps": {},
2228
+ "motionVarPrefixes": []
2229
+ },
2230
+ "PopoverContent": {
2231
+ "name": "PopoverContent",
2232
+ "defaultProps": {},
2642
2233
  "getStylesLiterals": {
2643
2234
  "popoverSizeRoot": "default",
2644
2235
  "popoverVariantRoot": "default",
@@ -3464,5 +3055,414 @@
3464
3055
  "runtimeConfigGetStyles": {},
3465
3056
  "runtimeConfigInternalComponentProps": {},
3466
3057
  "motionVarPrefixes": []
3058
+ },
3059
+ "Accordion": {
3060
+ "name": "Accordion",
3061
+ "defaultProps": {
3062
+ "spacingHorizontal": "4",
3063
+ "spacingVertical": "4"
3064
+ },
3065
+ "getStylesLiterals": {},
3066
+ "cxLiterals": [
3067
+ "hover:bg-secondary/80",
3068
+ "w-full"
3069
+ ],
3070
+ "internalComponents": [
3071
+ "Icon",
3072
+ "SpringMotionConfig",
3073
+ "Pressable",
3074
+ "Text",
3075
+ "HStack",
3076
+ "AnimatePresence",
3077
+ "VStack"
3078
+ ],
3079
+ "internalComponentProps": {
3080
+ "Icon": {
3081
+ "variant": [
3082
+ "fill"
3083
+ ],
3084
+ "size": [
3085
+ "sm"
3086
+ ],
3087
+ "color": [
3088
+ "primary"
3089
+ ]
3090
+ },
3091
+ "SpringMotionConfig": {
3092
+ "layoutVariant": [
3093
+ "smooth"
3094
+ ],
3095
+ "layoutSpeed": [
3096
+ "3"
3097
+ ]
3098
+ },
3099
+ "Pressable": {
3100
+ "display": [
3101
+ "flex"
3102
+ ],
3103
+ "flexDirection": [
3104
+ "row"
3105
+ ],
3106
+ "alignItems": [
3107
+ "center"
3108
+ ],
3109
+ "justifyContent": [
3110
+ "space-between"
3111
+ ],
3112
+ "borderRadius": [
3113
+ "md"
3114
+ ]
3115
+ },
3116
+ "Text": {
3117
+ "variant": [
3118
+ "title4"
3119
+ ],
3120
+ "color": [
3121
+ "primary"
3122
+ ]
3123
+ },
3124
+ "HStack": {
3125
+ "display": [
3126
+ "flex"
3127
+ ],
3128
+ "alignItems": [
3129
+ "center"
3130
+ ],
3131
+ "justifyContent": [
3132
+ "space-between"
3133
+ ],
3134
+ "columnGap": [
3135
+ "2.5"
3136
+ ]
3137
+ }
3138
+ },
3139
+ "propToVariantKeys": {},
3140
+ "runtimeConfigDefaultProps": {},
3141
+ "runtimeConfigGetStyles": {},
3142
+ "runtimeConfigInternalComponentProps": {},
3143
+ "motionVarPrefixes": [
3144
+ "--uds-motion-smooth-3-"
3145
+ ]
3146
+ },
3147
+ "AvoidMotionLibraryProvider": {
3148
+ "name": "AvoidMotionLibraryProvider",
3149
+ "defaultProps": {},
3150
+ "getStylesLiterals": {},
3151
+ "cxLiterals": [],
3152
+ "internalComponents": [],
3153
+ "internalComponentProps": {},
3154
+ "propToVariantKeys": {},
3155
+ "runtimeConfigDefaultProps": {},
3156
+ "runtimeConfigGetStyles": {},
3157
+ "runtimeConfigInternalComponentProps": {},
3158
+ "motionVarPrefixes": []
3159
+ },
3160
+ "Modal": {
3161
+ "name": "Modal",
3162
+ "defaultProps": {},
3163
+ "getStylesLiterals": {},
3164
+ "cxLiterals": [
3165
+ "inset-8",
3166
+ "top-[250px]",
3167
+ "z-50",
3168
+ "mx-auto",
3169
+ "h-fit",
3170
+ "w-[600px]",
3171
+ "origin-center",
3172
+ "scale-95",
3173
+ "opacity-0",
3174
+ "transition",
3175
+ "duration-150",
3176
+ "data-[enter]:scale-100",
3177
+ "data-[enter]:opacity-100",
3178
+ "data-[enter]:bg-primary",
3179
+ "backdrop-blur-0",
3180
+ "data-[enter]:opacity-60",
3181
+ "data-[enter]:backdrop-blur-sm"
3182
+ ],
3183
+ "internalComponents": [
3184
+ "IconButton",
3185
+ "Dialog",
3186
+ "HStack",
3187
+ "Text",
3188
+ "VStack"
3189
+ ],
3190
+ "internalComponentProps": {
3191
+ "IconButton": {
3192
+ "aria-label": [
3193
+ "Close"
3194
+ ],
3195
+ "size": [
3196
+ "sm"
3197
+ ],
3198
+ "variant": [
3199
+ "tertiary"
3200
+ ]
3201
+ },
3202
+ "HStack": {
3203
+ "alignItems": [
3204
+ "center"
3205
+ ],
3206
+ "justifyContent": [
3207
+ "space-between"
3208
+ ]
3209
+ },
3210
+ "Text": {
3211
+ "variant": [
3212
+ "headline1"
3213
+ ],
3214
+ "color": [
3215
+ "primary"
3216
+ ]
3217
+ },
3218
+ "VStack": {
3219
+ "borderRadius": [
3220
+ "md"
3221
+ ],
3222
+ "position": [
3223
+ "fixed"
3224
+ ],
3225
+ "backgroundColor": [
3226
+ "primary"
3227
+ ],
3228
+ "dropShadow": [
3229
+ "md"
3230
+ ],
3231
+ "spacing": [
3232
+ "8"
3233
+ ],
3234
+ "overflow": [
3235
+ "hidden"
3236
+ ]
3237
+ }
3238
+ },
3239
+ "propToVariantKeys": {
3240
+ "handleClose": [
3241
+ "onClick"
3242
+ ]
3243
+ },
3244
+ "runtimeConfigDefaultProps": {},
3245
+ "runtimeConfigGetStyles": {},
3246
+ "runtimeConfigInternalComponentProps": {},
3247
+ "motionVarPrefixes": []
3248
+ },
3249
+ "SegmentedControl": {
3250
+ "name": "SegmentedControl",
3251
+ "defaultProps": {
3252
+ "textVariant": "label2"
3253
+ },
3254
+ "getStylesLiterals": {
3255
+ "display": "flex",
3256
+ "alignItems": "center",
3257
+ "backgroundColor": "primary",
3258
+ "spacingVertical": "1",
3259
+ "spacingHorizontal": "3",
3260
+ "columnGap": "1.5",
3261
+ "borderWidth": "thin",
3262
+ "borderRadius": "full",
3263
+ "borderColor": "muted",
3264
+ "borderColor:1": "transparent",
3265
+ "color": "primary",
3266
+ "color:1": "tertiary",
3267
+ "color:2": "muted"
3268
+ },
3269
+ "cxLiterals": [
3270
+ "uds-ring",
3271
+ "cursor-not-allowed",
3272
+ "opacity-50",
3273
+ "pointer-events-none",
3274
+ "hover:bg-primary"
3275
+ ],
3276
+ "internalComponents": [
3277
+ "TextVariant",
3278
+ "Radio",
3279
+ "Icon",
3280
+ "RadioProvider",
3281
+ "HStack",
3282
+ "RadioGroup",
3283
+ "Pressable",
3284
+ "Text"
3285
+ ],
3286
+ "internalComponentProps": {
3287
+ "Icon": {
3288
+ "size": [
3289
+ "sm"
3290
+ ],
3291
+ "color": [
3292
+ "current"
3293
+ ],
3294
+ "aria-hidden": [
3295
+ "true"
3296
+ ]
3297
+ },
3298
+ "HStack": {
3299
+ "spacing": [
3300
+ "1"
3301
+ ],
3302
+ "gap": [
3303
+ "1"
3304
+ ],
3305
+ "backgroundColor": [
3306
+ "secondary"
3307
+ ],
3308
+ "borderRadius": [
3309
+ "full"
3310
+ ],
3311
+ "display": [
3312
+ "inline-flex"
3313
+ ]
3314
+ },
3315
+ "Text": {
3316
+ "color": [
3317
+ "current"
3318
+ ]
3319
+ }
3320
+ },
3321
+ "propToVariantKeys": {
3322
+ "value": [
3323
+ "key"
3324
+ ],
3325
+ "label": [
3326
+ "aria-label"
3327
+ ],
3328
+ "textVariant": [
3329
+ "variant"
3330
+ ]
3331
+ },
3332
+ "runtimeConfigDefaultProps": {},
3333
+ "runtimeConfigGetStyles": {},
3334
+ "runtimeConfigInternalComponentProps": {},
3335
+ "motionVarPrefixes": []
3336
+ },
3337
+ "SwitchV2": {
3338
+ "name": "SwitchV2",
3339
+ "defaultProps": {
3340
+ "labelPosition": "start",
3341
+ "size": "md"
3342
+ },
3343
+ "getStylesLiterals": {
3344
+ "switchVariantRoot": "default",
3345
+ "switchVariantActiveRoot": "on",
3346
+ "switchVariantActiveRoot:1": "off",
3347
+ "switchVariantSwitch": "default",
3348
+ "switchVariantActiveSwitch": "on",
3349
+ "switchVariantActiveSwitch:1": "off",
3350
+ "switchVariantActiveHandle": "on",
3351
+ "switchVariantActiveHandle:1": "off",
3352
+ "switchVariantHandle": "default",
3353
+ "switchVariantHandleIcon": "default",
3354
+ "switchVariantActiveHandleIcon": "on",
3355
+ "switchVariantActiveHandleIcon:1": "off"
3356
+ },
3357
+ "cxLiterals": [
3358
+ "group",
3359
+ "flex",
3360
+ "items-center",
3361
+ "flex-row",
3362
+ "flex-row-reverse",
3363
+ "uds-ring",
3364
+ "uds-ring-within",
3365
+ "relative",
3366
+ "uds-border-radius-full",
3367
+ "transition-[background-color,box-shadow]",
3368
+ "pointer-events-none",
3369
+ "w-full",
3370
+ "h-full",
3371
+ "absolute",
3372
+ "top-0",
3373
+ "bottom-0",
3374
+ "right-0",
3375
+ "left-0",
3376
+ "overflow-hidden",
3377
+ "group-hover:scale-105",
3378
+ "opacity-95",
3379
+ "group-hover:opacity-100",
3380
+ "transition-[transform,opacity]",
3381
+ "opacity-0",
3382
+ "top-1/2",
3383
+ "left-1/2",
3384
+ "transform",
3385
+ "translate-x-[-50%]",
3386
+ "translate-y-[-50%]",
3387
+ "transition-opacity",
3388
+ "cursor-[inherit]",
3389
+ "w-[calc(100%+2px)]",
3390
+ "h-[calc(100%+2px)]",
3391
+ "text-start",
3392
+ "text-end",
3393
+ "opacity-100"
3394
+ ],
3395
+ "internalComponents": [
3396
+ "IconSlot",
3397
+ "Box",
3398
+ "FormLabel",
3399
+ "SpringMotionConfig",
3400
+ "RootElement",
3401
+ "MotionBox"
3402
+ ],
3403
+ "internalComponentProps": {
3404
+ "IconSlot": {
3405
+ "data-testid": [
3406
+ "on-icon",
3407
+ "off-icon"
3408
+ ]
3409
+ },
3410
+ "FormLabel": {
3411
+ "as": [
3412
+ "div"
3413
+ ],
3414
+ "variant": [
3415
+ "inherit"
3416
+ ],
3417
+ "color": [
3418
+ "inherit"
3419
+ ]
3420
+ },
3421
+ "SpringMotionConfig": {
3422
+ "layoutVariant": [
3423
+ "bouncy"
3424
+ ],
3425
+ "layoutSpeed": [
3426
+ "4"
3427
+ ]
3428
+ },
3429
+ "RootElement": {
3430
+ "data-testid": [
3431
+ "switch-root"
3432
+ ]
3433
+ },
3434
+ "MotionBox": {
3435
+ "layout": [
3436
+ "position"
3437
+ ]
3438
+ }
3439
+ },
3440
+ "propToVariantKeys": {
3441
+ "size": [
3442
+ "switchSizeRoot",
3443
+ "switchSizeSwitch",
3444
+ "switchSizeHandle",
3445
+ "switchSizeHandleIcon"
3446
+ ],
3447
+ "onIcon": [
3448
+ "icon"
3449
+ ],
3450
+ "offIcon": [
3451
+ "icon"
3452
+ ],
3453
+ "reduceMotion": [
3454
+ "reducedMotion"
3455
+ ],
3456
+ "isOn": [
3457
+ "layoutDependency"
3458
+ ]
3459
+ },
3460
+ "runtimeConfigDefaultProps": {},
3461
+ "runtimeConfigGetStyles": {},
3462
+ "runtimeConfigInternalComponentProps": {},
3463
+ "motionVarPrefixes": [
3464
+ "--uds-motion-bouncy-4-",
3465
+ "--uds-motion-smooth-3-"
3466
+ ]
3467
3467
  }
3468
3468
  }