@yahoo/uds 3.114.0-beta.2 → 3.114.0-beta.3

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.
@@ -190,7 +190,11 @@ var Spinner = {
190
190
  "size": "lg"
191
191
  },
192
192
  "getStylesLiterals": {},
193
- "cxLiterals": ["self-center", "relative"],
193
+ "cxLiterals": [
194
+ "self-center",
195
+ "relative",
196
+ "sr-only"
197
+ ],
194
198
  "internalComponents": ["Icon"],
195
199
  "internalComponentProps": { "Icon": {
196
200
  "role": ["img"],
@@ -523,7 +527,12 @@ var Badge = {
523
527
  "size": "md"
524
528
  },
525
529
  "getStylesLiterals": {},
526
- "cxLiterals": [],
530
+ "cxLiterals": [
531
+ "flex-1",
532
+ "truncate",
533
+ "whitespace-nowrap",
534
+ "text-center"
535
+ ],
527
536
  "internalComponents": ["IconSlot", "HStack"],
528
537
  "internalComponentProps": {
529
538
  "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
@@ -545,7 +554,7 @@ var AnimateHeightChange = {
545
554
  "name": "AnimateHeightChange",
546
555
  "defaultProps": {},
547
556
  "getStylesLiterals": {},
548
- "cxLiterals": [],
557
+ "cxLiterals": ["overflow-hidden"],
549
558
  "internalComponents": ["SpringMotionConfig"],
550
559
  "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
551
560
  "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
@@ -561,95 +570,6 @@ var Pressable = {
561
570
  "propToVariantKeys": {},
562
571
  "motionVarPrefixes": []
563
572
  };
564
- var AvatarImage = {
565
- "name": "AvatarImage",
566
- "defaultProps": {
567
- "size": "md",
568
- "variant": "primary"
569
- },
570
- "getStylesLiterals": {},
571
- "cxLiterals": [
572
- "overflow-hidden",
573
- "w-full",
574
- "h-full",
575
- "shrink-0",
576
- "text-center",
577
- "inline-flex",
578
- "justify-center",
579
- "items-center",
580
- "object-cover"
581
- ],
582
- "internalComponents": [
583
- "UDSImage",
584
- "AvatarText",
585
- "AvatarIcon",
586
- "Box"
587
- ],
588
- "internalComponentProps": {},
589
- "propToVariantKeys": {
590
- "alt": ["name"],
591
- "fallback": ["initials"]
592
- },
593
- "motionVarPrefixes": []
594
- };
595
- var AvatarText = {
596
- "name": "AvatarText",
597
- "defaultProps": {
598
- "size": "md",
599
- "variant": "primary"
600
- },
601
- "getStylesLiterals": {},
602
- "cxLiterals": [
603
- "overflow-hidden",
604
- "truncate",
605
- "w-full",
606
- "h-full",
607
- "shrink-0",
608
- "text-center",
609
- "inline-flex",
610
- "justify-center",
611
- "items-center"
612
- ],
613
- "internalComponents": ["Box", "Text"],
614
- "internalComponentProps": { "Text": {
615
- "color": ["inherit"],
616
- "variant": ["inherit"]
617
- } },
618
- "propToVariantKeys": {},
619
- "motionVarPrefixes": []
620
- };
621
- var Avatar = {
622
- "name": "Avatar",
623
- "defaultProps": {},
624
- "getStylesLiterals": {},
625
- "cxLiterals": [],
626
- "internalComponents": ["AvatarImage"],
627
- "internalComponentProps": {},
628
- "propToVariantKeys": {},
629
- "motionVarPrefixes": []
630
- };
631
- var AvatarIcon = {
632
- "name": "AvatarIcon",
633
- "defaultProps": {
634
- "size": "md",
635
- "variant": "primary"
636
- },
637
- "getStylesLiterals": {},
638
- "cxLiterals": [
639
- "overflow-hidden",
640
- "w-full",
641
- "h-full",
642
- "shrink-0",
643
- "text-center",
644
- "inline-flex",
645
- "justify-center",
646
- "items-center"
647
- ],
648
- "internalComponents": ["IconSlot", "Box"],
649
- "internalComponentProps": {},
650
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
651
- "motionVarPrefixes": []
652
- };
653
573
  var AvoidMotionLibraryProvider = {
654
574
  "name": "AvoidMotionLibraryProvider",
655
575
  "defaultProps": {},
@@ -889,7 +809,11 @@ var Modal = {
889
809
  "transition",
890
810
  "duration-150",
891
811
  "data-[enter]:scale-100",
892
- "data-[enter]:opacity-100"
812
+ "data-[enter]:opacity-100",
813
+ "data-[enter]:bg-primary",
814
+ "backdrop-blur-0",
815
+ "data-[enter]:opacity-60",
816
+ "data-[enter]:backdrop-blur-sm"
893
817
  ],
894
818
  "internalComponents": [
895
819
  "IconButton",
@@ -972,6 +896,95 @@ var Accordion = {
972
896
  "propToVariantKeys": {},
973
897
  "motionVarPrefixes": ["--uds-motion-smooth-3-"]
974
898
  };
899
+ var AvatarImage = {
900
+ "name": "AvatarImage",
901
+ "defaultProps": {
902
+ "size": "md",
903
+ "variant": "primary"
904
+ },
905
+ "getStylesLiterals": {},
906
+ "cxLiterals": [
907
+ "overflow-hidden",
908
+ "w-full",
909
+ "h-full",
910
+ "shrink-0",
911
+ "text-center",
912
+ "inline-flex",
913
+ "justify-center",
914
+ "items-center",
915
+ "object-cover"
916
+ ],
917
+ "internalComponents": [
918
+ "UDSImage",
919
+ "AvatarText",
920
+ "AvatarIcon",
921
+ "Box"
922
+ ],
923
+ "internalComponentProps": {},
924
+ "propToVariantKeys": {
925
+ "alt": ["name"],
926
+ "fallback": ["initials"]
927
+ },
928
+ "motionVarPrefixes": []
929
+ };
930
+ var AvatarText = {
931
+ "name": "AvatarText",
932
+ "defaultProps": {
933
+ "size": "md",
934
+ "variant": "primary"
935
+ },
936
+ "getStylesLiterals": {},
937
+ "cxLiterals": [
938
+ "overflow-hidden",
939
+ "truncate",
940
+ "w-full",
941
+ "h-full",
942
+ "shrink-0",
943
+ "text-center",
944
+ "inline-flex",
945
+ "justify-center",
946
+ "items-center"
947
+ ],
948
+ "internalComponents": ["Box", "Text"],
949
+ "internalComponentProps": { "Text": {
950
+ "color": ["inherit"],
951
+ "variant": ["inherit"]
952
+ } },
953
+ "propToVariantKeys": {},
954
+ "motionVarPrefixes": []
955
+ };
956
+ var Avatar = {
957
+ "name": "Avatar",
958
+ "defaultProps": {},
959
+ "getStylesLiterals": {},
960
+ "cxLiterals": [],
961
+ "internalComponents": ["AvatarImage"],
962
+ "internalComponentProps": {},
963
+ "propToVariantKeys": {},
964
+ "motionVarPrefixes": []
965
+ };
966
+ var AvatarIcon = {
967
+ "name": "AvatarIcon",
968
+ "defaultProps": {
969
+ "size": "md",
970
+ "variant": "primary"
971
+ },
972
+ "getStylesLiterals": {},
973
+ "cxLiterals": [
974
+ "overflow-hidden",
975
+ "w-full",
976
+ "h-full",
977
+ "shrink-0",
978
+ "text-center",
979
+ "inline-flex",
980
+ "justify-center",
981
+ "items-center"
982
+ ],
983
+ "internalComponents": ["IconSlot", "Box"],
984
+ "internalComponentProps": {},
985
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
986
+ "motionVarPrefixes": []
987
+ };
975
988
  var UDSToastConfigProvider = {
976
989
  "name": "UDSToastConfigProvider",
977
990
  "defaultProps": {},
@@ -1207,7 +1220,13 @@ var TooltipContent = {
1207
1220
  "left-0",
1208
1221
  "z-[1]",
1209
1222
  "transition-opacity",
1210
- "ease-in-out"
1223
+ "ease-in-out",
1224
+ "absolute",
1225
+ "w-full",
1226
+ "h-full",
1227
+ "overflow-visible",
1228
+ "pointer-events-none",
1229
+ "z-[2]"
1211
1230
  ],
1212
1231
  "internalComponents": [
1213
1232
  "Box",
@@ -1384,116 +1403,6 @@ var UDSBreakpointsConfigProvider = {
1384
1403
  "propToVariantKeys": {},
1385
1404
  "motionVarPrefixes": []
1386
1405
  };
1387
- var ChipLink = {
1388
- "name": "ChipLink",
1389
- "defaultProps": { "variant": "primary" },
1390
- "getStylesLiterals": {},
1391
- "cxLiterals": ["uds-ring"],
1392
- "internalComponents": ["ChipBase"],
1393
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1394
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1395
- "motionVarPrefixes": []
1396
- };
1397
- var ChipDismissible = {
1398
- "name": "ChipDismissible",
1399
- "defaultProps": { "variant": "primary" },
1400
- "getStylesLiterals": {},
1401
- "cxLiterals": [
1402
- "uds-chip-dismissible-button",
1403
- "uds-hit-target",
1404
- "uds-ring",
1405
- "rounded-full"
1406
- ],
1407
- "internalComponents": [
1408
- "ChipBase",
1409
- "IconSlot",
1410
- "Pressable"
1411
- ],
1412
- "internalComponentProps": {},
1413
- "propToVariantKeys": {
1414
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1415
- "dismissButtonAriaLabel": ["aria-label"]
1416
- },
1417
- "motionVarPrefixes": []
1418
- };
1419
- var ChipToggle = {
1420
- "name": "ChipToggle",
1421
- "defaultProps": {
1422
- "variant": "primary",
1423
- "role": "checkbox"
1424
- },
1425
- "getStylesLiterals": {
1426
- "chipToggleVariantActiveRoot": "on",
1427
- "chipToggleVariantActiveRoot:1": "off"
1428
- },
1429
- "cxLiterals": ["uds-ring"],
1430
- "internalComponents": ["ChipBase"],
1431
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1432
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1433
- "motionVarPrefixes": []
1434
- };
1435
- var Chip = {
1436
- "name": "Chip",
1437
- "defaultProps": {},
1438
- "getStylesLiterals": {},
1439
- "cxLiterals": [],
1440
- "internalComponents": [
1441
- "ChipDismissible",
1442
- "ChipToggle",
1443
- "ChipLink",
1444
- "ChipButton"
1445
- ],
1446
- "internalComponentProps": {},
1447
- "propToVariantKeys": {},
1448
- "motionVarPrefixes": []
1449
- };
1450
- var ChipBase = {
1451
- "name": "ChipBase",
1452
- "defaultProps": {
1453
- "size": "md",
1454
- "as": "div"
1455
- },
1456
- "getStylesLiterals": {},
1457
- "cxLiterals": [
1458
- "pointer-events-none",
1459
- "cursor-default",
1460
- "opacity-50",
1461
- "inline-flex",
1462
- "items-center",
1463
- "transition-[background-color,outline-color,box-shadow]",
1464
- "truncate",
1465
- "whitespace-nowrap",
1466
- "text-center",
1467
- "flex-1"
1468
- ],
1469
- "internalComponents": [
1470
- "IconSlot",
1471
- "HStack",
1472
- "As",
1473
- "Text"
1474
- ],
1475
- "internalComponentProps": { "Text": {
1476
- "as": ["span"],
1477
- "color": ["current"],
1478
- "variant": ["inherit"]
1479
- } },
1480
- "propToVariantKeys": {
1481
- "size": ["chipSizeRoot", "chipSizeIcon"],
1482
- "startIcon": ["icon"],
1483
- "endIcon": ["icon"]
1484
- },
1485
- "motionVarPrefixes": []
1486
- };
1487
- var ChipButton = {
1488
- "name": "ChipButton",
1489
- "defaultProps": { "variant": "primary" },
1490
- "getStylesLiterals": {},
1491
- "cxLiterals": ["uds-ring"],
1492
- "internalComponents": ["ChipBase"],
1493
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1494
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1495
- "motionVarPrefixes": []
1496
- };
1497
1406
  var Menu_Item = {
1498
1407
  "name": "Menu.Item",
1499
1408
  "defaultProps": {},
@@ -1554,7 +1463,9 @@ var Menu_ItemBase = {
1554
1463
  "duration-20",
1555
1464
  "transition-[font-variation-settings]",
1556
1465
  "ease-in-out",
1557
- "z-0"
1466
+ "z-0",
1467
+ "uds-start-icon",
1468
+ "uds-end-icon"
1558
1469
  ],
1559
1470
  "internalComponents": [
1560
1471
  "Pressable",
@@ -1671,6 +1582,116 @@ var Menu_ItemCheckbox = {
1671
1582
  "propToVariantKeys": {},
1672
1583
  "motionVarPrefixes": []
1673
1584
  };
1585
+ var ChipLink = {
1586
+ "name": "ChipLink",
1587
+ "defaultProps": { "variant": "primary" },
1588
+ "getStylesLiterals": {},
1589
+ "cxLiterals": ["uds-ring"],
1590
+ "internalComponents": ["ChipBase"],
1591
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1592
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1593
+ "motionVarPrefixes": []
1594
+ };
1595
+ var ChipDismissible = {
1596
+ "name": "ChipDismissible",
1597
+ "defaultProps": { "variant": "primary" },
1598
+ "getStylesLiterals": {},
1599
+ "cxLiterals": [
1600
+ "uds-chip-dismissible-button",
1601
+ "uds-hit-target",
1602
+ "uds-ring",
1603
+ "rounded-full"
1604
+ ],
1605
+ "internalComponents": [
1606
+ "ChipBase",
1607
+ "IconSlot",
1608
+ "Pressable"
1609
+ ],
1610
+ "internalComponentProps": {},
1611
+ "propToVariantKeys": {
1612
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1613
+ "dismissButtonAriaLabel": ["aria-label"]
1614
+ },
1615
+ "motionVarPrefixes": []
1616
+ };
1617
+ var ChipToggle = {
1618
+ "name": "ChipToggle",
1619
+ "defaultProps": {
1620
+ "variant": "primary",
1621
+ "role": "checkbox"
1622
+ },
1623
+ "getStylesLiterals": {
1624
+ "chipToggleVariantActiveRoot": "on",
1625
+ "chipToggleVariantActiveRoot:1": "off"
1626
+ },
1627
+ "cxLiterals": ["uds-ring"],
1628
+ "internalComponents": ["ChipBase"],
1629
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1630
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1631
+ "motionVarPrefixes": []
1632
+ };
1633
+ var Chip = {
1634
+ "name": "Chip",
1635
+ "defaultProps": {},
1636
+ "getStylesLiterals": {},
1637
+ "cxLiterals": [],
1638
+ "internalComponents": [
1639
+ "ChipDismissible",
1640
+ "ChipToggle",
1641
+ "ChipLink",
1642
+ "ChipButton"
1643
+ ],
1644
+ "internalComponentProps": {},
1645
+ "propToVariantKeys": {},
1646
+ "motionVarPrefixes": []
1647
+ };
1648
+ var ChipBase = {
1649
+ "name": "ChipBase",
1650
+ "defaultProps": {
1651
+ "size": "md",
1652
+ "as": "div"
1653
+ },
1654
+ "getStylesLiterals": {},
1655
+ "cxLiterals": [
1656
+ "pointer-events-none",
1657
+ "cursor-default",
1658
+ "opacity-50",
1659
+ "inline-flex",
1660
+ "items-center",
1661
+ "transition-[background-color,outline-color,box-shadow]",
1662
+ "truncate",
1663
+ "whitespace-nowrap",
1664
+ "text-center",
1665
+ "flex-1"
1666
+ ],
1667
+ "internalComponents": [
1668
+ "IconSlot",
1669
+ "HStack",
1670
+ "As",
1671
+ "Text"
1672
+ ],
1673
+ "internalComponentProps": { "Text": {
1674
+ "as": ["span"],
1675
+ "color": ["current"],
1676
+ "variant": ["inherit"]
1677
+ } },
1678
+ "propToVariantKeys": {
1679
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1680
+ "startIcon": ["icon"],
1681
+ "endIcon": ["icon"]
1682
+ },
1683
+ "motionVarPrefixes": []
1684
+ };
1685
+ var ChipButton = {
1686
+ "name": "ChipButton",
1687
+ "defaultProps": { "variant": "primary" },
1688
+ "getStylesLiterals": {},
1689
+ "cxLiterals": ["uds-ring"],
1690
+ "internalComponents": ["ChipBase"],
1691
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1692
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1693
+ "motionVarPrefixes": []
1694
+ };
1674
1695
  var componentData_default = {
1675
1696
  Link,
1676
1697
  VStack,
@@ -1695,10 +1716,6 @@ var componentData_default = {
1695
1716
  Badge,
1696
1717
  AnimateHeightChange,
1697
1718
  Pressable,
1698
- AvatarImage,
1699
- AvatarText,
1700
- Avatar,
1701
- AvatarIcon,
1702
1719
  AvoidMotionLibraryProvider,
1703
1720
  SegmentedControl,
1704
1721
  Popover,
@@ -1706,6 +1723,10 @@ var componentData_default = {
1706
1723
  Tabs,
1707
1724
  Modal,
1708
1725
  Accordion,
1726
+ AvatarImage,
1727
+ AvatarText,
1728
+ Avatar,
1729
+ AvatarIcon,
1709
1730
  UDSToastConfigProvider,
1710
1731
  Toast,
1711
1732
  ToastContainer,
@@ -1722,12 +1743,6 @@ var componentData_default = {
1722
1743
  InputHelpTextInternal,
1723
1744
  UDSConfigProvider,
1724
1745
  UDSBreakpointsConfigProvider,
1725
- ChipLink,
1726
- ChipDismissible,
1727
- ChipToggle,
1728
- Chip,
1729
- ChipBase,
1730
- ChipButton,
1731
1746
  "Menu.Item": Menu_Item,
1732
1747
  "Menu.Provider": Menu_Provider,
1733
1748
  "Menu.ItemBase": Menu_ItemBase,
@@ -1735,7 +1750,13 @@ var componentData_default = {
1735
1750
  "Menu.Content": Menu_Content,
1736
1751
  "Menu.Divider": Menu_Divider,
1737
1752
  Menu,
1738
- "Menu.ItemCheckbox": Menu_ItemCheckbox
1753
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
1754
+ ChipLink,
1755
+ ChipDismissible,
1756
+ ChipToggle,
1757
+ Chip,
1758
+ ChipBase,
1759
+ ChipButton
1739
1760
  };
1740
1761
 
1741
1762
  //#endregion