@vygruppen/spor-react 3.7.2 → 3.7.4

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 (20) hide show
  1. package/.turbo/turbo-build.log +10 -10
  2. package/CHANGELOG.md +22 -0
  3. package/dist/{CountryCodeSelect-LFJGSTTV.mjs → CountryCodeSelect-FLRREZ6C.mjs} +1 -1
  4. package/dist/{chunk-YVEFEGE4.mjs → chunk-TMLJPE4H.mjs} +196 -103
  5. package/dist/index.d.mts +70 -45
  6. package/dist/index.d.ts +70 -45
  7. package/dist/index.js +204 -102
  8. package/dist/index.mjs +1 -1
  9. package/package.json +1 -1
  10. package/src/button/Button.tsx +1 -0
  11. package/src/button/FloatingActionButton.tsx +9 -9
  12. package/src/input/ChoiceChip.tsx +2 -0
  13. package/src/link/TextLink.tsx +5 -1
  14. package/src/theme/components/accordion.ts +39 -21
  15. package/src/theme/components/breadcrumb.ts +13 -12
  16. package/src/theme/components/button.ts +71 -24
  17. package/src/theme/components/choice-chip.ts +22 -9
  18. package/src/theme/components/index.ts +1 -1
  19. package/src/theme/components/link.ts +30 -30
  20. package/src/theme/components/list.ts +23 -0
package/dist/index.d.mts CHANGED
@@ -266,7 +266,9 @@ type ButtonProps = Exclude<ButtonProps$1, "colorScheme" | "loadingText" | "size"
266
266
  *
267
267
  * Defaults to "primary"
268
268
  */
269
- variant?: "control" | "primary" | "secondary" | "tertiary" | "additional" | "ghost" | "floating";
269
+ variant?: "control" | "primary" | "secondary"
270
+ /** @deprecated Use `secondary` instead */
271
+ | "tertiary" | "additional" | "ghost" | "floating";
270
272
  };
271
273
  /**
272
274
  * Buttons are used to trigger actions.
@@ -1412,7 +1414,9 @@ type TravelTagProps = TagProps & BoxProps & {
1412
1414
  declare const TravelTag: _chakra_ui_system_dist_system_types.ComponentWithAs<As, TravelTagProps>;
1413
1415
 
1414
1416
  type LinkProps = Omit<LinkProps$1, "variant"> & {
1415
- variant?: "primary" | "secondary" | "tertiary";
1417
+ variant?: "primary" | "secondary"
1418
+ /** @deprecated Use `secondary` instead */
1419
+ | "tertiary";
1416
1420
  };
1417
1421
  /** Link to different sites or parts of site
1418
1422
  *
@@ -1961,7 +1965,7 @@ declare const fontFaces: string;
1961
1965
  declare const theme: {
1962
1966
  components: {
1963
1967
  Accordion: {
1964
- baseStyle?: {
1968
+ baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
1965
1969
  container: {
1966
1970
  border: string;
1967
1971
  borderRadius: string;
@@ -1982,6 +1986,7 @@ declare const theme: {
1982
1986
  justifyContent: string;
1983
1987
  color: string;
1984
1988
  textAlign: string;
1989
+ fontFamily: string;
1985
1990
  fontWeight: string;
1986
1991
  };
1987
1992
  panel: {
@@ -1991,13 +1996,14 @@ declare const theme: {
1991
1996
  icon: {
1992
1997
  fontSize: string;
1993
1998
  };
1994
- } | undefined;
1999
+ }) | undefined;
1995
2000
  sizes?: {
1996
2001
  sm: {
1997
2002
  button: {
1998
2003
  fontSize: ("mobile.xs" | "desktop.xs" | null)[];
1999
2004
  paddingX: number;
2000
2005
  paddingY: number;
2006
+ minHeight: number;
2001
2007
  };
2002
2008
  panel: {
2003
2009
  fontSize: ("mobile.xs" | "desktop.xs" | null)[];
@@ -2009,6 +2015,7 @@ declare const theme: {
2009
2015
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
2010
2016
  paddingX: number;
2011
2017
  paddingY: number;
2018
+ minHeight: number;
2012
2019
  };
2013
2020
  panel: {
2014
2021
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
@@ -2020,6 +2027,7 @@ declare const theme: {
2020
2027
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
2021
2028
  paddingX: number;
2022
2029
  paddingY: number;
2030
+ minHeight: number;
2023
2031
  };
2024
2032
  panel: {
2025
2033
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
@@ -2028,7 +2036,7 @@ declare const theme: {
2028
2036
  };
2029
2037
  } | undefined;
2030
2038
  variants?: {
2031
- list: {
2039
+ list: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2032
2040
  button: {
2033
2041
  boxShadow: string;
2034
2042
  _hover: {
@@ -2039,7 +2047,7 @@ declare const theme: {
2039
2047
  };
2040
2048
  };
2041
2049
  };
2042
- outline: {
2050
+ outline: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2043
2051
  container: {
2044
2052
  boxShadow: string;
2045
2053
  };
@@ -2056,8 +2064,9 @@ declare const theme: {
2056
2064
  };
2057
2065
  };
2058
2066
  };
2059
- card: {
2067
+ card: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2060
2068
  container: {
2069
+ backgroundColor: string;
2061
2070
  boxShadow: string;
2062
2071
  };
2063
2072
  button: {
@@ -2066,9 +2075,11 @@ declare const theme: {
2066
2075
  };
2067
2076
  _hover: {
2068
2077
  backgroundColor: string;
2078
+ boxShadow: string;
2069
2079
  };
2070
2080
  _active: {
2071
2081
  backgroundColor: string;
2082
+ boxShadow: string;
2072
2083
  };
2073
2084
  };
2074
2085
  };
@@ -2173,7 +2184,7 @@ declare const theme: {
2173
2184
  } | undefined;
2174
2185
  };
2175
2186
  Breadcrumb: {
2176
- baseStyle?: {
2187
+ baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
2177
2188
  link: {
2178
2189
  transitionProperty: string;
2179
2190
  transitionDuration: string;
@@ -2191,6 +2202,11 @@ declare const theme: {
2191
2202
  };
2192
2203
  _focusVisible: {
2193
2204
  boxShadow: string;
2205
+ notFocus: {
2206
+ notFocus: {
2207
+ boxShadow: string;
2208
+ };
2209
+ };
2194
2210
  };
2195
2211
  _active: {
2196
2212
  backgroundColor: string;
@@ -2201,7 +2217,7 @@ declare const theme: {
2201
2217
  flexWrap: string;
2202
2218
  alignItems: string;
2203
2219
  };
2204
- } | undefined;
2220
+ }) | undefined;
2205
2221
  sizes?: {
2206
2222
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
2207
2223
  keys: ("link" | "container" | "separator" | "item")[];
@@ -2267,7 +2283,7 @@ declare const theme: {
2267
2283
  };
2268
2284
  } | undefined;
2269
2285
  variants?: {
2270
- control: {
2286
+ control: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2271
2287
  _hover: {
2272
2288
  backgroundColor: string;
2273
2289
  };
@@ -2280,7 +2296,7 @@ declare const theme: {
2280
2296
  backgroundColor: string;
2281
2297
  color: string;
2282
2298
  };
2283
- primary: {
2299
+ primary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2284
2300
  _hover: {
2285
2301
  backgroundColor: string;
2286
2302
  };
@@ -2293,18 +2309,22 @@ declare const theme: {
2293
2309
  backgroundColor: string;
2294
2310
  color: string;
2295
2311
  };
2296
- secondary: {
2297
- _hover: {
2298
- backgroundColor: string;
2299
- };
2312
+ secondary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2300
2313
  _active: {
2301
2314
  backgroundColor: string;
2315
+ boxShadow: string;
2316
+ _hover: {
2317
+ boxShadow: string;
2318
+ };
2302
2319
  };
2303
2320
  _focus: _chakra_ui_styled_system.SystemStyleObject;
2304
2321
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2305
2322
  "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2306
2323
  backgroundColor: string;
2307
2324
  color: string;
2325
+ _hover: {
2326
+ backgroundColor: string;
2327
+ };
2308
2328
  };
2309
2329
  tertiary: {
2310
2330
  _hover: {
@@ -2665,6 +2685,7 @@ declare const theme: {
2665
2685
  fontSize: string;
2666
2686
  px: number;
2667
2687
  _checked: {
2688
+ color: string;
2668
2689
  background: string;
2669
2690
  boxShadow: string;
2670
2691
  };
@@ -2673,11 +2694,16 @@ declare const theme: {
2673
2694
  };
2674
2695
  "@media (hover:hover)": {
2675
2696
  _hover: {
2697
+ color: string;
2676
2698
  boxShadow: string;
2677
2699
  background: string;
2678
2700
  cursor: string;
2679
2701
  };
2680
2702
  };
2703
+ _active: {
2704
+ backgroundColor: string;
2705
+ boxShadow: string;
2706
+ };
2681
2707
  };
2682
2708
  icon: {
2683
2709
  mr: number;
@@ -3744,16 +3770,16 @@ declare const theme: {
3744
3770
  [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
3745
3771
  } | undefined;
3746
3772
  variants?: {
3747
- primary: {
3773
+ primary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3748
3774
  _hover: {
3749
- backgroundColor: string;
3750
3775
  color: string;
3776
+ backgroundColor: string;
3751
3777
  boxShadow: string;
3752
3778
  };
3753
3779
  _active: {
3780
+ color: string;
3754
3781
  backgroundColor: string;
3755
3782
  boxShadow: string;
3756
- color: string;
3757
3783
  };
3758
3784
  _focus: _chakra_ui_styled_system.SystemStyleObject;
3759
3785
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
@@ -3762,12 +3788,10 @@ declare const theme: {
3762
3788
  };
3763
3789
  secondary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3764
3790
  _hover: {
3765
- color: string;
3766
3791
  backgroundColor: string;
3767
3792
  boxShadow: string;
3768
3793
  };
3769
3794
  _active: {
3770
- color: string;
3771
3795
  backgroundColor: string;
3772
3796
  boxShadow: string;
3773
3797
  };
@@ -3799,6 +3823,32 @@ declare const theme: {
3799
3823
  colorScheme?: string | undefined;
3800
3824
  } | undefined;
3801
3825
  };
3826
+ List: {
3827
+ baseStyle?: {
3828
+ icon: {
3829
+ marginEnd: string;
3830
+ display: string;
3831
+ verticalAlign: string;
3832
+ fontFamily: string;
3833
+ };
3834
+ } | undefined;
3835
+ sizes?: {
3836
+ [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
3837
+ keys: ("container" | "icon" | "item")[];
3838
+ }>;
3839
+ } | undefined;
3840
+ variants?: {
3841
+ [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
3842
+ keys: ("container" | "icon" | "item")[];
3843
+ }>;
3844
+ } | undefined;
3845
+ defaultProps?: {
3846
+ size?: string | number | undefined;
3847
+ variant?: string | number | undefined;
3848
+ colorScheme?: string | undefined;
3849
+ } | undefined;
3850
+ parts: ("container" | "icon" | "item")[];
3851
+ };
3802
3852
  ListBox: {
3803
3853
  baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
3804
3854
  container: {
@@ -5689,31 +5739,6 @@ declare const theme: {
5689
5739
  colorScheme?: string | undefined;
5690
5740
  } | undefined;
5691
5741
  };
5692
- List: {
5693
- baseStyle?: {
5694
- icon: {
5695
- marginEnd: string;
5696
- display: string;
5697
- verticalAlign: string;
5698
- };
5699
- } | undefined;
5700
- sizes?: {
5701
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5702
- keys: ("container" | "icon" | "item")[];
5703
- }>;
5704
- } | undefined;
5705
- variants?: {
5706
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5707
- keys: ("container" | "icon" | "item")[];
5708
- }>;
5709
- } | undefined;
5710
- defaultProps?: {
5711
- size?: string | number | undefined;
5712
- variant?: string | number | undefined;
5713
- colorScheme?: string | undefined;
5714
- } | undefined;
5715
- parts: ("container" | "icon" | "item")[];
5716
- };
5717
5742
  Menu: {
5718
5743
  baseStyle?: {
5719
5744
  button: {
package/dist/index.d.ts CHANGED
@@ -266,7 +266,9 @@ type ButtonProps = Exclude<ButtonProps$1, "colorScheme" | "loadingText" | "size"
266
266
  *
267
267
  * Defaults to "primary"
268
268
  */
269
- variant?: "control" | "primary" | "secondary" | "tertiary" | "additional" | "ghost" | "floating";
269
+ variant?: "control" | "primary" | "secondary"
270
+ /** @deprecated Use `secondary` instead */
271
+ | "tertiary" | "additional" | "ghost" | "floating";
270
272
  };
271
273
  /**
272
274
  * Buttons are used to trigger actions.
@@ -1412,7 +1414,9 @@ type TravelTagProps = TagProps & BoxProps & {
1412
1414
  declare const TravelTag: _chakra_ui_system_dist_system_types.ComponentWithAs<As, TravelTagProps>;
1413
1415
 
1414
1416
  type LinkProps = Omit<LinkProps$1, "variant"> & {
1415
- variant?: "primary" | "secondary" | "tertiary";
1417
+ variant?: "primary" | "secondary"
1418
+ /** @deprecated Use `secondary` instead */
1419
+ | "tertiary";
1416
1420
  };
1417
1421
  /** Link to different sites or parts of site
1418
1422
  *
@@ -1961,7 +1965,7 @@ declare const fontFaces: string;
1961
1965
  declare const theme: {
1962
1966
  components: {
1963
1967
  Accordion: {
1964
- baseStyle?: {
1968
+ baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
1965
1969
  container: {
1966
1970
  border: string;
1967
1971
  borderRadius: string;
@@ -1982,6 +1986,7 @@ declare const theme: {
1982
1986
  justifyContent: string;
1983
1987
  color: string;
1984
1988
  textAlign: string;
1989
+ fontFamily: string;
1985
1990
  fontWeight: string;
1986
1991
  };
1987
1992
  panel: {
@@ -1991,13 +1996,14 @@ declare const theme: {
1991
1996
  icon: {
1992
1997
  fontSize: string;
1993
1998
  };
1994
- } | undefined;
1999
+ }) | undefined;
1995
2000
  sizes?: {
1996
2001
  sm: {
1997
2002
  button: {
1998
2003
  fontSize: ("mobile.xs" | "desktop.xs" | null)[];
1999
2004
  paddingX: number;
2000
2005
  paddingY: number;
2006
+ minHeight: number;
2001
2007
  };
2002
2008
  panel: {
2003
2009
  fontSize: ("mobile.xs" | "desktop.xs" | null)[];
@@ -2009,6 +2015,7 @@ declare const theme: {
2009
2015
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
2010
2016
  paddingX: number;
2011
2017
  paddingY: number;
2018
+ minHeight: number;
2012
2019
  };
2013
2020
  panel: {
2014
2021
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
@@ -2020,6 +2027,7 @@ declare const theme: {
2020
2027
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
2021
2028
  paddingX: number;
2022
2029
  paddingY: number;
2030
+ minHeight: number;
2023
2031
  };
2024
2032
  panel: {
2025
2033
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
@@ -2028,7 +2036,7 @@ declare const theme: {
2028
2036
  };
2029
2037
  } | undefined;
2030
2038
  variants?: {
2031
- list: {
2039
+ list: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2032
2040
  button: {
2033
2041
  boxShadow: string;
2034
2042
  _hover: {
@@ -2039,7 +2047,7 @@ declare const theme: {
2039
2047
  };
2040
2048
  };
2041
2049
  };
2042
- outline: {
2050
+ outline: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2043
2051
  container: {
2044
2052
  boxShadow: string;
2045
2053
  };
@@ -2056,8 +2064,9 @@ declare const theme: {
2056
2064
  };
2057
2065
  };
2058
2066
  };
2059
- card: {
2067
+ card: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2060
2068
  container: {
2069
+ backgroundColor: string;
2061
2070
  boxShadow: string;
2062
2071
  };
2063
2072
  button: {
@@ -2066,9 +2075,11 @@ declare const theme: {
2066
2075
  };
2067
2076
  _hover: {
2068
2077
  backgroundColor: string;
2078
+ boxShadow: string;
2069
2079
  };
2070
2080
  _active: {
2071
2081
  backgroundColor: string;
2082
+ boxShadow: string;
2072
2083
  };
2073
2084
  };
2074
2085
  };
@@ -2173,7 +2184,7 @@ declare const theme: {
2173
2184
  } | undefined;
2174
2185
  };
2175
2186
  Breadcrumb: {
2176
- baseStyle?: {
2187
+ baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
2177
2188
  link: {
2178
2189
  transitionProperty: string;
2179
2190
  transitionDuration: string;
@@ -2191,6 +2202,11 @@ declare const theme: {
2191
2202
  };
2192
2203
  _focusVisible: {
2193
2204
  boxShadow: string;
2205
+ notFocus: {
2206
+ notFocus: {
2207
+ boxShadow: string;
2208
+ };
2209
+ };
2194
2210
  };
2195
2211
  _active: {
2196
2212
  backgroundColor: string;
@@ -2201,7 +2217,7 @@ declare const theme: {
2201
2217
  flexWrap: string;
2202
2218
  alignItems: string;
2203
2219
  };
2204
- } | undefined;
2220
+ }) | undefined;
2205
2221
  sizes?: {
2206
2222
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
2207
2223
  keys: ("link" | "container" | "separator" | "item")[];
@@ -2267,7 +2283,7 @@ declare const theme: {
2267
2283
  };
2268
2284
  } | undefined;
2269
2285
  variants?: {
2270
- control: {
2286
+ control: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2271
2287
  _hover: {
2272
2288
  backgroundColor: string;
2273
2289
  };
@@ -2280,7 +2296,7 @@ declare const theme: {
2280
2296
  backgroundColor: string;
2281
2297
  color: string;
2282
2298
  };
2283
- primary: {
2299
+ primary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2284
2300
  _hover: {
2285
2301
  backgroundColor: string;
2286
2302
  };
@@ -2293,18 +2309,22 @@ declare const theme: {
2293
2309
  backgroundColor: string;
2294
2310
  color: string;
2295
2311
  };
2296
- secondary: {
2297
- _hover: {
2298
- backgroundColor: string;
2299
- };
2312
+ secondary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2300
2313
  _active: {
2301
2314
  backgroundColor: string;
2315
+ boxShadow: string;
2316
+ _hover: {
2317
+ boxShadow: string;
2318
+ };
2302
2319
  };
2303
2320
  _focus: _chakra_ui_styled_system.SystemStyleObject;
2304
2321
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2305
2322
  "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2306
2323
  backgroundColor: string;
2307
2324
  color: string;
2325
+ _hover: {
2326
+ backgroundColor: string;
2327
+ };
2308
2328
  };
2309
2329
  tertiary: {
2310
2330
  _hover: {
@@ -2665,6 +2685,7 @@ declare const theme: {
2665
2685
  fontSize: string;
2666
2686
  px: number;
2667
2687
  _checked: {
2688
+ color: string;
2668
2689
  background: string;
2669
2690
  boxShadow: string;
2670
2691
  };
@@ -2673,11 +2694,16 @@ declare const theme: {
2673
2694
  };
2674
2695
  "@media (hover:hover)": {
2675
2696
  _hover: {
2697
+ color: string;
2676
2698
  boxShadow: string;
2677
2699
  background: string;
2678
2700
  cursor: string;
2679
2701
  };
2680
2702
  };
2703
+ _active: {
2704
+ backgroundColor: string;
2705
+ boxShadow: string;
2706
+ };
2681
2707
  };
2682
2708
  icon: {
2683
2709
  mr: number;
@@ -3744,16 +3770,16 @@ declare const theme: {
3744
3770
  [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
3745
3771
  } | undefined;
3746
3772
  variants?: {
3747
- primary: {
3773
+ primary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3748
3774
  _hover: {
3749
- backgroundColor: string;
3750
3775
  color: string;
3776
+ backgroundColor: string;
3751
3777
  boxShadow: string;
3752
3778
  };
3753
3779
  _active: {
3780
+ color: string;
3754
3781
  backgroundColor: string;
3755
3782
  boxShadow: string;
3756
- color: string;
3757
3783
  };
3758
3784
  _focus: _chakra_ui_styled_system.SystemStyleObject;
3759
3785
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
@@ -3762,12 +3788,10 @@ declare const theme: {
3762
3788
  };
3763
3789
  secondary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3764
3790
  _hover: {
3765
- color: string;
3766
3791
  backgroundColor: string;
3767
3792
  boxShadow: string;
3768
3793
  };
3769
3794
  _active: {
3770
- color: string;
3771
3795
  backgroundColor: string;
3772
3796
  boxShadow: string;
3773
3797
  };
@@ -3799,6 +3823,32 @@ declare const theme: {
3799
3823
  colorScheme?: string | undefined;
3800
3824
  } | undefined;
3801
3825
  };
3826
+ List: {
3827
+ baseStyle?: {
3828
+ icon: {
3829
+ marginEnd: string;
3830
+ display: string;
3831
+ verticalAlign: string;
3832
+ fontFamily: string;
3833
+ };
3834
+ } | undefined;
3835
+ sizes?: {
3836
+ [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
3837
+ keys: ("container" | "icon" | "item")[];
3838
+ }>;
3839
+ } | undefined;
3840
+ variants?: {
3841
+ [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
3842
+ keys: ("container" | "icon" | "item")[];
3843
+ }>;
3844
+ } | undefined;
3845
+ defaultProps?: {
3846
+ size?: string | number | undefined;
3847
+ variant?: string | number | undefined;
3848
+ colorScheme?: string | undefined;
3849
+ } | undefined;
3850
+ parts: ("container" | "icon" | "item")[];
3851
+ };
3802
3852
  ListBox: {
3803
3853
  baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
3804
3854
  container: {
@@ -5689,31 +5739,6 @@ declare const theme: {
5689
5739
  colorScheme?: string | undefined;
5690
5740
  } | undefined;
5691
5741
  };
5692
- List: {
5693
- baseStyle?: {
5694
- icon: {
5695
- marginEnd: string;
5696
- display: string;
5697
- verticalAlign: string;
5698
- };
5699
- } | undefined;
5700
- sizes?: {
5701
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5702
- keys: ("container" | "icon" | "item")[];
5703
- }>;
5704
- } | undefined;
5705
- variants?: {
5706
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5707
- keys: ("container" | "icon" | "item")[];
5708
- }>;
5709
- } | undefined;
5710
- defaultProps?: {
5711
- size?: string | number | undefined;
5712
- variant?: string | number | undefined;
5713
- colorScheme?: string | undefined;
5714
- } | undefined;
5715
- parts: ("container" | "icon" | "item")[];
5716
- };
5717
5742
  Menu: {
5718
5743
  baseStyle?: {
5719
5744
  button: {