@yahoo/uds 3.169.1 → 3.170.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 (47) hide show
  1. package/dist/automated-config/dist/generated/autoVariantTemplates.cjs +218 -0
  2. package/dist/automated-config/dist/generated/autoVariantTemplates.js +218 -0
  3. package/dist/components/IconSlot.cjs +1 -1
  4. package/dist/components/IconSlot.js +1 -1
  5. package/dist/components/client/Button/Button.cjs +1 -1
  6. package/dist/components/client/Button/Button.js +1 -1
  7. package/dist/components/client/IconButton/IconButton.cjs +1 -1
  8. package/dist/components/client/IconButton/IconButton.js +1 -1
  9. package/dist/components/client/Menu/Menu.Content.cjs +1 -1
  10. package/dist/components/client/Menu/Menu.Content.js +1 -1
  11. package/dist/components/client/Popover/PopoverContent.cjs +1 -1
  12. package/dist/components/client/Popover/PopoverContent.js +1 -1
  13. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  14. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  15. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  16. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  17. package/dist/index.cjs +3 -3
  18. package/dist/index.js +3 -3
  19. package/dist/styles/styleVariantTemplates.cjs +146 -0
  20. package/dist/styles/styleVariantTemplates.d.cts +161 -0
  21. package/dist/styles/styleVariantTemplates.d.ts +161 -0
  22. package/dist/styles/styleVariantTemplates.js +145 -0
  23. package/dist/styles/styler.cjs +27 -32
  24. package/dist/styles/styler.d.cts +13 -289
  25. package/dist/styles/styler.d.ts +13 -289
  26. package/dist/styles/styler.js +27 -32
  27. package/dist/styles/stylerTypes.d.cts +1 -1
  28. package/dist/styles/stylerTypes.d.ts +1 -1
  29. package/dist/styles/udsTailwindMerge.cjs +522 -0
  30. package/dist/styles/udsTailwindMerge.d.cts +7 -0
  31. package/dist/styles/udsTailwindMerge.d.ts +7 -0
  32. package/dist/styles/udsTailwindMerge.js +520 -0
  33. package/dist/styles/variantClass.cjs +31 -0
  34. package/dist/styles/variantClass.d.cts +12 -0
  35. package/dist/styles/variantClass.d.ts +12 -0
  36. package/dist/styles/variantClass.js +30 -0
  37. package/dist/styles/variants.cjs +3 -2
  38. package/dist/styles/variants.js +1 -1
  39. package/dist/tokens/index.cjs +1 -1
  40. package/dist/tokens/index.js +1 -1
  41. package/dist/uds/generated/componentData.cjs +205 -205
  42. package/dist/uds/generated/componentData.js +205 -205
  43. package/dist/uds/generated/tailwindPurge.cjs +79 -79
  44. package/dist/uds/generated/tailwindPurge.js +79 -79
  45. package/generated/componentData.json +335 -335
  46. package/generated/tailwindPurge.ts +1 -1
  47. package/package.json +1 -1
package/dist/uds/generated/componentData.cjs CHANGED
@@ -589,6 +589,97 @@ var componentData_default = {
589
589
  "runtimeConfigInternalComponentProps": {},
590
590
  "motionVarPrefixes": []
591
591
  },
592
+ Tooltip: {
593
+ "name": "Tooltip",
594
+ "defaultProps": {},
595
+ "getStylesLiterals": {},
596
+ "cxLiterals": [],
597
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
598
+ "internalComponentProps": {},
599
+ "propToVariantKeys": {},
600
+ "runtimeConfigDefaultProps": {},
601
+ "runtimeConfigGetStyles": {},
602
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
603
+ "motionVarPrefixes": []
604
+ },
605
+ TooltipContent: {
606
+ "name": "TooltipContent",
607
+ "defaultProps": {},
608
+ "getStylesLiterals": {
609
+ "tooltipSizeRoot": "default",
610
+ "tooltipVariantRoot": "default",
611
+ "tooltipSizeSvg": "default",
612
+ "tooltipVariantSvg": "default",
613
+ "tooltipVariantBlur": "default",
614
+ "position": "absolute",
615
+ "width": "full",
616
+ "height": "full",
617
+ "tooltipSizeTitle": "default",
618
+ "tooltipSizeBody": "default",
619
+ "tooltipSizeEndContent": "default",
620
+ "tooltipSizeIcon": "default",
621
+ "tooltipVariantIcon": "default"
622
+ },
623
+ "cxLiterals": [
624
+ "max-w-lg",
625
+ "flex",
626
+ "z-[9999]",
627
+ "uds-bgBlurFillFallback",
628
+ "uds-bgBlurFallback",
629
+ "top-0",
630
+ "left-0",
631
+ "z-[1]"
632
+ ],
633
+ "internalComponents": [
634
+ "IconSlot",
635
+ "TooltipArrow",
636
+ "Tooltip",
637
+ "SvgFloatingOverlay",
638
+ "VStack",
639
+ "Box",
640
+ "Text"
641
+ ],
642
+ "internalComponentProps": {
643
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
644
+ "VStack": { "className": ["gap-[inherit]"] },
645
+ "Box": {
646
+ "alignItems": ["center"],
647
+ "columnGap": ["1", "1.5"]
648
+ },
649
+ "Text": { "color": ["inherit"] }
650
+ },
651
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
652
+ "runtimeConfigDefaultProps": {},
653
+ "runtimeConfigGetStyles": {},
654
+ "runtimeConfigInternalComponentProps": {},
655
+ "motionVarPrefixes": []
656
+ },
657
+ TooltipTrigger: {
658
+ "name": "TooltipTrigger",
659
+ "defaultProps": {},
660
+ "getStylesLiterals": {},
661
+ "cxLiterals": [],
662
+ "internalComponents": ["TooltipAnchor"],
663
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
664
+ "propToVariantKeys": { "children": ["render"] },
665
+ "runtimeConfigDefaultProps": {},
666
+ "runtimeConfigGetStyles": {},
667
+ "runtimeConfigInternalComponentProps": {},
668
+ "motionVarPrefixes": []
669
+ },
670
+ UDSTooltipConfigProvider: {
671
+ "name": "UDSTooltipConfigProvider",
672
+ "defaultProps": {},
673
+ "getStylesLiterals": {},
674
+ "cxLiterals": [],
675
+ "internalComponents": ["TooltipContext.Provider"],
676
+ "internalComponentProps": {},
677
+ "propToVariantKeys": {},
678
+ "runtimeConfigDefaultProps": {},
679
+ "runtimeConfigGetStyles": {},
680
+ "runtimeConfigInternalComponentProps": {},
681
+ "motionVarPrefixes": []
682
+ },
592
683
  Accordion: {
593
684
  "name": "Accordion",
594
685
  "defaultProps": {
@@ -699,97 +790,6 @@ var componentData_default = {
699
790
  "runtimeConfigInternalComponentProps": {},
700
791
  "motionVarPrefixes": []
701
792
  },
702
- Tooltip: {
703
- "name": "Tooltip",
704
- "defaultProps": {},
705
- "getStylesLiterals": {},
706
- "cxLiterals": [],
707
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
708
- "internalComponentProps": {},
709
- "propToVariantKeys": {},
710
- "runtimeConfigDefaultProps": {},
711
- "runtimeConfigGetStyles": {},
712
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
713
- "motionVarPrefixes": []
714
- },
715
- TooltipContent: {
716
- "name": "TooltipContent",
717
- "defaultProps": {},
718
- "getStylesLiterals": {
719
- "tooltipSizeRoot": "default",
720
- "tooltipVariantRoot": "default",
721
- "tooltipSizeSvg": "default",
722
- "tooltipVariantSvg": "default",
723
- "tooltipVariantBlur": "default",
724
- "position": "absolute",
725
- "width": "full",
726
- "height": "full",
727
- "tooltipSizeTitle": "default",
728
- "tooltipSizeBody": "default",
729
- "tooltipSizeEndContent": "default",
730
- "tooltipSizeIcon": "default",
731
- "tooltipVariantIcon": "default"
732
- },
733
- "cxLiterals": [
734
- "max-w-lg",
735
- "flex",
736
- "z-[9999]",
737
- "uds-bgBlurFillFallback",
738
- "uds-bgBlurFallback",
739
- "top-0",
740
- "left-0",
741
- "z-[1]"
742
- ],
743
- "internalComponents": [
744
- "IconSlot",
745
- "TooltipArrow",
746
- "Tooltip",
747
- "SvgFloatingOverlay",
748
- "VStack",
749
- "Box",
750
- "Text"
751
- ],
752
- "internalComponentProps": {
753
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
754
- "VStack": { "className": ["gap-[inherit]"] },
755
- "Box": {
756
- "alignItems": ["center"],
757
- "columnGap": ["1", "1.5"]
758
- },
759
- "Text": { "color": ["inherit"] }
760
- },
761
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
762
- "runtimeConfigDefaultProps": {},
763
- "runtimeConfigGetStyles": {},
764
- "runtimeConfigInternalComponentProps": {},
765
- "motionVarPrefixes": []
766
- },
767
- TooltipTrigger: {
768
- "name": "TooltipTrigger",
769
- "defaultProps": {},
770
- "getStylesLiterals": {},
771
- "cxLiterals": [],
772
- "internalComponents": ["TooltipAnchor"],
773
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
774
- "propToVariantKeys": { "children": ["render"] },
775
- "runtimeConfigDefaultProps": {},
776
- "runtimeConfigGetStyles": {},
777
- "runtimeConfigInternalComponentProps": {},
778
- "motionVarPrefixes": []
779
- },
780
- UDSTooltipConfigProvider: {
781
- "name": "UDSTooltipConfigProvider",
782
- "defaultProps": {},
783
- "getStylesLiterals": {},
784
- "cxLiterals": [],
785
- "internalComponents": ["TooltipContext.Provider"],
786
- "internalComponentProps": {},
787
- "propToVariantKeys": {},
788
- "runtimeConfigDefaultProps": {},
789
- "runtimeConfigGetStyles": {},
790
- "runtimeConfigInternalComponentProps": {},
791
- "motionVarPrefixes": []
792
- },
793
793
  SelectDivider: {
794
794
  "name": "SelectDivider",
795
795
  "defaultProps": {
@@ -2595,120 +2595,6 @@ var componentData_default = {
2595
2595
  "runtimeConfigInternalComponentProps": {},
2596
2596
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2597
2597
  },
2598
- AvatarIcon: {
2599
- "name": "AvatarIcon",
2600
- "defaultProps": {
2601
- "size": "md",
2602
- "variant": "primary"
2603
- },
2604
- "getStylesLiterals": {},
2605
- "cxLiterals": [
2606
- "overflow-hidden",
2607
- "w-full",
2608
- "h-full",
2609
- "shrink-0",
2610
- "text-center",
2611
- "inline-flex",
2612
- "justify-center",
2613
- "items-center"
2614
- ],
2615
- "internalComponents": ["IconSlot", "Box"],
2616
- "internalComponentProps": {},
2617
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
2618
- "runtimeConfigDefaultProps": { "size": "avatar.defaultSize" },
2619
- "runtimeConfigGetStyles": {},
2620
- "runtimeConfigInternalComponentProps": {},
2621
- "motionVarPrefixes": []
2622
- },
2623
- AvatarImage: {
2624
- "name": "AvatarImage",
2625
- "defaultProps": {
2626
- "size": "md",
2627
- "variant": "primary"
2628
- },
2629
- "getStylesLiterals": {},
2630
- "cxLiterals": [
2631
- "overflow-hidden",
2632
- "w-full",
2633
- "h-full",
2634
- "shrink-0",
2635
- "text-center",
2636
- "inline-flex",
2637
- "justify-center",
2638
- "items-center",
2639
- "object-cover"
2640
- ],
2641
- "internalComponents": [
2642
- "UDSImage",
2643
- "AvatarText",
2644
- "AvatarIcon",
2645
- "Box"
2646
- ],
2647
- "internalComponentProps": {},
2648
- "propToVariantKeys": {
2649
- "alt": ["name"],
2650
- "fallback": ["initials"]
2651
- },
2652
- "runtimeConfigDefaultProps": {},
2653
- "runtimeConfigGetStyles": {},
2654
- "runtimeConfigInternalComponentProps": {},
2655
- "motionVarPrefixes": []
2656
- },
2657
- AvatarText: {
2658
- "name": "AvatarText",
2659
- "defaultProps": {
2660
- "size": "md",
2661
- "variant": "primary"
2662
- },
2663
- "getStylesLiterals": {},
2664
- "cxLiterals": [
2665
- "overflow-hidden",
2666
- "truncate",
2667
- "w-full",
2668
- "h-full",
2669
- "shrink-0",
2670
- "text-center",
2671
- "inline-flex",
2672
- "justify-center",
2673
- "items-center"
2674
- ],
2675
- "internalComponents": ["Box", "Text"],
2676
- "internalComponentProps": { "Text": {
2677
- "color": ["inherit"],
2678
- "variant": ["inherit"]
2679
- } },
2680
- "propToVariantKeys": {},
2681
- "runtimeConfigDefaultProps": {},
2682
- "runtimeConfigGetStyles": {},
2683
- "runtimeConfigInternalComponentProps": {},
2684
- "motionVarPrefixes": []
2685
- },
2686
- Avatar: {
2687
- "name": "Avatar",
2688
- "defaultProps": {},
2689
- "getStylesLiterals": {},
2690
- "cxLiterals": [],
2691
- "internalComponents": ["AvatarImage"],
2692
- "internalComponentProps": {},
2693
- "propToVariantKeys": {},
2694
- "runtimeConfigDefaultProps": {},
2695
- "runtimeConfigGetStyles": {},
2696
- "runtimeConfigInternalComponentProps": {},
2697
- "motionVarPrefixes": []
2698
- },
2699
- UDSAvatarConfigProvider: {
2700
- "name": "UDSAvatarConfigProvider",
2701
- "defaultProps": {},
2702
- "getStylesLiterals": {},
2703
- "cxLiterals": [],
2704
- "internalComponents": [],
2705
- "internalComponentProps": {},
2706
- "propToVariantKeys": {},
2707
- "runtimeConfigDefaultProps": {},
2708
- "runtimeConfigGetStyles": {},
2709
- "runtimeConfigInternalComponentProps": {},
2710
- "motionVarPrefixes": []
2711
- },
2712
2598
  ChipBase: {
2713
2599
  "name": "ChipBase",
2714
2600
  "defaultProps": {
@@ -2852,6 +2738,120 @@ var componentData_default = {
2852
2738
  "runtimeConfigInternalComponentProps": {},
2853
2739
  "motionVarPrefixes": []
2854
2740
  },
2741
+ AvatarIcon: {
2742
+ "name": "AvatarIcon",
2743
+ "defaultProps": {
2744
+ "size": "md",
2745
+ "variant": "primary"
2746
+ },
2747
+ "getStylesLiterals": {},
2748
+ "cxLiterals": [
2749
+ "overflow-hidden",
2750
+ "w-full",
2751
+ "h-full",
2752
+ "shrink-0",
2753
+ "text-center",
2754
+ "inline-flex",
2755
+ "justify-center",
2756
+ "items-center"
2757
+ ],
2758
+ "internalComponents": ["IconSlot", "Box"],
2759
+ "internalComponentProps": {},
2760
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
2761
+ "runtimeConfigDefaultProps": { "size": "avatar.defaultSize" },
2762
+ "runtimeConfigGetStyles": {},
2763
+ "runtimeConfigInternalComponentProps": {},
2764
+ "motionVarPrefixes": []
2765
+ },
2766
+ AvatarImage: {
2767
+ "name": "AvatarImage",
2768
+ "defaultProps": {
2769
+ "size": "md",
2770
+ "variant": "primary"
2771
+ },
2772
+ "getStylesLiterals": {},
2773
+ "cxLiterals": [
2774
+ "overflow-hidden",
2775
+ "w-full",
2776
+ "h-full",
2777
+ "shrink-0",
2778
+ "text-center",
2779
+ "inline-flex",
2780
+ "justify-center",
2781
+ "items-center",
2782
+ "object-cover"
2783
+ ],
2784
+ "internalComponents": [
2785
+ "UDSImage",
2786
+ "AvatarText",
2787
+ "AvatarIcon",
2788
+ "Box"
2789
+ ],
2790
+ "internalComponentProps": {},
2791
+ "propToVariantKeys": {
2792
+ "alt": ["name"],
2793
+ "fallback": ["initials"]
2794
+ },
2795
+ "runtimeConfigDefaultProps": {},
2796
+ "runtimeConfigGetStyles": {},
2797
+ "runtimeConfigInternalComponentProps": {},
2798
+ "motionVarPrefixes": []
2799
+ },
2800
+ AvatarText: {
2801
+ "name": "AvatarText",
2802
+ "defaultProps": {
2803
+ "size": "md",
2804
+ "variant": "primary"
2805
+ },
2806
+ "getStylesLiterals": {},
2807
+ "cxLiterals": [
2808
+ "overflow-hidden",
2809
+ "truncate",
2810
+ "w-full",
2811
+ "h-full",
2812
+ "shrink-0",
2813
+ "text-center",
2814
+ "inline-flex",
2815
+ "justify-center",
2816
+ "items-center"
2817
+ ],
2818
+ "internalComponents": ["Box", "Text"],
2819
+ "internalComponentProps": { "Text": {
2820
+ "color": ["inherit"],
2821
+ "variant": ["inherit"]
2822
+ } },
2823
+ "propToVariantKeys": {},
2824
+ "runtimeConfigDefaultProps": {},
2825
+ "runtimeConfigGetStyles": {},
2826
+ "runtimeConfigInternalComponentProps": {},
2827
+ "motionVarPrefixes": []
2828
+ },
2829
+ Avatar: {
2830
+ "name": "Avatar",
2831
+ "defaultProps": {},
2832
+ "getStylesLiterals": {},
2833
+ "cxLiterals": [],
2834
+ "internalComponents": ["AvatarImage"],
2835
+ "internalComponentProps": {},
2836
+ "propToVariantKeys": {},
2837
+ "runtimeConfigDefaultProps": {},
2838
+ "runtimeConfigGetStyles": {},
2839
+ "runtimeConfigInternalComponentProps": {},
2840
+ "motionVarPrefixes": []
2841
+ },
2842
+ UDSAvatarConfigProvider: {
2843
+ "name": "UDSAvatarConfigProvider",
2844
+ "defaultProps": {},
2845
+ "getStylesLiterals": {},
2846
+ "cxLiterals": [],
2847
+ "internalComponents": [],
2848
+ "internalComponentProps": {},
2849
+ "propToVariantKeys": {},
2850
+ "runtimeConfigDefaultProps": {},
2851
+ "runtimeConfigGetStyles": {},
2852
+ "runtimeConfigInternalComponentProps": {},
2853
+ "motionVarPrefixes": []
2854
+ },
2855
2855
  UDSPopoverConfigProvider: {
2856
2856
  "name": "UDSPopoverConfigProvider",
2857
2857
  "defaultProps": {},