@yahoo/uds 3.156.0 → 3.156.2

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.
@@ -363,70 +363,6 @@ var componentData_default = {
363
363
  "runtimeConfigInternalComponentProps": {},
364
364
  "motionVarPrefixes": []
365
365
  },
366
- Divider: {
367
- "name": "Divider",
368
- "defaultProps": {
369
- "variant": "primary",
370
- "contentPosition": "center"
371
- },
372
- "getStylesLiterals": {},
373
- "cxLiterals": ["inherit"],
374
- "internalComponents": [
375
- "DividerLine",
376
- "DividerLabel",
377
- "InternalComponent",
378
- "Box"
379
- ],
380
- "internalComponentProps": {
381
- "InternalComponent": {
382
- "alignItems": ["center"],
383
- "flex": ["1"]
384
- },
385
- "Box": {
386
- "display": ["flex"],
387
- "flex": ["none"]
388
- }
389
- },
390
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
391
- "runtimeConfigDefaultProps": {},
392
- "runtimeConfigGetStyles": {},
393
- "runtimeConfigInternalComponentProps": {},
394
- "motionVarPrefixes": []
395
- },
396
- DividerLabel: {
397
- "name": "DividerLabel",
398
- "defaultProps": {
399
- "variant": "primary",
400
- "textVariant": "inherit",
401
- "color": "inherit",
402
- "as": "span"
403
- },
404
- "getStylesLiterals": {},
405
- "cxLiterals": ["inherit"],
406
- "internalComponents": ["Text"],
407
- "internalComponentProps": {},
408
- "propToVariantKeys": {
409
- "variant": ["dividerVariantLabel"],
410
- "textVariant": ["variant"]
411
- },
412
- "runtimeConfigDefaultProps": {},
413
- "runtimeConfigGetStyles": {},
414
- "runtimeConfigInternalComponentProps": {},
415
- "motionVarPrefixes": []
416
- },
417
- DividerLine: {
418
- "name": "DividerLine",
419
- "defaultProps": { "variant": "primary" },
420
- "getStylesLiterals": {},
421
- "cxLiterals": ["inherit"],
422
- "internalComponents": ["Box"],
423
- "internalComponentProps": { "Box": { "flex": ["1"] } },
424
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
425
- "runtimeConfigDefaultProps": {},
426
- "runtimeConfigGetStyles": {},
427
- "runtimeConfigInternalComponentProps": {},
428
- "motionVarPrefixes": []
429
- },
430
366
  Spinner: {
431
367
  "name": "Spinner",
432
368
  "defaultProps": {
@@ -1168,6 +1104,70 @@ var componentData_default = {
1168
1104
  "runtimeConfigInternalComponentProps": {},
1169
1105
  "motionVarPrefixes": []
1170
1106
  },
1107
+ Divider: {
1108
+ "name": "Divider",
1109
+ "defaultProps": {
1110
+ "variant": "primary",
1111
+ "contentPosition": "center"
1112
+ },
1113
+ "getStylesLiterals": {},
1114
+ "cxLiterals": ["inherit"],
1115
+ "internalComponents": [
1116
+ "DividerLine",
1117
+ "DividerLabel",
1118
+ "InternalComponent",
1119
+ "Box"
1120
+ ],
1121
+ "internalComponentProps": {
1122
+ "InternalComponent": {
1123
+ "alignItems": ["center"],
1124
+ "flex": ["1"]
1125
+ },
1126
+ "Box": {
1127
+ "display": ["flex"],
1128
+ "flex": ["none"]
1129
+ }
1130
+ },
1131
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
1132
+ "runtimeConfigDefaultProps": {},
1133
+ "runtimeConfigGetStyles": {},
1134
+ "runtimeConfigInternalComponentProps": {},
1135
+ "motionVarPrefixes": []
1136
+ },
1137
+ DividerLabel: {
1138
+ "name": "DividerLabel",
1139
+ "defaultProps": {
1140
+ "variant": "primary",
1141
+ "textVariant": "inherit",
1142
+ "color": "inherit",
1143
+ "as": "span"
1144
+ },
1145
+ "getStylesLiterals": {},
1146
+ "cxLiterals": ["inherit"],
1147
+ "internalComponents": ["Text"],
1148
+ "internalComponentProps": {},
1149
+ "propToVariantKeys": {
1150
+ "variant": ["dividerVariantLabel"],
1151
+ "textVariant": ["variant"]
1152
+ },
1153
+ "runtimeConfigDefaultProps": {},
1154
+ "runtimeConfigGetStyles": {},
1155
+ "runtimeConfigInternalComponentProps": {},
1156
+ "motionVarPrefixes": []
1157
+ },
1158
+ DividerLine: {
1159
+ "name": "DividerLine",
1160
+ "defaultProps": { "variant": "primary" },
1161
+ "getStylesLiterals": {},
1162
+ "cxLiterals": ["inherit"],
1163
+ "internalComponents": ["Box"],
1164
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
1165
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
1166
+ "runtimeConfigDefaultProps": {},
1167
+ "runtimeConfigGetStyles": {},
1168
+ "runtimeConfigInternalComponentProps": {},
1169
+ "motionVarPrefixes": []
1170
+ },
1171
1171
  BottomSheet: {
1172
1172
  "name": "BottomSheet",
1173
1173
  "defaultProps": { "variant": "default" },
@@ -1365,107 +1365,352 @@ var componentData_default = {
1365
1365
  "runtimeConfigInternalComponentProps": {},
1366
1366
  "motionVarPrefixes": []
1367
1367
  },
1368
- Popover: {
1369
- "name": "Popover",
1368
+ Chip: {
1369
+ "name": "Chip",
1370
1370
  "defaultProps": {},
1371
1371
  "getStylesLiterals": {},
1372
- "cxLiterals": ["uds:popover-open"],
1373
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1372
+ "cxLiterals": [],
1373
+ "internalComponents": [
1374
+ "ChipDismissible",
1375
+ "ChipToggle",
1376
+ "ChipLink",
1377
+ "ChipButton"
1378
+ ],
1374
1379
  "internalComponentProps": {},
1375
1380
  "propToVariantKeys": {},
1376
- "runtimeConfigDefaultProps": {
1377
- "size": "popover.defaultSize",
1378
- "variant": "popover.defaultVariant"
1379
- },
1381
+ "runtimeConfigDefaultProps": {},
1380
1382
  "runtimeConfigGetStyles": {},
1381
1383
  "runtimeConfigInternalComponentProps": {},
1382
1384
  "motionVarPrefixes": []
1383
1385
  },
1384
- PopoverContent: {
1385
- "name": "PopoverContent",
1386
- "defaultProps": {},
1387
- "getStylesLiterals": {
1388
- "popoverSizeRoot": "default",
1389
- "popoverVariantRoot": "default",
1390
- "display": "flex",
1391
- "position": "relative",
1392
- "display:1": "block",
1393
- "spacingTop": "0",
1394
- "spacingStart": "0",
1395
- "spacingBottom": "0",
1396
- "spacingEnd": "0",
1397
- "popoverSizeSvgBase": "default",
1398
- "popoverVariantSvgBase": "default",
1399
- "popoverSizeSvgBorder": "default",
1400
- "popoverVariantSvgBorder": "default",
1401
- "popoverVariantBlur": "default",
1402
- "position:1": "absolute",
1403
- "width": "full",
1404
- "height": "full",
1405
- "flexShrink": "0",
1406
- "borderRadius": "full",
1407
- "alignItems": "center",
1408
- "justifyContent": "center",
1409
- "popoverVariantCloseIcon": "default",
1410
- "popoverSizeCloseIcon": "default"
1386
+ ChipBase: {
1387
+ "name": "ChipBase",
1388
+ "defaultProps": {
1389
+ "size": "md",
1390
+ "as": "div"
1411
1391
  },
1392
+ "getStylesLiterals": {},
1412
1393
  "cxLiterals": [
1413
- "z-[9999]",
1414
- "outline-none",
1415
- "focus-visible:outline-none",
1416
- "uds-bgBlurFillFallback",
1417
- "uds-bgBlurFallback",
1418
- "top-0",
1419
- "left-0",
1420
- "z-[1]",
1421
- "duration-0",
1422
- "duration-120",
1423
- "transition-[background-color]",
1424
- "bg-carbon-15/0",
1425
- "hover:bg-carbon-15/10",
1426
- "active:bg-carbon-15/15",
1427
- "uds-ring",
1428
- "absolute",
1429
- "z-[4]"
1394
+ "pointer-events-none",
1395
+ "cursor-default",
1396
+ "opacity-50",
1397
+ "inline-flex",
1398
+ "items-center",
1399
+ "transition-[background-color,outline-color,box-shadow]",
1400
+ "truncate",
1401
+ "whitespace-nowrap",
1402
+ "text-center",
1403
+ "flex-1",
1404
+ "md",
1405
+ "primary"
1430
1406
  ],
1431
1407
  "internalComponents": [
1432
- "PopoverDismiss",
1433
1408
  "IconSlot",
1434
- "PopoverArrow",
1435
- "Popover",
1436
- "SvgFloatingOverlay",
1437
- "Box",
1438
- "Pressable"
1409
+ "HStack",
1410
+ "As",
1411
+ "Text"
1439
1412
  ],
1440
- "internalComponentProps": {},
1441
- "propToVariantKeys": { "closeIcon": ["icon"] },
1442
- "runtimeConfigDefaultProps": {
1443
- "size": "popover.defaultSize",
1444
- "variant": "popover.defaultVariant"
1445
- },
1446
- "runtimeConfigGetStyles": {
1447
- "spacingTop": ["popover.spacingVertical.${size}"],
1448
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1449
- "spacingBottom": ["popover.spacingVertical.${size}"],
1450
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1413
+ "internalComponentProps": { "Text": {
1414
+ "as": ["span"],
1415
+ "color": ["current"],
1416
+ "variant": ["inherit"]
1417
+ } },
1418
+ "propToVariantKeys": {
1419
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1420
+ "startIcon": ["icon"],
1421
+ "endIcon": ["icon"]
1451
1422
  },
1452
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1423
+ "runtimeConfigDefaultProps": {},
1424
+ "runtimeConfigGetStyles": {},
1425
+ "runtimeConfigInternalComponentProps": {},
1453
1426
  "motionVarPrefixes": []
1454
1427
  },
1455
- PopoverContext: {
1456
- "name": "PopoverContext",
1457
- "defaultProps": {},
1428
+ ChipButton: {
1429
+ "name": "ChipButton",
1430
+ "defaultProps": { "variant": "primary" },
1458
1431
  "getStylesLiterals": {},
1459
- "cxLiterals": [],
1460
- "internalComponents": [],
1461
- "internalComponentProps": {},
1462
- "propToVariantKeys": {},
1432
+ "cxLiterals": ["uds-ring"],
1433
+ "internalComponents": ["ChipBase"],
1434
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1435
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1463
1436
  "runtimeConfigDefaultProps": {},
1464
1437
  "runtimeConfigGetStyles": {},
1465
1438
  "runtimeConfigInternalComponentProps": {},
1466
1439
  "motionVarPrefixes": []
1467
1440
  },
1468
- PopoverTrigger: {
1441
+ ChipDismissible: {
1442
+ "name": "ChipDismissible",
1443
+ "defaultProps": { "variant": "primary" },
1444
+ "getStylesLiterals": {},
1445
+ "cxLiterals": [
1446
+ "uds-chip-dismissible-button",
1447
+ "uds-hit-target",
1448
+ "uds-ring",
1449
+ "rounded-full"
1450
+ ],
1451
+ "internalComponents": [
1452
+ "ChipBase",
1453
+ "IconSlot",
1454
+ "Pressable"
1455
+ ],
1456
+ "internalComponentProps": {},
1457
+ "propToVariantKeys": {
1458
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1459
+ "dismissButtonAriaLabel": ["aria-label"]
1460
+ },
1461
+ "runtimeConfigDefaultProps": {},
1462
+ "runtimeConfigGetStyles": {},
1463
+ "runtimeConfigInternalComponentProps": {},
1464
+ "motionVarPrefixes": []
1465
+ },
1466
+ ChipLink: {
1467
+ "name": "ChipLink",
1468
+ "defaultProps": { "variant": "primary" },
1469
+ "getStylesLiterals": {},
1470
+ "cxLiterals": ["uds-ring"],
1471
+ "internalComponents": ["ChipBase"],
1472
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1473
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1474
+ "runtimeConfigDefaultProps": {},
1475
+ "runtimeConfigGetStyles": {},
1476
+ "runtimeConfigInternalComponentProps": {},
1477
+ "motionVarPrefixes": []
1478
+ },
1479
+ ChipToggle: {
1480
+ "name": "ChipToggle",
1481
+ "defaultProps": {
1482
+ "variant": "primary",
1483
+ "role": "checkbox"
1484
+ },
1485
+ "getStylesLiterals": {
1486
+ "chipToggleVariantActiveRoot": "on",
1487
+ "chipToggleVariantActiveRoot:1": "off"
1488
+ },
1489
+ "cxLiterals": ["uds-ring"],
1490
+ "internalComponents": ["ChipBase"],
1491
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1492
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1493
+ "runtimeConfigDefaultProps": {},
1494
+ "runtimeConfigGetStyles": {},
1495
+ "runtimeConfigInternalComponentProps": {},
1496
+ "motionVarPrefixes": []
1497
+ },
1498
+ Radio: {
1499
+ "name": "Radio",
1500
+ "defaultProps": {
1501
+ "labelPosition": "start",
1502
+ "variant": "primary",
1503
+ "size": "md",
1504
+ "value": ""
1505
+ },
1506
+ "getStylesLiterals": {
1507
+ "radioVariantValueRoot": "checked",
1508
+ "radioVariantValueRoot:1": "unchecked",
1509
+ "display": "flex",
1510
+ "flexDirection": "row",
1511
+ "flexDirection:1": "row-reverse",
1512
+ "alignItems": "center",
1513
+ "radioVariantValueRadio": "checked",
1514
+ "radioVariantValueRadio:1": "unchecked",
1515
+ "radioVariantValueRadioCircle": "checked",
1516
+ "radioVariantValueRadioCircle:1": "unchecked"
1517
+ },
1518
+ "cxLiterals": [
1519
+ "cursor-pointer",
1520
+ "cursor-default",
1521
+ "opacity-50",
1522
+ "border",
1523
+ "uds-ring",
1524
+ "uds-ring-within",
1525
+ "transition-[background-color,border-color]",
1526
+ "transition-shadow",
1527
+ "pointer-events-none",
1528
+ "w-[8px]",
1529
+ "h-[8px]",
1530
+ "opacity-55",
1531
+ "opacity-100",
1532
+ "opacity-0",
1533
+ "transition-opacity",
1534
+ "cursor-[inherit]",
1535
+ "absolute",
1536
+ "top-1/2",
1537
+ "left-1/2",
1538
+ "w-[calc(100%+2px)]",
1539
+ "h-[calc(100%+2px)]",
1540
+ "transform",
1541
+ "translate-x-[-50%]",
1542
+ "translate-y-[-50%]",
1543
+ "text-start",
1544
+ "text-end"
1545
+ ],
1546
+ "internalComponents": [
1547
+ "Box",
1548
+ "FormLabel",
1549
+ "SpringMotionConfig",
1550
+ "RootElement",
1551
+ "MotionBox"
1552
+ ],
1553
+ "internalComponentProps": {
1554
+ "Box": { "borderRadius": ["full"] },
1555
+ "FormLabel": {
1556
+ "as": ["div"],
1557
+ "variant": ["inherit"],
1558
+ "color": ["inherit"]
1559
+ },
1560
+ "RootElement": { "data-testid": ["container"] },
1561
+ "MotionBox": {
1562
+ "position": ["relative"],
1563
+ "borderRadius": ["full"],
1564
+ "alignItems": ["center"],
1565
+ "justifyContent": ["center"],
1566
+ "flex": ["none"]
1567
+ }
1568
+ },
1569
+ "propToVariantKeys": {
1570
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1571
+ "variant": [
1572
+ "radioVariantRoot",
1573
+ "radioVariantRadio",
1574
+ "radioVariantRadioCircle"
1575
+ ],
1576
+ "reduceMotion": ["reducedMotion"]
1577
+ },
1578
+ "runtimeConfigDefaultProps": {},
1579
+ "runtimeConfigGetStyles": {},
1580
+ "runtimeConfigInternalComponentProps": {},
1581
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1582
+ },
1583
+ RadioGroupProvider: {
1584
+ "name": "RadioGroupProvider",
1585
+ "defaultProps": {},
1586
+ "getStylesLiterals": {},
1587
+ "cxLiterals": [],
1588
+ "internalComponents": [
1589
+ "DivProps",
1590
+ "Comp",
1591
+ "RadioGroupContext.Provider"
1592
+ ],
1593
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1594
+ "propToVariantKeys": {},
1595
+ "runtimeConfigDefaultProps": {},
1596
+ "runtimeConfigGetStyles": {},
1597
+ "runtimeConfigInternalComponentProps": {},
1598
+ "motionVarPrefixes": []
1599
+ },
1600
+ RadioGroupStore: {
1601
+ "name": "RadioGroupStore",
1602
+ "defaultProps": {},
1603
+ "getStylesLiterals": {},
1604
+ "cxLiterals": [],
1605
+ "internalComponents": [],
1606
+ "internalComponentProps": {},
1607
+ "propToVariantKeys": {},
1608
+ "runtimeConfigDefaultProps": {},
1609
+ "runtimeConfigGetStyles": {},
1610
+ "runtimeConfigInternalComponentProps": {},
1611
+ "motionVarPrefixes": []
1612
+ },
1613
+ Popover: {
1614
+ "name": "Popover",
1615
+ "defaultProps": {},
1616
+ "getStylesLiterals": {},
1617
+ "cxLiterals": ["uds:popover-open"],
1618
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1619
+ "internalComponentProps": {},
1620
+ "propToVariantKeys": {},
1621
+ "runtimeConfigDefaultProps": {
1622
+ "size": "popover.defaultSize",
1623
+ "variant": "popover.defaultVariant"
1624
+ },
1625
+ "runtimeConfigGetStyles": {},
1626
+ "runtimeConfigInternalComponentProps": {},
1627
+ "motionVarPrefixes": []
1628
+ },
1629
+ PopoverContent: {
1630
+ "name": "PopoverContent",
1631
+ "defaultProps": {},
1632
+ "getStylesLiterals": {
1633
+ "popoverSizeRoot": "default",
1634
+ "popoverVariantRoot": "default",
1635
+ "display": "flex",
1636
+ "position": "relative",
1637
+ "display:1": "block",
1638
+ "spacingTop": "0",
1639
+ "spacingStart": "0",
1640
+ "spacingBottom": "0",
1641
+ "spacingEnd": "0",
1642
+ "popoverSizeSvgBase": "default",
1643
+ "popoverVariantSvgBase": "default",
1644
+ "popoverSizeSvgBorder": "default",
1645
+ "popoverVariantSvgBorder": "default",
1646
+ "popoverVariantBlur": "default",
1647
+ "position:1": "absolute",
1648
+ "width": "full",
1649
+ "height": "full",
1650
+ "flexShrink": "0",
1651
+ "borderRadius": "full",
1652
+ "alignItems": "center",
1653
+ "justifyContent": "center",
1654
+ "popoverVariantCloseIcon": "default",
1655
+ "popoverSizeCloseIcon": "default"
1656
+ },
1657
+ "cxLiterals": [
1658
+ "z-[9999]",
1659
+ "outline-none",
1660
+ "focus-visible:outline-none",
1661
+ "uds-bgBlurFillFallback",
1662
+ "uds-bgBlurFallback",
1663
+ "top-0",
1664
+ "left-0",
1665
+ "z-[1]",
1666
+ "duration-0",
1667
+ "duration-120",
1668
+ "transition-[background-color]",
1669
+ "bg-carbon-15/0",
1670
+ "hover:bg-carbon-15/10",
1671
+ "active:bg-carbon-15/15",
1672
+ "uds-ring",
1673
+ "absolute",
1674
+ "z-[4]"
1675
+ ],
1676
+ "internalComponents": [
1677
+ "PopoverDismiss",
1678
+ "IconSlot",
1679
+ "PopoverArrow",
1680
+ "Popover",
1681
+ "SvgFloatingOverlay",
1682
+ "Box",
1683
+ "Pressable"
1684
+ ],
1685
+ "internalComponentProps": {},
1686
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1687
+ "runtimeConfigDefaultProps": {
1688
+ "size": "popover.defaultSize",
1689
+ "variant": "popover.defaultVariant"
1690
+ },
1691
+ "runtimeConfigGetStyles": {
1692
+ "spacingTop": ["popover.spacingVertical.${size}"],
1693
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1694
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1695
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1696
+ },
1697
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1698
+ "motionVarPrefixes": []
1699
+ },
1700
+ PopoverContext: {
1701
+ "name": "PopoverContext",
1702
+ "defaultProps": {},
1703
+ "getStylesLiterals": {},
1704
+ "cxLiterals": [],
1705
+ "internalComponents": [],
1706
+ "internalComponentProps": {},
1707
+ "propToVariantKeys": {},
1708
+ "runtimeConfigDefaultProps": {},
1709
+ "runtimeConfigGetStyles": {},
1710
+ "runtimeConfigInternalComponentProps": {},
1711
+ "motionVarPrefixes": []
1712
+ },
1713
+ PopoverTrigger: {
1469
1714
  "name": "PopoverTrigger",
1470
1715
  "defaultProps": {},
1471
1716
  "getStylesLiterals": {},
@@ -2589,259 +2834,14 @@ var componentData_default = {
2589
2834
  "cxLiterals": [],
2590
2835
  "internalComponents": ["IconSlot", "HStack"],
2591
2836
  "internalComponentProps": { "HStack": {
2592
- "gap": ["1"],
2593
- "alignItems": ["center"]
2594
- } },
2595
- "propToVariantKeys": {
2596
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2597
- "startIcon": ["icon"],
2598
- "endIcon": ["icon"]
2599
- },
2600
- "runtimeConfigDefaultProps": {},
2601
- "runtimeConfigGetStyles": {},
2602
- "runtimeConfigInternalComponentProps": {},
2603
- "motionVarPrefixes": []
2604
- },
2605
- Chip: {
2606
- "name": "Chip",
2607
- "defaultProps": {},
2608
- "getStylesLiterals": {},
2609
- "cxLiterals": [],
2610
- "internalComponents": [
2611
- "ChipDismissible",
2612
- "ChipToggle",
2613
- "ChipLink",
2614
- "ChipButton"
2615
- ],
2616
- "internalComponentProps": {},
2617
- "propToVariantKeys": {},
2618
- "runtimeConfigDefaultProps": {},
2619
- "runtimeConfigGetStyles": {},
2620
- "runtimeConfigInternalComponentProps": {},
2621
- "motionVarPrefixes": []
2622
- },
2623
- ChipBase: {
2624
- "name": "ChipBase",
2625
- "defaultProps": {
2626
- "size": "md",
2627
- "as": "div"
2628
- },
2629
- "getStylesLiterals": {},
2630
- "cxLiterals": [
2631
- "pointer-events-none",
2632
- "cursor-default",
2633
- "opacity-50",
2634
- "inline-flex",
2635
- "items-center",
2636
- "transition-[background-color,outline-color,box-shadow]",
2637
- "truncate",
2638
- "whitespace-nowrap",
2639
- "text-center",
2640
- "flex-1",
2641
- "md",
2642
- "primary"
2643
- ],
2644
- "internalComponents": [
2645
- "IconSlot",
2646
- "HStack",
2647
- "As",
2648
- "Text"
2649
- ],
2650
- "internalComponentProps": { "Text": {
2651
- "as": ["span"],
2652
- "color": ["current"],
2653
- "variant": ["inherit"]
2654
- } },
2655
- "propToVariantKeys": {
2656
- "size": ["chipSizeRoot", "chipSizeIcon"],
2657
- "startIcon": ["icon"],
2658
- "endIcon": ["icon"]
2659
- },
2660
- "runtimeConfigDefaultProps": {},
2661
- "runtimeConfigGetStyles": {},
2662
- "runtimeConfigInternalComponentProps": {},
2663
- "motionVarPrefixes": []
2664
- },
2665
- ChipButton: {
2666
- "name": "ChipButton",
2667
- "defaultProps": { "variant": "primary" },
2668
- "getStylesLiterals": {},
2669
- "cxLiterals": ["uds-ring"],
2670
- "internalComponents": ["ChipBase"],
2671
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2672
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2673
- "runtimeConfigDefaultProps": {},
2674
- "runtimeConfigGetStyles": {},
2675
- "runtimeConfigInternalComponentProps": {},
2676
- "motionVarPrefixes": []
2677
- },
2678
- ChipDismissible: {
2679
- "name": "ChipDismissible",
2680
- "defaultProps": { "variant": "primary" },
2681
- "getStylesLiterals": {},
2682
- "cxLiterals": [
2683
- "uds-chip-dismissible-button",
2684
- "uds-hit-target",
2685
- "uds-ring",
2686
- "rounded-full"
2687
- ],
2688
- "internalComponents": [
2689
- "ChipBase",
2690
- "IconSlot",
2691
- "Pressable"
2692
- ],
2693
- "internalComponentProps": {},
2694
- "propToVariantKeys": {
2695
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2696
- "dismissButtonAriaLabel": ["aria-label"]
2697
- },
2698
- "runtimeConfigDefaultProps": {},
2699
- "runtimeConfigGetStyles": {},
2700
- "runtimeConfigInternalComponentProps": {},
2701
- "motionVarPrefixes": []
2702
- },
2703
- ChipLink: {
2704
- "name": "ChipLink",
2705
- "defaultProps": { "variant": "primary" },
2706
- "getStylesLiterals": {},
2707
- "cxLiterals": ["uds-ring"],
2708
- "internalComponents": ["ChipBase"],
2709
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2710
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2711
- "runtimeConfigDefaultProps": {},
2712
- "runtimeConfigGetStyles": {},
2713
- "runtimeConfigInternalComponentProps": {},
2714
- "motionVarPrefixes": []
2715
- },
2716
- ChipToggle: {
2717
- "name": "ChipToggle",
2718
- "defaultProps": {
2719
- "variant": "primary",
2720
- "role": "checkbox"
2721
- },
2722
- "getStylesLiterals": {
2723
- "chipToggleVariantActiveRoot": "on",
2724
- "chipToggleVariantActiveRoot:1": "off"
2725
- },
2726
- "cxLiterals": ["uds-ring"],
2727
- "internalComponents": ["ChipBase"],
2728
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2729
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
2730
- "runtimeConfigDefaultProps": {},
2731
- "runtimeConfigGetStyles": {},
2732
- "runtimeConfigInternalComponentProps": {},
2733
- "motionVarPrefixes": []
2734
- },
2735
- Radio: {
2736
- "name": "Radio",
2737
- "defaultProps": {
2738
- "labelPosition": "start",
2739
- "variant": "primary",
2740
- "size": "md",
2741
- "value": ""
2742
- },
2743
- "getStylesLiterals": {
2744
- "radioVariantValueRoot": "checked",
2745
- "radioVariantValueRoot:1": "unchecked",
2746
- "display": "flex",
2747
- "flexDirection": "row",
2748
- "flexDirection:1": "row-reverse",
2749
- "alignItems": "center",
2750
- "radioVariantValueRadio": "checked",
2751
- "radioVariantValueRadio:1": "unchecked",
2752
- "radioVariantValueRadioCircle": "checked",
2753
- "radioVariantValueRadioCircle:1": "unchecked"
2754
- },
2755
- "cxLiterals": [
2756
- "cursor-pointer",
2757
- "cursor-default",
2758
- "opacity-50",
2759
- "border",
2760
- "uds-ring",
2761
- "uds-ring-within",
2762
- "transition-[background-color,border-color]",
2763
- "transition-shadow",
2764
- "pointer-events-none",
2765
- "w-[8px]",
2766
- "h-[8px]",
2767
- "opacity-55",
2768
- "opacity-100",
2769
- "opacity-0",
2770
- "transition-opacity",
2771
- "cursor-[inherit]",
2772
- "absolute",
2773
- "top-1/2",
2774
- "left-1/2",
2775
- "w-[calc(100%+2px)]",
2776
- "h-[calc(100%+2px)]",
2777
- "transform",
2778
- "translate-x-[-50%]",
2779
- "translate-y-[-50%]",
2780
- "text-start",
2781
- "text-end"
2782
- ],
2783
- "internalComponents": [
2784
- "Box",
2785
- "FormLabel",
2786
- "SpringMotionConfig",
2787
- "RootElement",
2788
- "MotionBox"
2789
- ],
2790
- "internalComponentProps": {
2791
- "Box": { "borderRadius": ["full"] },
2792
- "FormLabel": {
2793
- "as": ["div"],
2794
- "variant": ["inherit"],
2795
- "color": ["inherit"]
2796
- },
2797
- "RootElement": { "data-testid": ["container"] },
2798
- "MotionBox": {
2799
- "position": ["relative"],
2800
- "borderRadius": ["full"],
2801
- "alignItems": ["center"],
2802
- "justifyContent": ["center"],
2803
- "flex": ["none"]
2804
- }
2805
- },
2806
- "propToVariantKeys": {
2807
- "size": ["radioSizeRoot", "radioSizeRadio"],
2808
- "variant": [
2809
- "radioVariantRoot",
2810
- "radioVariantRadio",
2811
- "radioVariantRadioCircle"
2812
- ],
2813
- "reduceMotion": ["reducedMotion"]
2814
- },
2815
- "runtimeConfigDefaultProps": {},
2816
- "runtimeConfigGetStyles": {},
2817
- "runtimeConfigInternalComponentProps": {},
2818
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2819
- },
2820
- RadioGroupProvider: {
2821
- "name": "RadioGroupProvider",
2822
- "defaultProps": {},
2823
- "getStylesLiterals": {},
2824
- "cxLiterals": [],
2825
- "internalComponents": [
2826
- "DivProps",
2827
- "Comp",
2828
- "RadioGroupContext.Provider"
2829
- ],
2830
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2831
- "propToVariantKeys": {},
2832
- "runtimeConfigDefaultProps": {},
2833
- "runtimeConfigGetStyles": {},
2834
- "runtimeConfigInternalComponentProps": {},
2835
- "motionVarPrefixes": []
2836
- },
2837
- RadioGroupStore: {
2838
- "name": "RadioGroupStore",
2839
- "defaultProps": {},
2840
- "getStylesLiterals": {},
2841
- "cxLiterals": [],
2842
- "internalComponents": [],
2843
- "internalComponentProps": {},
2844
- "propToVariantKeys": {},
2837
+ "gap": ["1"],
2838
+ "alignItems": ["center"]
2839
+ } },
2840
+ "propToVariantKeys": {
2841
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2842
+ "startIcon": ["icon"],
2843
+ "endIcon": ["icon"]
2844
+ },
2845
2845
  "runtimeConfigDefaultProps": {},
2846
2846
  "runtimeConfigGetStyles": {},
2847
2847
  "runtimeConfigInternalComponentProps": {},
@@ -2987,6 +2987,130 @@ var componentData_default = {
2987
2987
  "runtimeConfigInternalComponentProps": {},
2988
2988
  "motionVarPrefixes": []
2989
2989
  },
2990
+ Tooltip: {
2991
+ "name": "Tooltip",
2992
+ "defaultProps": {},
2993
+ "getStylesLiterals": {},
2994
+ "cxLiterals": [],
2995
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2996
+ "internalComponentProps": {},
2997
+ "propToVariantKeys": {},
2998
+ "runtimeConfigDefaultProps": {},
2999
+ "runtimeConfigGetStyles": {},
3000
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
3001
+ "motionVarPrefixes": []
3002
+ },
3003
+ TooltipContent: {
3004
+ "name": "TooltipContent",
3005
+ "defaultProps": {},
3006
+ "getStylesLiterals": {
3007
+ "tooltipSizeRoot": "default",
3008
+ "tooltipVariantRoot": "default",
3009
+ "tooltipSizeSvg": "default",
3010
+ "tooltipVariantSvg": "default",
3011
+ "tooltipVariantBlur": "default",
3012
+ "position": "absolute",
3013
+ "width": "full",
3014
+ "height": "full",
3015
+ "tooltipSizeTitle": "default",
3016
+ "tooltipSizeBody": "default",
3017
+ "tooltipSizeEndContent": "default",
3018
+ "tooltipSizeIcon": "default",
3019
+ "tooltipVariantIcon": "default"
3020
+ },
3021
+ "cxLiterals": [
3022
+ "max-w-lg",
3023
+ "flex",
3024
+ "z-[9999]",
3025
+ "uds-bgBlurFillFallback",
3026
+ "uds-bgBlurFallback",
3027
+ "top-0",
3028
+ "left-0",
3029
+ "z-[1]"
3030
+ ],
3031
+ "internalComponents": [
3032
+ "IconSlot",
3033
+ "TooltipArrow",
3034
+ "Tooltip",
3035
+ "SvgFloatingOverlay",
3036
+ "VStack",
3037
+ "Box",
3038
+ "Text"
3039
+ ],
3040
+ "internalComponentProps": {
3041
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
3042
+ "VStack": { "className": ["gap-[inherit]"] },
3043
+ "Box": {
3044
+ "alignItems": ["center"],
3045
+ "columnGap": ["1", "1.5"]
3046
+ },
3047
+ "Text": { "color": ["inherit"] }
3048
+ },
3049
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
3050
+ "runtimeConfigDefaultProps": {},
3051
+ "runtimeConfigGetStyles": {},
3052
+ "runtimeConfigInternalComponentProps": {},
3053
+ "motionVarPrefixes": []
3054
+ },
3055
+ TooltipTrigger: {
3056
+ "name": "TooltipTrigger",
3057
+ "defaultProps": {},
3058
+ "getStylesLiterals": {},
3059
+ "cxLiterals": [],
3060
+ "internalComponents": ["TooltipAnchor"],
3061
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
3062
+ "propToVariantKeys": { "children": ["render"] },
3063
+ "runtimeConfigDefaultProps": {},
3064
+ "runtimeConfigGetStyles": {},
3065
+ "runtimeConfigInternalComponentProps": {},
3066
+ "motionVarPrefixes": []
3067
+ },
3068
+ UDSTooltipConfigProvider: {
3069
+ "name": "UDSTooltipConfigProvider",
3070
+ "defaultProps": {},
3071
+ "getStylesLiterals": {},
3072
+ "cxLiterals": [],
3073
+ "internalComponents": ["TooltipContext.Provider"],
3074
+ "internalComponentProps": {},
3075
+ "propToVariantKeys": {},
3076
+ "runtimeConfigDefaultProps": {},
3077
+ "runtimeConfigGetStyles": {},
3078
+ "runtimeConfigInternalComponentProps": {},
3079
+ "motionVarPrefixes": []
3080
+ },
3081
+ UDSBreakpointsConfigProvider: {
3082
+ "name": "UDSBreakpointsConfigProvider",
3083
+ "defaultProps": {},
3084
+ "getStylesLiterals": {},
3085
+ "cxLiterals": [],
3086
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
3087
+ "internalComponentProps": {},
3088
+ "propToVariantKeys": {},
3089
+ "runtimeConfigDefaultProps": {},
3090
+ "runtimeConfigGetStyles": {},
3091
+ "runtimeConfigInternalComponentProps": {},
3092
+ "motionVarPrefixes": []
3093
+ },
3094
+ UDSConfigProvider: {
3095
+ "name": "UDSConfigProvider",
3096
+ "defaultProps": {},
3097
+ "getStylesLiterals": {},
3098
+ "cxLiterals": [],
3099
+ "internalComponents": [
3100
+ "UDSBreakpointsConfigProvider",
3101
+ "UDSBottomSheetConfigProvider",
3102
+ "UDSToastConfigProvider",
3103
+ "UDSTooltipConfigProvider",
3104
+ "UDSPopoverConfigProvider",
3105
+ "UDSModalConfigProvider"
3106
+ ],
3107
+ "internalComponentProps": {},
3108
+ "propToVariantKeys": {},
3109
+ "runtimeConfigDefaultProps": {},
3110
+ "runtimeConfigGetStyles": {},
3111
+ "runtimeConfigInternalComponentProps": {},
3112
+ "motionVarPrefixes": []
3113
+ },
2990
3114
  Toast: {
2991
3115
  "name": "Toast",
2992
3116
  "defaultProps": {},
@@ -3117,130 +3241,6 @@ var componentData_default = {
3117
3241
  "runtimeConfigGetStyles": {},
3118
3242
  "runtimeConfigInternalComponentProps": {},
3119
3243
  "motionVarPrefixes": []
3120
- },
3121
- Tooltip: {
3122
- "name": "Tooltip",
3123
- "defaultProps": {},
3124
- "getStylesLiterals": {},
3125
- "cxLiterals": [],
3126
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
3127
- "internalComponentProps": {},
3128
- "propToVariantKeys": {},
3129
- "runtimeConfigDefaultProps": {},
3130
- "runtimeConfigGetStyles": {},
3131
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
3132
- "motionVarPrefixes": []
3133
- },
3134
- TooltipContent: {
3135
- "name": "TooltipContent",
3136
- "defaultProps": {},
3137
- "getStylesLiterals": {
3138
- "tooltipSizeRoot": "default",
3139
- "tooltipVariantRoot": "default",
3140
- "tooltipSizeSvg": "default",
3141
- "tooltipVariantSvg": "default",
3142
- "tooltipVariantBlur": "default",
3143
- "position": "absolute",
3144
- "width": "full",
3145
- "height": "full",
3146
- "tooltipSizeTitle": "default",
3147
- "tooltipSizeBody": "default",
3148
- "tooltipSizeEndContent": "default",
3149
- "tooltipSizeIcon": "default",
3150
- "tooltipVariantIcon": "default"
3151
- },
3152
- "cxLiterals": [
3153
- "max-w-lg",
3154
- "flex",
3155
- "z-[9999]",
3156
- "uds-bgBlurFillFallback",
3157
- "uds-bgBlurFallback",
3158
- "top-0",
3159
- "left-0",
3160
- "z-[1]"
3161
- ],
3162
- "internalComponents": [
3163
- "IconSlot",
3164
- "TooltipArrow",
3165
- "Tooltip",
3166
- "SvgFloatingOverlay",
3167
- "VStack",
3168
- "Box",
3169
- "Text"
3170
- ],
3171
- "internalComponentProps": {
3172
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
3173
- "VStack": { "className": ["gap-[inherit]"] },
3174
- "Box": {
3175
- "alignItems": ["center"],
3176
- "columnGap": ["1", "1.5"]
3177
- },
3178
- "Text": { "color": ["inherit"] }
3179
- },
3180
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
3181
- "runtimeConfigDefaultProps": {},
3182
- "runtimeConfigGetStyles": {},
3183
- "runtimeConfigInternalComponentProps": {},
3184
- "motionVarPrefixes": []
3185
- },
3186
- TooltipTrigger: {
3187
- "name": "TooltipTrigger",
3188
- "defaultProps": {},
3189
- "getStylesLiterals": {},
3190
- "cxLiterals": [],
3191
- "internalComponents": ["TooltipAnchor"],
3192
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
3193
- "propToVariantKeys": { "children": ["render"] },
3194
- "runtimeConfigDefaultProps": {},
3195
- "runtimeConfigGetStyles": {},
3196
- "runtimeConfigInternalComponentProps": {},
3197
- "motionVarPrefixes": []
3198
- },
3199
- UDSTooltipConfigProvider: {
3200
- "name": "UDSTooltipConfigProvider",
3201
- "defaultProps": {},
3202
- "getStylesLiterals": {},
3203
- "cxLiterals": [],
3204
- "internalComponents": ["TooltipContext.Provider"],
3205
- "internalComponentProps": {},
3206
- "propToVariantKeys": {},
3207
- "runtimeConfigDefaultProps": {},
3208
- "runtimeConfigGetStyles": {},
3209
- "runtimeConfigInternalComponentProps": {},
3210
- "motionVarPrefixes": []
3211
- },
3212
- UDSBreakpointsConfigProvider: {
3213
- "name": "UDSBreakpointsConfigProvider",
3214
- "defaultProps": {},
3215
- "getStylesLiterals": {},
3216
- "cxLiterals": [],
3217
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
3218
- "internalComponentProps": {},
3219
- "propToVariantKeys": {},
3220
- "runtimeConfigDefaultProps": {},
3221
- "runtimeConfigGetStyles": {},
3222
- "runtimeConfigInternalComponentProps": {},
3223
- "motionVarPrefixes": []
3224
- },
3225
- UDSConfigProvider: {
3226
- "name": "UDSConfigProvider",
3227
- "defaultProps": {},
3228
- "getStylesLiterals": {},
3229
- "cxLiterals": [],
3230
- "internalComponents": [
3231
- "UDSBreakpointsConfigProvider",
3232
- "UDSBottomSheetConfigProvider",
3233
- "UDSToastConfigProvider",
3234
- "UDSTooltipConfigProvider",
3235
- "UDSPopoverConfigProvider",
3236
- "UDSModalConfigProvider"
3237
- ],
3238
- "internalComponentProps": {},
3239
- "propToVariantKeys": {},
3240
- "runtimeConfigDefaultProps": {},
3241
- "runtimeConfigGetStyles": {},
3242
- "runtimeConfigInternalComponentProps": {},
3243
- "motionVarPrefixes": []
3244
3244
  }
3245
3245
  };
3246
3246
  //#endregion