@yahoo/uds 3.159.2 → 3.160.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 (145) hide show
  1. package/dist/automated-config/dist/properties.cjs +1 -1
  2. package/dist/automated-config/dist/properties.js +1 -1
  3. package/dist/components/client/Button/Button.cjs +213 -0
  4. package/dist/components/client/Button/Button.d.cts +50 -0
  5. package/dist/components/client/Button/Button.d.ts +51 -0
  6. package/dist/components/client/Button/Button.js +208 -0
  7. package/dist/components/client/Button/ButtonBase.cjs +120 -0
  8. package/dist/components/client/Button/ButtonBase.d.cts +52 -0
  9. package/dist/components/client/Button/ButtonBase.d.ts +53 -0
  10. package/dist/components/client/Button/ButtonBase.js +116 -0
  11. package/dist/components/client/{buttonConstants.cjs → Button/buttonConstants.cjs} +1 -1
  12. package/dist/components/client/Button/buttonConstants.d.cts +7 -0
  13. package/dist/components/client/Button/buttonConstants.d.ts +8 -0
  14. package/dist/components/client/{buttonConstants.js → Button/buttonConstants.js} +1 -1
  15. package/dist/components/client/Button/index.cjs +10 -0
  16. package/dist/components/client/Button/index.d.cts +4 -0
  17. package/dist/components/client/Button/index.d.ts +5 -0
  18. package/dist/components/client/Button/index.js +5 -0
  19. package/dist/components/client/IconButton/IconButton.cjs +104 -0
  20. package/dist/components/client/IconButton/IconButton.d.cts +17 -0
  21. package/dist/components/client/IconButton/IconButton.d.ts +18 -0
  22. package/dist/components/client/IconButton/IconButton.js +102 -0
  23. package/dist/components/client/IconButton/IconButtonBase.cjs +68 -0
  24. package/dist/components/client/IconButton/IconButtonBase.d.cts +45 -0
  25. package/dist/components/client/IconButton/IconButtonBase.d.ts +46 -0
  26. package/dist/components/client/IconButton/IconButtonBase.js +65 -0
  27. package/dist/components/client/IconButton/index.cjs +8 -0
  28. package/dist/components/client/IconButton/index.d.cts +4 -0
  29. package/dist/components/client/IconButton/index.d.ts +5 -0
  30. package/dist/components/client/IconButton/index.js +5 -0
  31. package/dist/components/client/SpringMotionConfig.cjs +10 -13
  32. package/dist/components/client/SpringMotionConfig.js +10 -13
  33. package/dist/components/client/Switch/Switch.cjs +119 -0
  34. package/dist/components/client/{Switch.d.cts → Switch/Switch.d.cts} +4 -16
  35. package/dist/components/client/{Switch.d.ts → Switch/Switch.d.ts} +4 -16
  36. package/dist/components/client/Switch/Switch.js +115 -0
  37. package/dist/components/client/Switch/SwitchBase.cjs +129 -0
  38. package/dist/components/client/Switch/SwitchBase.d.cts +29 -0
  39. package/dist/components/client/Switch/SwitchBase.d.ts +30 -0
  40. package/dist/components/client/Switch/SwitchBase.js +126 -0
  41. package/dist/components/client/Switch/index.cjs +5 -0
  42. package/dist/components/client/Switch/index.d.cts +3 -0
  43. package/dist/components/client/Switch/index.d.ts +4 -0
  44. package/dist/components/client/Switch/index.js +4 -0
  45. package/dist/components/client/Switch/switchStyles.cjs +17 -0
  46. package/dist/components/client/Switch/switchStyles.d.cts +9 -0
  47. package/dist/components/client/Switch/switchStyles.d.ts +10 -0
  48. package/dist/components/client/Switch/switchStyles.js +16 -0
  49. package/dist/components/client/Switch/types.cjs +2 -0
  50. package/dist/components/client/Switch/types.d.cts +33 -0
  51. package/dist/components/client/Switch/types.d.ts +34 -0
  52. package/dist/components/client/Switch/types.js +2 -0
  53. package/dist/components/client/Toast/Toast.cjs +2 -2
  54. package/dist/components/client/Toast/Toast.d.cts +1 -1
  55. package/dist/components/client/Toast/Toast.d.ts +1 -1
  56. package/dist/components/client/Toast/Toast.js +1 -1
  57. package/dist/components/client/index.cjs +6 -6
  58. package/dist/components/client/index.d.cts +3 -3
  59. package/dist/components/client/index.d.ts +3 -3
  60. package/dist/components/client/index.js +3 -3
  61. package/dist/components/experimental/client/index.cjs +0 -6
  62. package/dist/components/experimental/client/index.d.cts +1 -3
  63. package/dist/components/experimental/client/index.d.ts +1 -3
  64. package/dist/components/experimental/client/index.js +1 -3
  65. package/dist/components/experimental/index.cjs +0 -5
  66. package/dist/components/experimental/index.d.cts +1 -3
  67. package/dist/components/experimental/index.d.ts +1 -3
  68. package/dist/components/experimental/index.js +1 -3
  69. package/dist/components/index.cjs +6 -6
  70. package/dist/components/index.d.cts +3 -3
  71. package/dist/components/index.d.ts +3 -3
  72. package/dist/components/index.js +3 -3
  73. package/dist/css-animation/Button/Button.cjs +85 -0
  74. package/dist/css-animation/Button/Button.d.cts +13 -0
  75. package/dist/css-animation/Button/Button.d.ts +14 -0
  76. package/dist/css-animation/Button/Button.js +82 -0
  77. package/dist/css-animation/Button/index.cjs +5 -0
  78. package/dist/css-animation/Button/index.d.cts +4 -0
  79. package/dist/css-animation/Button/index.d.ts +5 -0
  80. package/dist/css-animation/Button/index.js +4 -0
  81. package/dist/css-animation/IconButton/IconButton.cjs +55 -0
  82. package/dist/css-animation/IconButton/IconButton.d.cts +13 -0
  83. package/dist/css-animation/IconButton/IconButton.d.ts +14 -0
  84. package/dist/css-animation/IconButton/IconButton.js +53 -0
  85. package/dist/css-animation/IconButton/index.cjs +5 -0
  86. package/dist/css-animation/IconButton/index.d.cts +4 -0
  87. package/dist/css-animation/IconButton/index.d.ts +5 -0
  88. package/dist/css-animation/IconButton/index.js +4 -0
  89. package/dist/css-animation/Switch/Switch.cjs +44 -0
  90. package/dist/css-animation/Switch/Switch.d.cts +22 -0
  91. package/dist/css-animation/Switch/Switch.d.ts +23 -0
  92. package/dist/css-animation/Switch/Switch.js +41 -0
  93. package/dist/css-animation/Switch/SwitchStaticHandle.cjs +56 -0
  94. package/dist/css-animation/Switch/SwitchStaticHandle.d.cts +31 -0
  95. package/dist/css-animation/Switch/SwitchStaticHandle.d.ts +32 -0
  96. package/dist/css-animation/Switch/SwitchStaticHandle.js +54 -0
  97. package/dist/css-animation/Switch/index.cjs +5 -0
  98. package/dist/css-animation/Switch/index.d.cts +3 -0
  99. package/dist/css-animation/Switch/index.d.ts +4 -0
  100. package/dist/css-animation/Switch/index.js +4 -0
  101. package/dist/css-animation/index.cjs +9 -0
  102. package/dist/css-animation/index.d.cts +7 -0
  103. package/dist/css-animation/index.d.ts +8 -0
  104. package/dist/css-animation/index.js +6 -0
  105. package/dist/hooks/usePrefersReducedMotion.cjs +24 -0
  106. package/dist/hooks/usePrefersReducedMotion.d.cts +5 -0
  107. package/dist/hooks/usePrefersReducedMotion.d.ts +5 -0
  108. package/dist/hooks/usePrefersReducedMotion.js +22 -0
  109. package/dist/index.cjs +7 -7
  110. package/dist/index.d.cts +3 -3
  111. package/dist/index.d.ts +3 -3
  112. package/dist/index.js +4 -4
  113. package/dist/styles/styler.d.cts +4 -4
  114. package/dist/styles/styler.d.ts +4 -4
  115. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  116. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  117. package/dist/uds/generated/componentData.cjs +308 -317
  118. package/dist/uds/generated/componentData.js +308 -317
  119. package/dist/uds/generated/tailwindPurge.cjs +8 -21
  120. package/dist/uds/generated/tailwindPurge.js +8 -21
  121. package/dist/uds/package.cjs +12 -2
  122. package/dist/uds/package.js +12 -2
  123. package/generated/componentData.json +458 -489
  124. package/generated/tailwindPurge.ts +3 -3
  125. package/package.json +13 -3
  126. package/dist/components/client/Button.cjs +0 -326
  127. package/dist/components/client/Button.d.cts +0 -86
  128. package/dist/components/client/Button.d.ts +0 -87
  129. package/dist/components/client/Button.js +0 -321
  130. package/dist/components/client/IconButton.cjs +0 -161
  131. package/dist/components/client/IconButton.d.cts +0 -46
  132. package/dist/components/client/IconButton.d.ts +0 -47
  133. package/dist/components/client/IconButton.js +0 -159
  134. package/dist/components/client/Switch.cjs +0 -225
  135. package/dist/components/client/Switch.js +0 -222
  136. package/dist/components/client/buttonConstants.d.cts +0 -7
  137. package/dist/components/client/buttonConstants.d.ts +0 -8
  138. package/dist/components/experimental/client/AvoidMotionLibraryProvider.cjs +0 -14
  139. package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.cts +0 -8
  140. package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.ts +0 -9
  141. package/dist/components/experimental/client/AvoidMotionLibraryProvider.js +0 -11
  142. package/dist/components/experimental/client/SwitchV2.cjs +0 -190
  143. package/dist/components/experimental/client/SwitchV2.d.cts +0 -46
  144. package/dist/components/experimental/client/SwitchV2.d.ts +0 -47
  145. package/dist/components/experimental/client/SwitchV2.js +0 -185
@@ -599,146 +599,6 @@ var componentData_default = {
599
599
  "runtimeConfigInternalComponentProps": {},
600
600
  "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
601
601
  },
602
- Switch: {
603
- "name": "Switch",
604
- "defaultProps": {
605
- "labelPosition": "start",
606
- "size": "md"
607
- },
608
- "getStylesLiterals": {
609
- "switchVariantRoot": "default",
610
- "switchVariantActiveRoot": "on",
611
- "switchVariantActiveRoot:1": "off",
612
- "display": "flex",
613
- "flexDirection": "row",
614
- "flexDirection:1": "row-reverse",
615
- "alignItems": "center",
616
- "switchVariantSwitch": "default",
617
- "switchVariantActiveSwitch": "on",
618
- "switchVariantActiveSwitch:1": "off",
619
- "borderRadius": "full",
620
- "position": "relative",
621
- "switchVariantActiveHandle": "on",
622
- "switchVariantActiveHandle:1": "off",
623
- "switchVariantHandle": "default",
624
- "switchVariantHandleIcon": "default",
625
- "switchVariantActiveHandleIcon": "on",
626
- "switchVariantActiveHandleIcon:1": "off"
627
- },
628
- "cxLiterals": [
629
- "group",
630
- "cursor-pointer",
631
- "cursor-default",
632
- "opacity-50",
633
- "uds-ring",
634
- "uds-ring-within",
635
- "transition-[background-color,box-shadow]",
636
- "relative",
637
- "pointer-events-none",
638
- "uds-border-radius-full",
639
- "overflow-hidden",
640
- "absolute",
641
- "top-0",
642
- "left-0",
643
- "right-0",
644
- "bottom-0",
645
- "opacity-95",
646
- "group-hover:opacity-100",
647
- "transition-[background-color,box-shadow,opacity]",
648
- "opacity-0",
649
- "top-1/2",
650
- "left-1/2",
651
- "transform",
652
- "translate-x-[-50%]",
653
- "translate-y-[-50%]",
654
- "transition-opacity",
655
- "cursor-[inherit]",
656
- "w-[calc(100%+2px)]",
657
- "h-[calc(100%+2px)]",
658
- "text-start",
659
- "text-end",
660
- "opacity-100"
661
- ],
662
- "internalComponents": [
663
- "IconSlot",
664
- "Box",
665
- "FormLabel",
666
- "SpringMotionConfig",
667
- "RootElement",
668
- "MotionBox"
669
- ],
670
- "internalComponentProps": {
671
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
672
- "FormLabel": {
673
- "as": ["div"],
674
- "variant": ["inherit"],
675
- "color": ["inherit"]
676
- },
677
- "RootElement": { "data-testid": ["container"] }
678
- },
679
- "propToVariantKeys": {
680
- "size": [
681
- "switchSizeRoot",
682
- "switchSizeSwitch",
683
- "switchSizeHandle",
684
- "switchSizeHandleIcon"
685
- ],
686
- "onIcon": ["icon"],
687
- "offIcon": ["icon"],
688
- "reduceMotion": ["reducedMotion"]
689
- },
690
- "runtimeConfigDefaultProps": {},
691
- "runtimeConfigGetStyles": {},
692
- "runtimeConfigInternalComponentProps": {},
693
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
694
- },
695
- IconButton: {
696
- "name": "IconButton",
697
- "defaultProps": { "type": "button" },
698
- "getStylesLiterals": {},
699
- "cxLiterals": [
700
- "uds-ring",
701
- "uds-hit-target",
702
- "inline-flex",
703
- "overflow-hidden",
704
- "justify-center",
705
- "items-center",
706
- "[transform-origin:center]",
707
- "[backface-visibility:hidden]",
708
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
709
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
710
- "[transition-duration:220ms]",
711
- "cursor-not-allowed",
712
- "uds-button-loading",
713
- "uds-button-without-effects",
714
- "animate-spin"
715
- ],
716
- "internalComponents": [
717
- "Icon",
718
- "AnimatePresence",
719
- "SpringMotionConfig",
720
- "MotionSlot"
721
- ],
722
- "internalComponentProps": {
723
- "Icon": { "color": ["current"] },
724
- "AnimatePresence": { "mode": ["popLayout"] },
725
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
726
- "MotionSlot": {
727
- "initial": ["icon"],
728
- "whileHover": ["hover"],
729
- "whileTap": ["pressed"]
730
- }
731
- },
732
- "propToVariantKeys": {
733
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
734
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
735
- "iconVariant": ["variant"]
736
- },
737
- "runtimeConfigDefaultProps": {},
738
- "runtimeConfigGetStyles": {},
739
- "runtimeConfigInternalComponentProps": {},
740
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
741
- },
742
602
  Pressable: {
743
603
  "name": "Pressable",
744
604
  "defaultProps": {},
@@ -790,66 +650,6 @@ var componentData_default = {
790
650
  "runtimeConfigInternalComponentProps": {},
791
651
  "motionVarPrefixes": []
792
652
  },
793
- Button: {
794
- "name": "Button",
795
- "defaultProps": { "type": "button" },
796
- "getStylesLiterals": {},
797
- "cxLiterals": [
798
- "uds-ring",
799
- "uds-hit-target",
800
- "inline-flex",
801
- "max-w-full",
802
- "overflow-hidden",
803
- "justify-center",
804
- "items-center",
805
- "whitespace-nowrap",
806
- "select-none",
807
- "[transform-origin:center]",
808
- "[backface-visibility:hidden]",
809
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
810
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
811
- "[transition-duration:220ms]",
812
- "cursor-not-allowed",
813
- "uds-button-loading",
814
- "uds-button-without-effects",
815
- "withIcon",
816
- "uds-button-with-gap",
817
- "animate-spin",
818
- "min-w-0",
819
- "truncate",
820
- "flex",
821
- "shrink-0",
822
- "overflow-clip",
823
- "uds-button-icon-container"
824
- ],
825
- "internalComponents": [
826
- "Icon",
827
- "IconSlot",
828
- "AnimatePresence",
829
- "SpringMotionConfig",
830
- "MotionSlot"
831
- ],
832
- "internalComponentProps": {
833
- "Icon": { "color": ["current"] },
834
- "AnimatePresence": { "mode": ["popLayout"] },
835
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
836
- "MotionSlot": {
837
- "whileHover": ["hover"],
838
- "whileTap": ["pressed"]
839
- }
840
- },
841
- "propToVariantKeys": {
842
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
843
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
844
- "iconVariant": ["variant"],
845
- "startIcon": ["icon"],
846
- "endIcon": ["icon"]
847
- },
848
- "runtimeConfigDefaultProps": {},
849
- "runtimeConfigGetStyles": {},
850
- "runtimeConfigInternalComponentProps": {},
851
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
852
- },
853
653
  Accordion: {
854
654
  "name": "Accordion",
855
655
  "defaultProps": {
@@ -901,116 +701,6 @@ var componentData_default = {
901
701
  "runtimeConfigInternalComponentProps": {},
902
702
  "motionVarPrefixes": ["--uds-motion-smooth-3-"]
903
703
  },
904
- AvoidMotionLibraryProvider: {
905
- "name": "AvoidMotionLibraryProvider",
906
- "defaultProps": {},
907
- "getStylesLiterals": {},
908
- "cxLiterals": [],
909
- "internalComponents": [],
910
- "internalComponentProps": {},
911
- "propToVariantKeys": {},
912
- "runtimeConfigDefaultProps": {},
913
- "runtimeConfigGetStyles": {},
914
- "runtimeConfigInternalComponentProps": {},
915
- "motionVarPrefixes": []
916
- },
917
- SwitchV2: {
918
- "name": "SwitchV2",
919
- "defaultProps": {
920
- "labelPosition": "start",
921
- "size": "md"
922
- },
923
- "getStylesLiterals": {
924
- "switchVariantRoot": "default",
925
- "switchVariantActiveRoot": "on",
926
- "switchVariantActiveRoot:1": "off",
927
- "switchVariantSwitch": "default",
928
- "switchVariantActiveSwitch": "on",
929
- "switchVariantActiveSwitch:1": "off",
930
- "switchVariantActiveHandle": "on",
931
- "switchVariantActiveHandle:1": "off",
932
- "switchVariantHandle": "default",
933
- "switchVariantHandleIcon": "default",
934
- "switchVariantActiveHandleIcon": "on",
935
- "switchVariantActiveHandleIcon:1": "off"
936
- },
937
- "cxLiterals": [
938
- "group",
939
- "flex",
940
- "items-center",
941
- "flex-row",
942
- "flex-row-reverse",
943
- "uds-ring",
944
- "uds-ring-within",
945
- "relative",
946
- "uds-border-radius-full",
947
- "transition-[background-color,box-shadow]",
948
- "pointer-events-none",
949
- "w-full",
950
- "h-full",
951
- "absolute",
952
- "top-0",
953
- "bottom-0",
954
- "right-0",
955
- "left-0",
956
- "overflow-hidden",
957
- "group-hover:scale-105",
958
- "opacity-95",
959
- "group-hover:opacity-100",
960
- "transition-[transform,opacity]",
961
- "opacity-0",
962
- "top-1/2",
963
- "left-1/2",
964
- "transform",
965
- "translate-x-[-50%]",
966
- "translate-y-[-50%]",
967
- "transition-opacity",
968
- "cursor-[inherit]",
969
- "w-[calc(100%+2px)]",
970
- "h-[calc(100%+2px)]",
971
- "text-start",
972
- "text-end",
973
- "opacity-100"
974
- ],
975
- "internalComponents": [
976
- "IconSlot",
977
- "Box",
978
- "FormLabel",
979
- "SpringMotionConfig",
980
- "RootElement",
981
- "MotionBox"
982
- ],
983
- "internalComponentProps": {
984
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
985
- "FormLabel": {
986
- "as": ["div"],
987
- "variant": ["inherit"],
988
- "color": ["inherit"]
989
- },
990
- "SpringMotionConfig": {
991
- "layoutVariant": ["bouncy"],
992
- "layoutSpeed": ["4"]
993
- },
994
- "RootElement": { "data-testid": ["switch-root"] },
995
- "MotionBox": { "layout": ["position"] }
996
- },
997
- "propToVariantKeys": {
998
- "size": [
999
- "switchSizeRoot",
1000
- "switchSizeSwitch",
1001
- "switchSizeHandle",
1002
- "switchSizeHandleIcon"
1003
- ],
1004
- "onIcon": ["icon"],
1005
- "offIcon": ["icon"],
1006
- "reduceMotion": ["reducedMotion"],
1007
- "isOn": ["layoutDependency"]
1008
- },
1009
- "runtimeConfigDefaultProps": {},
1010
- "runtimeConfigGetStyles": {},
1011
- "runtimeConfigInternalComponentProps": {},
1012
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1013
- },
1014
704
  SegmentedControl: {
1015
705
  "name": "SegmentedControl",
1016
706
  "defaultProps": { "textVariant": "label2" },
@@ -2233,16 +1923,78 @@ var componentData_default = {
2233
1923
  "runtimeConfigDefaultProps": {},
2234
1924
  "runtimeConfigGetStyles": {},
2235
1925
  "runtimeConfigInternalComponentProps": {},
2236
- "motionVarPrefixes": []
1926
+ "motionVarPrefixes": []
1927
+ },
1928
+ TabPanel: {
1929
+ "name": "TabPanel",
1930
+ "defaultProps": {},
1931
+ "getStylesLiterals": {},
1932
+ "cxLiterals": [],
1933
+ "internalComponents": ["AriakitTabPanel"],
1934
+ "internalComponentProps": {},
1935
+ "propToVariantKeys": {},
1936
+ "runtimeConfigDefaultProps": {},
1937
+ "runtimeConfigGetStyles": {},
1938
+ "runtimeConfigInternalComponentProps": {},
1939
+ "motionVarPrefixes": []
1940
+ },
1941
+ IconButton: {
1942
+ "name": "IconButton",
1943
+ "defaultProps": {},
1944
+ "getStylesLiterals": {},
1945
+ "cxLiterals": [],
1946
+ "internalComponents": [
1947
+ "IconButtonBase",
1948
+ "Icon",
1949
+ "AnimatePresence",
1950
+ "SpringMotionConfig",
1951
+ "MotionSlot",
1952
+ "IconButtonProps",
1953
+ "Slot"
1954
+ ],
1955
+ "internalComponentProps": {
1956
+ "Icon": { "color": ["current"] },
1957
+ "AnimatePresence": { "mode": ["popLayout"] },
1958
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
1959
+ "MotionSlot": {
1960
+ "initial": ["icon"],
1961
+ "whileHover": ["hover"],
1962
+ "whileTap": ["pressed"]
1963
+ }
1964
+ },
1965
+ "propToVariantKeys": {},
1966
+ "runtimeConfigDefaultProps": {},
1967
+ "runtimeConfigGetStyles": {},
1968
+ "runtimeConfigInternalComponentProps": {},
1969
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2237
1970
  },
2238
- TabPanel: {
2239
- "name": "TabPanel",
2240
- "defaultProps": {},
1971
+ IconButtonBase: {
1972
+ "name": "IconButtonBase",
1973
+ "defaultProps": { "type": "button" },
2241
1974
  "getStylesLiterals": {},
2242
- "cxLiterals": [],
2243
- "internalComponents": ["AriakitTabPanel"],
1975
+ "cxLiterals": [
1976
+ "uds-ring",
1977
+ "uds-hit-target",
1978
+ "inline-flex",
1979
+ "overflow-hidden",
1980
+ "justify-center",
1981
+ "items-center",
1982
+ "[transform-origin:center]",
1983
+ "[backface-visibility:hidden]",
1984
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
1985
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1986
+ "[transition-duration:220ms]",
1987
+ "cursor-not-allowed",
1988
+ "uds-button-loading",
1989
+ "uds-button-without-effects",
1990
+ "animate-spin"
1991
+ ],
1992
+ "internalComponents": [],
2244
1993
  "internalComponentProps": {},
2245
- "propToVariantKeys": {},
1994
+ "propToVariantKeys": {
1995
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
1996
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"]
1997
+ },
2246
1998
  "runtimeConfigDefaultProps": {},
2247
1999
  "runtimeConfigGetStyles": {},
2248
2000
  "runtimeConfigInternalComponentProps": {},
@@ -2470,6 +2222,120 @@ var componentData_default = {
2470
2222
  "runtimeConfigInternalComponentProps": {},
2471
2223
  "motionVarPrefixes": []
2472
2224
  },
2225
+ Switch: {
2226
+ "name": "Switch",
2227
+ "defaultProps": {},
2228
+ "getStylesLiterals": {
2229
+ "switchVariantActiveHandle": "on",
2230
+ "switchVariantActiveHandle:1": "off",
2231
+ "switchVariantHandle": "default",
2232
+ "switchVariantHandleIcon": "default",
2233
+ "switchVariantActiveHandleIcon": "on",
2234
+ "switchVariantActiveHandleIcon:1": "off"
2235
+ },
2236
+ "cxLiterals": [
2237
+ "relative",
2238
+ "pointer-events-none",
2239
+ "uds-border-radius-full",
2240
+ "overflow-hidden",
2241
+ "absolute",
2242
+ "top-0",
2243
+ "left-0",
2244
+ "right-0",
2245
+ "bottom-0",
2246
+ "opacity-95",
2247
+ "group-hover:opacity-100",
2248
+ "transition-[background-color,box-shadow,opacity]",
2249
+ "opacity-0",
2250
+ "top-1/2",
2251
+ "left-1/2",
2252
+ "transform",
2253
+ "translate-x-[-50%]",
2254
+ "translate-y-[-50%]",
2255
+ "transition-opacity",
2256
+ "opacity-100"
2257
+ ],
2258
+ "internalComponents": [
2259
+ "IconSlot",
2260
+ "SwitchBase",
2261
+ "Box",
2262
+ "SpringMotionConfig",
2263
+ "MotionBox",
2264
+ "SwitchProps",
2265
+ "SwitchStaticHandle"
2266
+ ],
2267
+ "internalComponentProps": { "IconSlot": { "data-testid": ["on-icon", "off-icon"] } },
2268
+ "propToVariantKeys": {
2269
+ "size": ["switchSizeHandle", "switchSizeHandleIcon"],
2270
+ "reduceMotion": ["reducedMotion"]
2271
+ },
2272
+ "runtimeConfigDefaultProps": {},
2273
+ "runtimeConfigGetStyles": {},
2274
+ "runtimeConfigInternalComponentProps": {},
2275
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2276
+ },
2277
+ SwitchBase: {
2278
+ "name": "SwitchBase",
2279
+ "defaultProps": {
2280
+ "labelPosition": "start",
2281
+ "size": "md"
2282
+ },
2283
+ "getStylesLiterals": {
2284
+ "switchVariantRoot": "default",
2285
+ "switchVariantActiveRoot": "on",
2286
+ "switchVariantActiveRoot:1": "off",
2287
+ "display": "flex",
2288
+ "flexDirection": "row",
2289
+ "flexDirection:1": "row-reverse",
2290
+ "alignItems": "center",
2291
+ "switchVariantSwitch": "default",
2292
+ "switchVariantActiveSwitch": "on",
2293
+ "switchVariantActiveSwitch:1": "off",
2294
+ "borderRadius": "full",
2295
+ "position": "relative"
2296
+ },
2297
+ "cxLiterals": [
2298
+ "group",
2299
+ "cursor-pointer",
2300
+ "cursor-default",
2301
+ "opacity-50",
2302
+ "uds-ring",
2303
+ "uds-ring-within",
2304
+ "transition-[background-color,box-shadow]",
2305
+ "cursor-[inherit]",
2306
+ "absolute",
2307
+ "opacity-0",
2308
+ "top-1/2",
2309
+ "left-1/2",
2310
+ "w-[calc(100%+2px)]",
2311
+ "h-[calc(100%+2px)]",
2312
+ "transform",
2313
+ "translate-x-[-50%]",
2314
+ "translate-y-[-50%]",
2315
+ "text-start",
2316
+ "text-end",
2317
+ "translate-x-[1.25rem]",
2318
+ "translate-x-[0.75rem]"
2319
+ ],
2320
+ "internalComponents": [
2321
+ "FormLabel",
2322
+ "RootElement",
2323
+ "Box"
2324
+ ],
2325
+ "internalComponentProps": {
2326
+ "FormLabel": {
2327
+ "as": ["div"],
2328
+ "variant": ["inherit"],
2329
+ "color": ["inherit"]
2330
+ },
2331
+ "RootElement": { "data-testid": ["container"] }
2332
+ },
2333
+ "propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
2334
+ "runtimeConfigDefaultProps": {},
2335
+ "runtimeConfigGetStyles": {},
2336
+ "runtimeConfigInternalComponentProps": {},
2337
+ "motionVarPrefixes": []
2338
+ },
2473
2339
  UDSPopoverConfigProvider: {
2474
2340
  "name": "UDSPopoverConfigProvider",
2475
2341
  "defaultProps": {},
@@ -2596,6 +2462,79 @@ var componentData_default = {
2596
2462
  "runtimeConfigInternalComponentProps": {},
2597
2463
  "motionVarPrefixes": []
2598
2464
  },
2465
+ Button: {
2466
+ "name": "Button",
2467
+ "defaultProps": {},
2468
+ "getStylesLiterals": {},
2469
+ "cxLiterals": [],
2470
+ "internalComponents": [
2471
+ "ButtonBase",
2472
+ "Icon",
2473
+ "IconSlot",
2474
+ "AnimatePresence",
2475
+ "SpringMotionConfig",
2476
+ "MotionSlot",
2477
+ "ButtonProps",
2478
+ "Slot"
2479
+ ],
2480
+ "internalComponentProps": {
2481
+ "Icon": { "color": ["current"] },
2482
+ "AnimatePresence": { "mode": ["popLayout"] },
2483
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
2484
+ "MotionSlot": {
2485
+ "whileHover": ["hover"],
2486
+ "whileTap": ["pressed"]
2487
+ }
2488
+ },
2489
+ "propToVariantKeys": {},
2490
+ "runtimeConfigDefaultProps": {},
2491
+ "runtimeConfigGetStyles": {},
2492
+ "runtimeConfigInternalComponentProps": {},
2493
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2494
+ },
2495
+ ButtonBase: {
2496
+ "name": "ButtonBase",
2497
+ "defaultProps": { "type": "button" },
2498
+ "getStylesLiterals": {},
2499
+ "cxLiterals": [
2500
+ "uds-ring",
2501
+ "uds-hit-target",
2502
+ "inline-flex",
2503
+ "max-w-full",
2504
+ "overflow-hidden",
2505
+ "justify-center",
2506
+ "items-center",
2507
+ "whitespace-nowrap",
2508
+ "select-none",
2509
+ "[transform-origin:center]",
2510
+ "[backface-visibility:hidden]",
2511
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
2512
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
2513
+ "[transition-duration:220ms]",
2514
+ "cursor-not-allowed",
2515
+ "uds-button-loading",
2516
+ "uds-button-without-effects",
2517
+ "withIcon",
2518
+ "uds-button-with-gap",
2519
+ "flex",
2520
+ "shrink-0",
2521
+ "overflow-clip",
2522
+ "uds-button-icon-container",
2523
+ "animate-spin",
2524
+ "min-w-0",
2525
+ "truncate"
2526
+ ],
2527
+ "internalComponents": [],
2528
+ "internalComponentProps": {},
2529
+ "propToVariantKeys": {
2530
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
2531
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"]
2532
+ },
2533
+ "runtimeConfigDefaultProps": {},
2534
+ "runtimeConfigGetStyles": {},
2535
+ "runtimeConfigInternalComponentProps": {},
2536
+ "motionVarPrefixes": []
2537
+ },
2599
2538
  ChipButton: {
2600
2539
  "name": "ChipButton",
2601
2540
  "defaultProps": { "variant": "primary" },
@@ -3653,6 +3592,58 @@ var componentData_default = {
3653
3592
  "runtimeConfigGetStyles": {},
3654
3593
  "runtimeConfigInternalComponentProps": {},
3655
3594
  "motionVarPrefixes": []
3595
+ },
3596
+ SwitchStaticHandle: {
3597
+ "name": "SwitchStaticHandle",
3598
+ "defaultProps": {},
3599
+ "getStylesLiterals": {
3600
+ "switchVariantActiveHandle": "on",
3601
+ "switchVariantActiveHandle:1": "off",
3602
+ "switchVariantHandle": "default",
3603
+ "switchVariantHandleIcon": "default",
3604
+ "switchVariantActiveHandleIcon": "on",
3605
+ "switchVariantActiveHandleIcon:1": "off"
3606
+ },
3607
+ "cxLiterals": [
3608
+ "relative",
3609
+ "pointer-events-none",
3610
+ "uds-border-radius-full",
3611
+ "overflow-hidden",
3612
+ "absolute",
3613
+ "top-0",
3614
+ "left-0",
3615
+ "right-0",
3616
+ "bottom-0",
3617
+ "opacity-95",
3618
+ "group-hover:opacity-100",
3619
+ "transition-[background-color,box-shadow,opacity]",
3620
+ "opacity-0",
3621
+ "top-1/2",
3622
+ "left-1/2",
3623
+ "transform",
3624
+ "translate-x-[-50%]",
3625
+ "translate-y-[-50%]",
3626
+ "transition-opacity",
3627
+ "translate-x-0",
3628
+ "group-hover:scale-105",
3629
+ "transition-[transform,opacity]",
3630
+ "opacity-100"
3631
+ ],
3632
+ "internalComponents": [
3633
+ "Box",
3634
+ "DataAttributes",
3635
+ "IconSlot"
3636
+ ],
3637
+ "internalComponentProps": { "IconSlot": { "data-testid": ["on-icon", "off-icon"] } },
3638
+ "propToVariantKeys": {
3639
+ "size": ["switchSizeHandle", "switchSizeHandleIcon"],
3640
+ "onIcon": ["icon"],
3641
+ "offIcon": ["icon"]
3642
+ },
3643
+ "runtimeConfigDefaultProps": {},
3644
+ "runtimeConfigGetStyles": {},
3645
+ "runtimeConfigInternalComponentProps": {},
3646
+ "motionVarPrefixes": []
3656
3647
  }
3657
3648
  };
3658
3649
  //#endregion