@yahoo/uds 3.131.0-beta.1 → 3.131.0-beta.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.
Files changed (8) hide show
  1. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  2. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  3. package/dist/styles/styler.d.cts +109 -109
  4. package/dist/styles/styler.d.ts +109 -109
  5. package/dist/uds/generated/componentData.cjs +510 -510
  6. package/dist/uds/generated/componentData.js +510 -510
  7. package/generated/componentData.json +1547 -1547
  8. package/package.json +1 -1
package/dist/uds/generated/componentData.cjs CHANGED
@@ -827,6 +827,286 @@ var Button = {
827
827
  "runtimeConfigInternalComponentProps": {},
828
828
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
829
829
  };
830
+ var Accordion = {
831
+ "name": "Accordion",
832
+ "defaultProps": {
833
+ "spacingHorizontal": "4",
834
+ "spacingVertical": "4"
835
+ },
836
+ "getStylesLiterals": {},
837
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
838
+ "internalComponents": [
839
+ "Icon",
840
+ "SpringMotionConfig",
841
+ "Pressable",
842
+ "Text",
843
+ "HStack",
844
+ "AnimatePresence",
845
+ "VStack"
846
+ ],
847
+ "internalComponentProps": {
848
+ "Icon": {
849
+ "variant": ["fill"],
850
+ "size": ["sm"],
851
+ "color": ["primary"]
852
+ },
853
+ "SpringMotionConfig": {
854
+ "layoutVariant": ["smooth"],
855
+ "layoutSpeed": ["3"]
856
+ },
857
+ "Pressable": {
858
+ "display": ["flex"],
859
+ "flexDirection": ["row"],
860
+ "alignItems": ["center"],
861
+ "justifyContent": ["space-between"],
862
+ "borderRadius": ["md"]
863
+ },
864
+ "Text": {
865
+ "variant": ["title4"],
866
+ "color": ["primary"]
867
+ },
868
+ "HStack": {
869
+ "display": ["flex"],
870
+ "alignItems": ["center"],
871
+ "justifyContent": ["space-between"],
872
+ "columnGap": ["2.5"]
873
+ }
874
+ },
875
+ "propToVariantKeys": {},
876
+ "runtimeConfigDefaultProps": {},
877
+ "runtimeConfigGetStyles": {},
878
+ "runtimeConfigInternalComponentProps": {},
879
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
880
+ };
881
+ var Modal = {
882
+ "name": "Modal",
883
+ "defaultProps": {},
884
+ "getStylesLiterals": {},
885
+ "cxLiterals": [
886
+ "inset-8",
887
+ "top-[250px]",
888
+ "z-50",
889
+ "mx-auto",
890
+ "h-fit",
891
+ "w-[600px]",
892
+ "origin-center",
893
+ "scale-95",
894
+ "opacity-0",
895
+ "transition",
896
+ "duration-150",
897
+ "data-[enter]:scale-100",
898
+ "data-[enter]:opacity-100",
899
+ "data-[enter]:bg-primary",
900
+ "backdrop-blur-0",
901
+ "data-[enter]:opacity-60",
902
+ "data-[enter]:backdrop-blur-sm"
903
+ ],
904
+ "internalComponents": [
905
+ "IconButton",
906
+ "Dialog",
907
+ "HStack",
908
+ "Text",
909
+ "VStack"
910
+ ],
911
+ "internalComponentProps": {
912
+ "IconButton": {
913
+ "aria-label": ["Close"],
914
+ "size": ["sm"],
915
+ "variant": ["tertiary"]
916
+ },
917
+ "HStack": {
918
+ "alignItems": ["center"],
919
+ "justifyContent": ["space-between"]
920
+ },
921
+ "Text": {
922
+ "variant": ["headline1"],
923
+ "color": ["primary"]
924
+ },
925
+ "VStack": {
926
+ "borderRadius": ["md"],
927
+ "position": ["fixed"],
928
+ "backgroundColor": ["primary"],
929
+ "dropShadow": ["md"],
930
+ "spacing": ["8"],
931
+ "overflow": ["hidden"]
932
+ }
933
+ },
934
+ "propToVariantKeys": { "handleClose": ["onClick"] },
935
+ "runtimeConfigDefaultProps": {},
936
+ "runtimeConfigGetStyles": {},
937
+ "runtimeConfigInternalComponentProps": {},
938
+ "motionVarPrefixes": []
939
+ };
940
+ var AvoidMotionLibraryProvider = {
941
+ "name": "AvoidMotionLibraryProvider",
942
+ "defaultProps": {},
943
+ "getStylesLiterals": {},
944
+ "cxLiterals": [],
945
+ "internalComponents": [],
946
+ "internalComponentProps": {},
947
+ "propToVariantKeys": {},
948
+ "runtimeConfigDefaultProps": {},
949
+ "runtimeConfigGetStyles": {},
950
+ "runtimeConfigInternalComponentProps": {},
951
+ "motionVarPrefixes": []
952
+ };
953
+ var SegmentedControl = {
954
+ "name": "SegmentedControl",
955
+ "defaultProps": { "textVariant": "label2" },
956
+ "getStylesLiterals": {
957
+ "display": "flex",
958
+ "alignItems": "center",
959
+ "backgroundColor": "primary",
960
+ "spacingVertical": "1",
961
+ "spacingHorizontal": "3",
962
+ "columnGap": "1.5",
963
+ "borderWidth": "thin",
964
+ "borderRadius": "full",
965
+ "borderColor": "muted",
966
+ "borderColor:1": "transparent",
967
+ "color": "primary",
968
+ "color:1": "tertiary",
969
+ "color:2": "muted"
970
+ },
971
+ "cxLiterals": [
972
+ "uds-ring",
973
+ "cursor-not-allowed",
974
+ "opacity-50",
975
+ "pointer-events-none",
976
+ "hover:bg-primary"
977
+ ],
978
+ "internalComponents": [
979
+ "TextVariant",
980
+ "Radio",
981
+ "Icon",
982
+ "RadioProvider",
983
+ "HStack",
984
+ "RadioGroup",
985
+ "Pressable",
986
+ "Text"
987
+ ],
988
+ "internalComponentProps": {
989
+ "Icon": {
990
+ "size": ["sm"],
991
+ "color": ["current"],
992
+ "aria-hidden": ["true"]
993
+ },
994
+ "HStack": {
995
+ "spacing": ["1"],
996
+ "gap": ["1"],
997
+ "backgroundColor": ["secondary"],
998
+ "borderRadius": ["full"],
999
+ "display": ["inline-flex"]
1000
+ },
1001
+ "Text": { "color": ["current"] }
1002
+ },
1003
+ "propToVariantKeys": {
1004
+ "value": ["key"],
1005
+ "label": ["aria-label"],
1006
+ "textVariant": ["variant"]
1007
+ },
1008
+ "runtimeConfigDefaultProps": {},
1009
+ "runtimeConfigGetStyles": {},
1010
+ "runtimeConfigInternalComponentProps": {},
1011
+ "motionVarPrefixes": []
1012
+ };
1013
+ var SwitchV2 = {
1014
+ "name": "SwitchV2",
1015
+ "defaultProps": {
1016
+ "labelPosition": "start",
1017
+ "size": "md"
1018
+ },
1019
+ "getStylesLiterals": {
1020
+ "switchVariantRoot": "default",
1021
+ "switchVariantActiveRoot": "on",
1022
+ "switchVariantActiveRoot:1": "off",
1023
+ "switchVariantSwitch": "default",
1024
+ "switchVariantActiveSwitch": "on",
1025
+ "switchVariantActiveSwitch:1": "off",
1026
+ "switchVariantActiveHandle": "on",
1027
+ "switchVariantActiveHandle:1": "off",
1028
+ "switchVariantHandle": "default",
1029
+ "switchVariantHandleIcon": "default",
1030
+ "switchVariantActiveHandleIcon": "on",
1031
+ "switchVariantActiveHandleIcon:1": "off"
1032
+ },
1033
+ "cxLiterals": [
1034
+ "group",
1035
+ "flex",
1036
+ "items-center",
1037
+ "flex-row",
1038
+ "flex-row-reverse",
1039
+ "uds-ring",
1040
+ "uds-ring-within",
1041
+ "relative",
1042
+ "uds-border-radius-full",
1043
+ "transition-[background-color,box-shadow]",
1044
+ "pointer-events-none",
1045
+ "w-full",
1046
+ "h-full",
1047
+ "absolute",
1048
+ "top-0",
1049
+ "bottom-0",
1050
+ "right-0",
1051
+ "left-0",
1052
+ "overflow-hidden",
1053
+ "group-hover:scale-105",
1054
+ "opacity-95",
1055
+ "group-hover:opacity-100",
1056
+ "transition-[transform,opacity]",
1057
+ "opacity-0",
1058
+ "top-1/2",
1059
+ "left-1/2",
1060
+ "transform",
1061
+ "translate-x-[-50%]",
1062
+ "translate-y-[-50%]",
1063
+ "transition-opacity",
1064
+ "cursor-[inherit]",
1065
+ "w-[calc(100%+2px)]",
1066
+ "h-[calc(100%+2px)]",
1067
+ "text-start",
1068
+ "text-end",
1069
+ "opacity-100"
1070
+ ],
1071
+ "internalComponents": [
1072
+ "IconSlot",
1073
+ "Box",
1074
+ "FormLabel",
1075
+ "SpringMotionConfig",
1076
+ "RootElement",
1077
+ "MotionBox"
1078
+ ],
1079
+ "internalComponentProps": {
1080
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1081
+ "FormLabel": {
1082
+ "as": ["div"],
1083
+ "variant": ["inherit"],
1084
+ "color": ["inherit"]
1085
+ },
1086
+ "SpringMotionConfig": {
1087
+ "layoutVariant": ["bouncy"],
1088
+ "layoutSpeed": ["4"]
1089
+ },
1090
+ "RootElement": { "data-testid": ["switch-root"] },
1091
+ "MotionBox": { "layout": ["position"] }
1092
+ },
1093
+ "propToVariantKeys": {
1094
+ "size": [
1095
+ "switchSizeRoot",
1096
+ "switchSizeSwitch",
1097
+ "switchSizeHandle",
1098
+ "switchSizeHandleIcon"
1099
+ ],
1100
+ "onIcon": ["icon"],
1101
+ "offIcon": ["icon"],
1102
+ "reduceMotion": ["reducedMotion"],
1103
+ "isOn": ["layoutDependency"]
1104
+ },
1105
+ "runtimeConfigDefaultProps": {},
1106
+ "runtimeConfigGetStyles": {},
1107
+ "runtimeConfigInternalComponentProps": {},
1108
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1109
+ };
830
1110
  var UDSToastConfigProvider = {
831
1111
  "name": "UDSToastConfigProvider",
832
1112
  "defaultProps": {},
@@ -1872,258 +2152,47 @@ var Menu_Divider = {
1872
2152
  "menuitemDividerVariantText": "default",
1873
2153
  "menuitemDividerVariantLine": "default"
1874
2154
  },
1875
- "cxLiterals": [],
1876
- "internalComponents": ["DividerInternal"],
1877
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1878
- "propToVariantKeys": {},
1879
- "runtimeConfigDefaultProps": {},
1880
- "runtimeConfigGetStyles": {},
1881
- "runtimeConfigInternalComponentProps": {},
1882
- "motionVarPrefixes": []
1883
- };
1884
- var Menu_Provider = {
1885
- "name": "Menu.Provider",
1886
- "defaultProps": {},
1887
- "getStylesLiterals": {},
1888
- "cxLiterals": [],
1889
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1890
- "internalComponentProps": {},
1891
- "propToVariantKeys": {},
1892
- "runtimeConfigDefaultProps": {},
1893
- "runtimeConfigGetStyles": {},
1894
- "runtimeConfigInternalComponentProps": {},
1895
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1896
- };
1897
- var Menu_ItemCheckbox = {
1898
- "name": "Menu.ItemCheckbox",
1899
- "defaultProps": {},
1900
- "getStylesLiterals": {
1901
- "menuitemItemCheckboxVariantRoot": "default",
1902
- "menuitemItemCheckboxVariantActiveRoot": "on",
1903
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1904
- "menuitemItemCheckboxVariantText": "default",
1905
- "menuitemItemCheckboxVariantActiveText": "on",
1906
- "menuitemItemCheckboxVariantActiveText:1": "off",
1907
- "menuitemItemCheckboxVariantStartIcon": "default",
1908
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1909
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1910
- "menuitemItemCheckboxVariantEndIcon": "default",
1911
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1912
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1913
- },
1914
- "cxLiterals": ["uds-menu-item-checkbox"],
1915
- "internalComponents": ["MenuItemBase"],
1916
- "internalComponentProps": {},
1917
- "propToVariantKeys": {},
1918
- "runtimeConfigDefaultProps": {},
1919
- "runtimeConfigGetStyles": {},
1920
- "runtimeConfigInternalComponentProps": {},
1921
- "motionVarPrefixes": []
1922
- };
1923
- var Menu_ItemBase = {
1924
- "name": "Menu.ItemBase",
1925
- "defaultProps": {
1926
- "spacing": "0",
1927
- "spacingHorizontal": "4",
1928
- "spacingVertical": "3.5",
1929
- "columnGap": "2",
1930
- "alignItems": "center",
1931
- "justifyContent": "space-between"
1932
- },
1933
- "getStylesLiterals": {
1934
- "textAlign": "start",
1935
- "menuitemSizeRoot": "default",
1936
- "flexDirection": "row",
1937
- "menuitemSizeStartIcon": "default",
1938
- "menuitemSizeEndIcon": "default"
1939
- },
1940
- "cxLiterals": [
1941
- "flex",
1942
- "focus-visible:text-brand",
1943
- "focus-visible:bg-brand-secondary",
1944
- "focus-visible:z-10",
1945
- "uds-ring",
1946
- "!-outline-offset-2",
1947
- "[&:not([aria-checked])]:cursor-default",
1948
- "opacity-25",
1949
- "cursor-not-allowed",
1950
- "duration-20",
1951
- "transition-[font-variation-settings]",
1952
- "ease-in-out",
1953
- "z-0",
1954
- "uds-start-icon",
1955
- "uds-end-icon"
1956
- ],
1957
- "internalComponents": [
1958
- "Pressable",
1959
- "IconSlot",
1960
- "RootComponent",
1961
- "HStack",
1962
- "AnimatePresence"
1963
- ],
1964
- "internalComponentProps": {
1965
- "HStack": {
1966
- "alignItems": ["center"],
1967
- "width": ["full"]
1968
- },
1969
- "AnimatePresence": { "mode": ["popLayout"] }
1970
- },
1971
- "propToVariantKeys": {
1972
- "startIcon": ["icon"],
1973
- "endIcon": ["icon"],
1974
- "columnGap": ["gap"]
1975
- },
1976
- "runtimeConfigDefaultProps": {},
1977
- "runtimeConfigGetStyles": {},
1978
- "runtimeConfigInternalComponentProps": {},
1979
- "motionVarPrefixes": []
1980
- };
1981
- var UDSBreakpointsConfigProvider = {
1982
- "name": "UDSBreakpointsConfigProvider",
1983
- "defaultProps": {},
1984
- "getStylesLiterals": {},
1985
- "cxLiterals": [],
1986
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1987
- "internalComponentProps": {},
1988
- "propToVariantKeys": {},
1989
- "runtimeConfigDefaultProps": {},
1990
- "runtimeConfigGetStyles": {},
1991
- "runtimeConfigInternalComponentProps": {},
1992
- "motionVarPrefixes": []
1993
- };
1994
- var UDSConfigProvider = {
1995
- "name": "UDSConfigProvider",
1996
- "defaultProps": {},
1997
- "getStylesLiterals": {},
1998
- "cxLiterals": [],
1999
- "internalComponents": [
2000
- "UDSBreakpointsConfigProvider",
2001
- "UDSBottomSheetConfigProvider",
2002
- "UDSToastConfigProvider",
2003
- "UDSTooltipConfigProvider",
2004
- "UDSPopoverConfigProvider"
2005
- ],
2006
- "internalComponentProps": {},
2007
- "propToVariantKeys": {},
2008
- "runtimeConfigDefaultProps": {},
2009
- "runtimeConfigGetStyles": {},
2010
- "runtimeConfigInternalComponentProps": {},
2011
- "motionVarPrefixes": []
2012
- };
2013
- var Tooltip = {
2014
- "name": "Tooltip",
2015
- "defaultProps": {},
2016
- "getStylesLiterals": {},
2017
- "cxLiterals": [],
2018
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2019
- "internalComponentProps": {},
2020
- "propToVariantKeys": {},
2021
- "runtimeConfigDefaultProps": {},
2022
- "runtimeConfigGetStyles": {},
2023
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2024
- "motionVarPrefixes": []
2025
- };
2026
- var TooltipContent = {
2027
- "name": "TooltipContent",
2028
- "defaultProps": {},
2029
- "getStylesLiterals": {
2030
- "tooltipSizeRoot": "default",
2031
- "tooltipVariantRoot": "default",
2032
- "tooltipSizeSvg": "default",
2033
- "tooltipVariantSvg": "default",
2034
- "tooltipVariantBlur": "default",
2035
- "position": "absolute",
2036
- "width": "full",
2037
- "height": "full",
2038
- "tooltipSizeTitle": "default",
2039
- "tooltipSizeBody": "default",
2040
- "tooltipSizeEndContent": "default",
2041
- "tooltipSizeIcon": "default",
2042
- "tooltipVariantIcon": "default"
2043
- },
2044
- "cxLiterals": [
2045
- "max-w-lg",
2046
- "flex",
2047
- "z-[9999]",
2048
- "uds-bgBlurFillFallback",
2049
- "uds-bgBlurFallback",
2050
- "top-0",
2051
- "left-0",
2052
- "z-[1]"
2053
- ],
2054
- "internalComponents": [
2055
- "IconSlot",
2056
- "TooltipArrow",
2057
- "Tooltip",
2058
- "SvgFloatingOverlay",
2059
- "VStack",
2060
- "Box",
2061
- "Text"
2062
- ],
2063
- "internalComponentProps": {
2064
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2065
- "VStack": { "className": ["gap-[inherit]"] },
2066
- "Box": {
2067
- "alignItems": ["center"],
2068
- "columnGap": ["1", "1.5"]
2069
- },
2070
- "Text": { "color": ["inherit"] }
2071
- },
2072
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
2073
- "runtimeConfigDefaultProps": {},
2074
- "runtimeConfigGetStyles": {},
2075
- "runtimeConfigInternalComponentProps": {},
2076
- "motionVarPrefixes": []
2077
- };
2078
- var UDSTooltipConfigProvider = {
2079
- "name": "UDSTooltipConfigProvider",
2080
- "defaultProps": {},
2081
- "getStylesLiterals": {},
2082
- "cxLiterals": [],
2083
- "internalComponents": ["TooltipContext.Provider"],
2084
- "internalComponentProps": {},
2085
- "propToVariantKeys": {},
2086
- "runtimeConfigDefaultProps": {},
2087
- "runtimeConfigGetStyles": {},
2088
- "runtimeConfigInternalComponentProps": {},
2089
- "motionVarPrefixes": []
2090
- };
2091
- var TooltipTrigger = {
2092
- "name": "TooltipTrigger",
2093
- "defaultProps": {},
2094
- "getStylesLiterals": {},
2095
- "cxLiterals": [],
2096
- "internalComponents": ["TooltipAnchor"],
2097
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2098
- "propToVariantKeys": { "children": ["render"] },
2155
+ "cxLiterals": [],
2156
+ "internalComponents": ["DividerInternal"],
2157
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
2158
+ "propToVariantKeys": {},
2099
2159
  "runtimeConfigDefaultProps": {},
2100
2160
  "runtimeConfigGetStyles": {},
2101
2161
  "runtimeConfigInternalComponentProps": {},
2102
2162
  "motionVarPrefixes": []
2103
2163
  };
2104
- var RadioGroupProvider = {
2105
- "name": "RadioGroupProvider",
2164
+ var Menu_Provider = {
2165
+ "name": "Menu.Provider",
2106
2166
  "defaultProps": {},
2107
2167
  "getStylesLiterals": {},
2108
2168
  "cxLiterals": [],
2109
- "internalComponents": [
2110
- "DivProps",
2111
- "Comp",
2112
- "RadioGroupContext.Provider"
2113
- ],
2114
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2169
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
2170
+ "internalComponentProps": {},
2115
2171
  "propToVariantKeys": {},
2116
2172
  "runtimeConfigDefaultProps": {},
2117
2173
  "runtimeConfigGetStyles": {},
2118
2174
  "runtimeConfigInternalComponentProps": {},
2119
- "motionVarPrefixes": []
2175
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2120
2176
  };
2121
- var RadioGroupStore = {
2122
- "name": "RadioGroupStore",
2177
+ var Menu_ItemCheckbox = {
2178
+ "name": "Menu.ItemCheckbox",
2123
2179
  "defaultProps": {},
2124
- "getStylesLiterals": {},
2125
- "cxLiterals": [],
2126
- "internalComponents": [],
2180
+ "getStylesLiterals": {
2181
+ "menuitemItemCheckboxVariantRoot": "default",
2182
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2183
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2184
+ "menuitemItemCheckboxVariantText": "default",
2185
+ "menuitemItemCheckboxVariantActiveText": "on",
2186
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2187
+ "menuitemItemCheckboxVariantStartIcon": "default",
2188
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2189
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2190
+ "menuitemItemCheckboxVariantEndIcon": "default",
2191
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2192
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2193
+ },
2194
+ "cxLiterals": ["uds-menu-item-checkbox"],
2195
+ "internalComponents": ["MenuItemBase"],
2127
2196
  "internalComponentProps": {},
2128
2197
  "propToVariantKeys": {},
2129
2198
  "runtimeConfigDefaultProps": {},
@@ -2131,332 +2200,264 @@ var RadioGroupStore = {
2131
2200
  "runtimeConfigInternalComponentProps": {},
2132
2201
  "motionVarPrefixes": []
2133
2202
  };
2134
- var Radio = {
2135
- "name": "Radio",
2203
+ var Menu_ItemBase = {
2204
+ "name": "Menu.ItemBase",
2136
2205
  "defaultProps": {
2137
- "labelPosition": "start",
2138
- "variant": "primary",
2139
- "size": "md",
2140
- "value": ""
2206
+ "spacing": "0",
2207
+ "spacingHorizontal": "4",
2208
+ "spacingVertical": "3.5",
2209
+ "columnGap": "2",
2210
+ "alignItems": "center",
2211
+ "justifyContent": "space-between"
2141
2212
  },
2142
2213
  "getStylesLiterals": {
2143
- "radioVariantValueRoot": "checked",
2144
- "radioVariantValueRoot:1": "unchecked",
2145
- "display": "flex",
2214
+ "textAlign": "start",
2215
+ "menuitemSizeRoot": "default",
2146
2216
  "flexDirection": "row",
2147
- "flexDirection:1": "row-reverse",
2148
- "alignItems": "center",
2149
- "radioVariantValueRadio": "checked",
2150
- "radioVariantValueRadio:1": "unchecked",
2151
- "radioVariantValueRadioCircle": "checked",
2152
- "radioVariantValueRadioCircle:1": "unchecked"
2217
+ "menuitemSizeStartIcon": "default",
2218
+ "menuitemSizeEndIcon": "default"
2153
2219
  },
2154
2220
  "cxLiterals": [
2155
- "cursor-pointer",
2156
- "cursor-default",
2157
- "opacity-50",
2158
- "border",
2221
+ "flex",
2222
+ "focus-visible:text-brand",
2223
+ "focus-visible:bg-brand-secondary",
2224
+ "focus-visible:z-10",
2159
2225
  "uds-ring",
2160
- "uds-ring-within",
2161
- "transition-[background-color,border-color]",
2162
- "transition-shadow",
2163
- "pointer-events-none",
2164
- "w-[8px]",
2165
- "h-[8px]",
2166
- "transition-opacity",
2167
- "cursor-[inherit]",
2168
- "absolute",
2169
- "opacity-0",
2170
- "top-1/2",
2171
- "left-1/2",
2172
- "w-[calc(100%+2px)]",
2173
- "h-[calc(100%+2px)]",
2174
- "transform",
2175
- "translate-x-[-50%]",
2176
- "translate-y-[-50%]",
2177
- "text-start",
2178
- "text-end"
2226
+ "!-outline-offset-2",
2227
+ "[&:not([aria-checked])]:cursor-default",
2228
+ "opacity-25",
2229
+ "cursor-not-allowed",
2230
+ "duration-20",
2231
+ "transition-[font-variation-settings]",
2232
+ "ease-in-out",
2233
+ "z-0",
2234
+ "uds-start-icon",
2235
+ "uds-end-icon"
2179
2236
  ],
2180
2237
  "internalComponents": [
2181
- "Box",
2182
- "FormLabel",
2183
- "SpringMotionConfig",
2184
- "RootElement",
2185
- "MotionBox"
2238
+ "Pressable",
2239
+ "IconSlot",
2240
+ "RootComponent",
2241
+ "HStack",
2242
+ "AnimatePresence"
2186
2243
  ],
2187
2244
  "internalComponentProps": {
2188
- "Box": { "borderRadius": ["full"] },
2189
- "FormLabel": {
2190
- "as": ["div"],
2191
- "variant": ["inherit"],
2192
- "color": ["inherit"]
2193
- },
2194
- "RootElement": { "data-testid": ["container"] },
2195
- "MotionBox": {
2196
- "position": ["relative"],
2197
- "borderRadius": ["full"],
2245
+ "HStack": {
2198
2246
  "alignItems": ["center"],
2199
- "justifyContent": ["center"],
2200
- "flex": ["none"]
2201
- }
2247
+ "width": ["full"]
2248
+ },
2249
+ "AnimatePresence": { "mode": ["popLayout"] }
2202
2250
  },
2203
2251
  "propToVariantKeys": {
2204
- "size": ["radioSizeRoot", "radioSizeRadio"],
2205
- "variant": [
2206
- "radioVariantRoot",
2207
- "radioVariantRadio",
2208
- "radioVariantRadioCircle"
2209
- ],
2210
- "reduceMotion": ["reducedMotion"]
2252
+ "startIcon": ["icon"],
2253
+ "endIcon": ["icon"],
2254
+ "columnGap": ["gap"]
2211
2255
  },
2212
2256
  "runtimeConfigDefaultProps": {},
2213
2257
  "runtimeConfigGetStyles": {},
2214
2258
  "runtimeConfigInternalComponentProps": {},
2215
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2259
+ "motionVarPrefixes": []
2216
2260
  };
2217
- var Accordion = {
2218
- "name": "Accordion",
2219
- "defaultProps": {
2220
- "spacingHorizontal": "4",
2221
- "spacingVertical": "4"
2222
- },
2261
+ var UDSBreakpointsConfigProvider = {
2262
+ "name": "UDSBreakpointsConfigProvider",
2263
+ "defaultProps": {},
2223
2264
  "getStylesLiterals": {},
2224
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2225
- "internalComponents": [
2226
- "Icon",
2227
- "SpringMotionConfig",
2228
- "Pressable",
2229
- "Text",
2230
- "HStack",
2231
- "AnimatePresence",
2232
- "VStack"
2233
- ],
2234
- "internalComponentProps": {
2235
- "Icon": {
2236
- "variant": ["fill"],
2237
- "size": ["sm"],
2238
- "color": ["primary"]
2239
- },
2240
- "SpringMotionConfig": {
2241
- "layoutVariant": ["smooth"],
2242
- "layoutSpeed": ["3"]
2243
- },
2244
- "Pressable": {
2245
- "display": ["flex"],
2246
- "flexDirection": ["row"],
2247
- "alignItems": ["center"],
2248
- "justifyContent": ["space-between"],
2249
- "borderRadius": ["md"]
2250
- },
2251
- "Text": {
2252
- "variant": ["title4"],
2253
- "color": ["primary"]
2254
- },
2255
- "HStack": {
2256
- "display": ["flex"],
2257
- "alignItems": ["center"],
2258
- "justifyContent": ["space-between"],
2259
- "columnGap": ["2.5"]
2260
- }
2261
- },
2265
+ "cxLiterals": [],
2266
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2267
+ "internalComponentProps": {},
2262
2268
  "propToVariantKeys": {},
2263
2269
  "runtimeConfigDefaultProps": {},
2264
2270
  "runtimeConfigGetStyles": {},
2265
2271
  "runtimeConfigInternalComponentProps": {},
2266
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2272
+ "motionVarPrefixes": []
2267
2273
  };
2268
- var Modal = {
2269
- "name": "Modal",
2274
+ var UDSConfigProvider = {
2275
+ "name": "UDSConfigProvider",
2270
2276
  "defaultProps": {},
2271
2277
  "getStylesLiterals": {},
2272
- "cxLiterals": [
2273
- "inset-8",
2274
- "top-[250px]",
2275
- "z-50",
2276
- "mx-auto",
2277
- "h-fit",
2278
- "w-[600px]",
2279
- "origin-center",
2280
- "scale-95",
2281
- "opacity-0",
2282
- "transition",
2283
- "duration-150",
2284
- "data-[enter]:scale-100",
2285
- "data-[enter]:opacity-100",
2286
- "data-[enter]:bg-primary",
2287
- "backdrop-blur-0",
2288
- "data-[enter]:opacity-60",
2289
- "data-[enter]:backdrop-blur-sm"
2290
- ],
2278
+ "cxLiterals": [],
2291
2279
  "internalComponents": [
2292
- "IconButton",
2293
- "Dialog",
2294
- "HStack",
2295
- "Text",
2296
- "VStack"
2280
+ "UDSBreakpointsConfigProvider",
2281
+ "UDSBottomSheetConfigProvider",
2282
+ "UDSToastConfigProvider",
2283
+ "UDSTooltipConfigProvider",
2284
+ "UDSPopoverConfigProvider"
2297
2285
  ],
2298
- "internalComponentProps": {
2299
- "IconButton": {
2300
- "aria-label": ["Close"],
2301
- "size": ["sm"],
2302
- "variant": ["tertiary"]
2303
- },
2304
- "HStack": {
2305
- "alignItems": ["center"],
2306
- "justifyContent": ["space-between"]
2307
- },
2308
- "Text": {
2309
- "variant": ["headline1"],
2310
- "color": ["primary"]
2311
- },
2312
- "VStack": {
2313
- "borderRadius": ["md"],
2314
- "position": ["fixed"],
2315
- "backgroundColor": ["primary"],
2316
- "dropShadow": ["md"],
2317
- "spacing": ["8"],
2318
- "overflow": ["hidden"]
2319
- }
2320
- },
2321
- "propToVariantKeys": { "handleClose": ["onClick"] },
2286
+ "internalComponentProps": {},
2287
+ "propToVariantKeys": {},
2322
2288
  "runtimeConfigDefaultProps": {},
2323
2289
  "runtimeConfigGetStyles": {},
2324
2290
  "runtimeConfigInternalComponentProps": {},
2325
2291
  "motionVarPrefixes": []
2326
2292
  };
2327
- var AvoidMotionLibraryProvider = {
2328
- "name": "AvoidMotionLibraryProvider",
2293
+ var Tooltip = {
2294
+ "name": "Tooltip",
2329
2295
  "defaultProps": {},
2330
2296
  "getStylesLiterals": {},
2331
2297
  "cxLiterals": [],
2332
- "internalComponents": [],
2298
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2333
2299
  "internalComponentProps": {},
2334
2300
  "propToVariantKeys": {},
2335
2301
  "runtimeConfigDefaultProps": {},
2336
2302
  "runtimeConfigGetStyles": {},
2337
- "runtimeConfigInternalComponentProps": {},
2303
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2338
2304
  "motionVarPrefixes": []
2339
2305
  };
2340
- var SegmentedControl = {
2341
- "name": "SegmentedControl",
2342
- "defaultProps": { "textVariant": "label2" },
2306
+ var TooltipContent = {
2307
+ "name": "TooltipContent",
2308
+ "defaultProps": {},
2343
2309
  "getStylesLiterals": {
2344
- "display": "flex",
2345
- "alignItems": "center",
2346
- "backgroundColor": "primary",
2347
- "spacingVertical": "1",
2348
- "spacingHorizontal": "3",
2349
- "columnGap": "1.5",
2350
- "borderWidth": "thin",
2351
- "borderRadius": "full",
2352
- "borderColor": "muted",
2353
- "borderColor:1": "transparent",
2354
- "color": "primary",
2355
- "color:1": "tertiary",
2356
- "color:2": "muted"
2310
+ "tooltipSizeRoot": "default",
2311
+ "tooltipVariantRoot": "default",
2312
+ "tooltipSizeSvg": "default",
2313
+ "tooltipVariantSvg": "default",
2314
+ "tooltipVariantBlur": "default",
2315
+ "position": "absolute",
2316
+ "width": "full",
2317
+ "height": "full",
2318
+ "tooltipSizeTitle": "default",
2319
+ "tooltipSizeBody": "default",
2320
+ "tooltipSizeEndContent": "default",
2321
+ "tooltipSizeIcon": "default",
2322
+ "tooltipVariantIcon": "default"
2357
2323
  },
2358
2324
  "cxLiterals": [
2359
- "uds-ring",
2360
- "cursor-not-allowed",
2361
- "opacity-50",
2362
- "pointer-events-none",
2363
- "hover:bg-primary"
2325
+ "max-w-lg",
2326
+ "flex",
2327
+ "z-[9999]",
2328
+ "uds-bgBlurFillFallback",
2329
+ "uds-bgBlurFallback",
2330
+ "top-0",
2331
+ "left-0",
2332
+ "z-[1]"
2364
2333
  ],
2365
2334
  "internalComponents": [
2366
- "TextVariant",
2367
- "Radio",
2368
- "Icon",
2369
- "RadioProvider",
2370
- "HStack",
2371
- "RadioGroup",
2372
- "Pressable",
2335
+ "IconSlot",
2336
+ "TooltipArrow",
2337
+ "Tooltip",
2338
+ "SvgFloatingOverlay",
2339
+ "VStack",
2340
+ "Box",
2373
2341
  "Text"
2374
2342
  ],
2375
2343
  "internalComponentProps": {
2376
- "Icon": {
2377
- "size": ["sm"],
2378
- "color": ["current"],
2379
- "aria-hidden": ["true"]
2380
- },
2381
- "HStack": {
2382
- "spacing": ["1"],
2383
- "gap": ["1"],
2384
- "backgroundColor": ["secondary"],
2385
- "borderRadius": ["full"],
2386
- "display": ["inline-flex"]
2344
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2345
+ "VStack": { "className": ["gap-[inherit]"] },
2346
+ "Box": {
2347
+ "alignItems": ["center"],
2348
+ "columnGap": ["1", "1.5"]
2387
2349
  },
2388
- "Text": { "color": ["current"] }
2389
- },
2390
- "propToVariantKeys": {
2391
- "value": ["key"],
2392
- "label": ["aria-label"],
2393
- "textVariant": ["variant"]
2350
+ "Text": { "color": ["inherit"] }
2394
2351
  },
2352
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2395
2353
  "runtimeConfigDefaultProps": {},
2396
2354
  "runtimeConfigGetStyles": {},
2397
2355
  "runtimeConfigInternalComponentProps": {},
2398
2356
  "motionVarPrefixes": []
2399
2357
  };
2400
- var SwitchV2 = {
2401
- "name": "SwitchV2",
2358
+ var UDSTooltipConfigProvider = {
2359
+ "name": "UDSTooltipConfigProvider",
2360
+ "defaultProps": {},
2361
+ "getStylesLiterals": {},
2362
+ "cxLiterals": [],
2363
+ "internalComponents": ["TooltipContext.Provider"],
2364
+ "internalComponentProps": {},
2365
+ "propToVariantKeys": {},
2366
+ "runtimeConfigDefaultProps": {},
2367
+ "runtimeConfigGetStyles": {},
2368
+ "runtimeConfigInternalComponentProps": {},
2369
+ "motionVarPrefixes": []
2370
+ };
2371
+ var TooltipTrigger = {
2372
+ "name": "TooltipTrigger",
2373
+ "defaultProps": {},
2374
+ "getStylesLiterals": {},
2375
+ "cxLiterals": [],
2376
+ "internalComponents": ["TooltipAnchor"],
2377
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2378
+ "propToVariantKeys": { "children": ["render"] },
2379
+ "runtimeConfigDefaultProps": {},
2380
+ "runtimeConfigGetStyles": {},
2381
+ "runtimeConfigInternalComponentProps": {},
2382
+ "motionVarPrefixes": []
2383
+ };
2384
+ var RadioGroupProvider = {
2385
+ "name": "RadioGroupProvider",
2386
+ "defaultProps": {},
2387
+ "getStylesLiterals": {},
2388
+ "cxLiterals": [],
2389
+ "internalComponents": [
2390
+ "DivProps",
2391
+ "Comp",
2392
+ "RadioGroupContext.Provider"
2393
+ ],
2394
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2395
+ "propToVariantKeys": {},
2396
+ "runtimeConfigDefaultProps": {},
2397
+ "runtimeConfigGetStyles": {},
2398
+ "runtimeConfigInternalComponentProps": {},
2399
+ "motionVarPrefixes": []
2400
+ };
2401
+ var RadioGroupStore = {
2402
+ "name": "RadioGroupStore",
2403
+ "defaultProps": {},
2404
+ "getStylesLiterals": {},
2405
+ "cxLiterals": [],
2406
+ "internalComponents": [],
2407
+ "internalComponentProps": {},
2408
+ "propToVariantKeys": {},
2409
+ "runtimeConfigDefaultProps": {},
2410
+ "runtimeConfigGetStyles": {},
2411
+ "runtimeConfigInternalComponentProps": {},
2412
+ "motionVarPrefixes": []
2413
+ };
2414
+ var Radio = {
2415
+ "name": "Radio",
2402
2416
  "defaultProps": {
2403
2417
  "labelPosition": "start",
2404
- "size": "md"
2418
+ "variant": "primary",
2419
+ "size": "md",
2420
+ "value": ""
2405
2421
  },
2406
2422
  "getStylesLiterals": {
2407
- "switchVariantRoot": "default",
2408
- "switchVariantActiveRoot": "on",
2409
- "switchVariantActiveRoot:1": "off",
2410
- "switchVariantSwitch": "default",
2411
- "switchVariantActiveSwitch": "on",
2412
- "switchVariantActiveSwitch:1": "off",
2413
- "switchVariantActiveHandle": "on",
2414
- "switchVariantActiveHandle:1": "off",
2415
- "switchVariantHandle": "default",
2416
- "switchVariantHandleIcon": "default",
2417
- "switchVariantActiveHandleIcon": "on",
2418
- "switchVariantActiveHandleIcon:1": "off"
2423
+ "radioVariantValueRoot": "checked",
2424
+ "radioVariantValueRoot:1": "unchecked",
2425
+ "display": "flex",
2426
+ "flexDirection": "row",
2427
+ "flexDirection:1": "row-reverse",
2428
+ "alignItems": "center",
2429
+ "radioVariantValueRadio": "checked",
2430
+ "radioVariantValueRadio:1": "unchecked",
2431
+ "radioVariantValueRadioCircle": "checked",
2432
+ "radioVariantValueRadioCircle:1": "unchecked"
2419
2433
  },
2420
2434
  "cxLiterals": [
2421
- "group",
2422
- "flex",
2423
- "items-center",
2424
- "flex-row",
2425
- "flex-row-reverse",
2435
+ "cursor-pointer",
2436
+ "cursor-default",
2437
+ "opacity-50",
2438
+ "border",
2426
2439
  "uds-ring",
2427
2440
  "uds-ring-within",
2428
- "relative",
2429
- "uds-border-radius-full",
2430
- "transition-[background-color,box-shadow]",
2441
+ "transition-[background-color,border-color]",
2442
+ "transition-shadow",
2431
2443
  "pointer-events-none",
2432
- "w-full",
2433
- "h-full",
2444
+ "w-[8px]",
2445
+ "h-[8px]",
2446
+ "transition-opacity",
2447
+ "cursor-[inherit]",
2434
2448
  "absolute",
2435
- "top-0",
2436
- "bottom-0",
2437
- "right-0",
2438
- "left-0",
2439
- "overflow-hidden",
2440
- "group-hover:scale-105",
2441
- "opacity-95",
2442
- "group-hover:opacity-100",
2443
- "transition-[transform,opacity]",
2444
2449
  "opacity-0",
2445
2450
  "top-1/2",
2446
2451
  "left-1/2",
2452
+ "w-[calc(100%+2px)]",
2453
+ "h-[calc(100%+2px)]",
2447
2454
  "transform",
2448
2455
  "translate-x-[-50%]",
2449
2456
  "translate-y-[-50%]",
2450
- "transition-opacity",
2451
- "cursor-[inherit]",
2452
- "w-[calc(100%+2px)]",
2453
- "h-[calc(100%+2px)]",
2454
2457
  "text-start",
2455
- "text-end",
2456
- "opacity-100"
2458
+ "text-end"
2457
2459
  ],
2458
2460
  "internalComponents": [
2459
- "IconSlot",
2460
2461
  "Box",
2461
2462
  "FormLabel",
2462
2463
  "SpringMotionConfig",
@@ -2464,35 +2465,34 @@ var SwitchV2 = {
2464
2465
  "MotionBox"
2465
2466
  ],
2466
2467
  "internalComponentProps": {
2467
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2468
+ "Box": { "borderRadius": ["full"] },
2468
2469
  "FormLabel": {
2469
2470
  "as": ["div"],
2470
2471
  "variant": ["inherit"],
2471
2472
  "color": ["inherit"]
2472
2473
  },
2473
- "SpringMotionConfig": {
2474
- "layoutVariant": ["bouncy"],
2475
- "layoutSpeed": ["4"]
2476
- },
2477
- "RootElement": { "data-testid": ["switch-root"] },
2478
- "MotionBox": { "layout": ["position"] }
2474
+ "RootElement": { "data-testid": ["container"] },
2475
+ "MotionBox": {
2476
+ "position": ["relative"],
2477
+ "borderRadius": ["full"],
2478
+ "alignItems": ["center"],
2479
+ "justifyContent": ["center"],
2480
+ "flex": ["none"]
2481
+ }
2479
2482
  },
2480
2483
  "propToVariantKeys": {
2481
- "size": [
2482
- "switchSizeRoot",
2483
- "switchSizeSwitch",
2484
- "switchSizeHandle",
2485
- "switchSizeHandleIcon"
2484
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2485
+ "variant": [
2486
+ "radioVariantRoot",
2487
+ "radioVariantRadio",
2488
+ "radioVariantRadioCircle"
2486
2489
  ],
2487
- "onIcon": ["icon"],
2488
- "offIcon": ["icon"],
2489
- "reduceMotion": ["reducedMotion"],
2490
- "isOn": ["layoutDependency"]
2490
+ "reduceMotion": ["reducedMotion"]
2491
2491
  },
2492
2492
  "runtimeConfigDefaultProps": {},
2493
2493
  "runtimeConfigGetStyles": {},
2494
2494
  "runtimeConfigInternalComponentProps": {},
2495
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2495
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2496
2496
  };
2497
2497
  var componentData_default = {
2498
2498
  Icon,
@@ -2524,6 +2524,11 @@ var componentData_default = {
2524
2524
  Badge,
2525
2525
  Checkbox,
2526
2526
  Button,
2527
+ Accordion,
2528
+ Modal,
2529
+ AvoidMotionLibraryProvider,
2530
+ SegmentedControl,
2531
+ SwitchV2,
2527
2532
  UDSToastConfigProvider,
2528
2533
  ToastPortal,
2529
2534
  Toast,
@@ -2576,12 +2581,7 @@ var componentData_default = {
2576
2581
  TooltipTrigger,
2577
2582
  RadioGroupProvider,
2578
2583
  RadioGroupStore,
2579
- Radio,
2580
- Accordion,
2581
- Modal,
2582
- AvoidMotionLibraryProvider,
2583
- SegmentedControl,
2584
- SwitchV2
2584
+ Radio
2585
2585
  };
2586
2586
 
2587
2587
  //#endregion