@vygruppen/spor-react 3.7.3 → 3.7.5

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 (17) hide show
  1. package/.turbo/turbo-build.log +10 -10
  2. package/CHANGELOG.md +21 -0
  3. package/dist/{CountryCodeSelect-WGNXQHWO.mjs → CountryCodeSelect-SNFTRR3O.mjs} +1 -1
  4. package/dist/{chunk-D2XVZVE6.mjs → chunk-GIAB4PHV.mjs} +213 -131
  5. package/dist/index.d.mts +40 -22
  6. package/dist/index.d.ts +40 -22
  7. package/dist/index.js +212 -128
  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 +76 -61
  12. package/src/input/ChoiceChip.tsx +2 -0
  13. package/src/theme/components/accordion.ts +38 -21
  14. package/src/theme/components/breadcrumb.ts +21 -17
  15. package/src/theme/components/button.ts +71 -24
  16. package/src/theme/components/choice-chip.ts +22 -9
  17. package/src/theme/components/input.ts +1 -1
package/dist/index.d.mts CHANGED
@@ -1,4 +1,4 @@
1
- import { DividerProps as DividerProps$1, As, BoxProps, StackProps as StackProps$1, AccordionProps as AccordionProps$1, AccordionItemProps, BreadcrumbProps as BreadcrumbProps$1, ButtonProps as ButtonProps$1, ButtonGroupProps as ButtonGroupProps$1, IconButtonProps as IconButtonProps$1, ResponsiveValue, FlexProps, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, StackDirection, FormControlProps as FormControlProps$1, FormLabelProps as FormLabelProps$1, InputProps as InputProps$1, InputElementProps as InputElementProps$1, SelectProps, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SwitchProps as SwitchProps$1, TextareaProps as TextareaProps$1, LinkProps as LinkProps$1, SkeletonTextProps as SkeletonTextProps$1, ModalHeaderProps as ModalHeaderProps$1, DrawerContentProps, DrawerProps as DrawerProps$1, PopoverProps, ChakraProviderProps, TabsProps as TabsProps$1, TableProps as TableProps$1, BadgeProps as BadgeProps$1, CodeProps as CodeProps$1, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
1
+ import { DividerProps as DividerProps$1, As, BoxProps, StackProps as StackProps$1, AccordionProps as AccordionProps$1, AccordionItemProps, BreadcrumbProps as BreadcrumbProps$1, ButtonProps as ButtonProps$1, ButtonGroupProps as ButtonGroupProps$1, IconButtonProps as IconButtonProps$1, ComponentWithAs, ResponsiveValue, FlexProps, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, StackDirection, FormControlProps as FormControlProps$1, FormLabelProps as FormLabelProps$1, InputProps as InputProps$1, InputElementProps as InputElementProps$1, SelectProps, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SwitchProps as SwitchProps$1, TextareaProps as TextareaProps$1, LinkProps as LinkProps$1, SkeletonTextProps as SkeletonTextProps$1, ModalHeaderProps as ModalHeaderProps$1, DrawerContentProps, DrawerProps as DrawerProps$1, PopoverProps, ChakraProviderProps, TabsProps as TabsProps$1, TableProps as TableProps$1, BadgeProps as BadgeProps$1, CodeProps as CodeProps$1, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
2
2
  export { AccordionButton, AccordionButtonProps, AccordionIcon, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, Box, BoxProps, Center, CenterProps, Collapse, CollapseProps, Container, ContainerProps, DarkMode, DrawerBody, DrawerCloseButton, DrawerFooter, DrawerOverlay, DrawerProps, Fade, FadeProps, Flex, FlexProps, FormHelperText, Grid, GridItem, GridItemProps, GridProps, HStack, Image, ImageProps, Img, ImgProps, InputGroup, InputGroupProps, LightMode, ListItem, ListItemProps, ListProps, Modal, ModalBody, ModalBodyProps, ModalCloseButton, ModalContent, ModalContentProps, ModalFooter, ModalFooterProps, ModalOverlay, ModalOverlayProps, ModalProps, OrderedList, Popover, PopoverAnchor, PopoverArrow, PopoverArrowProps, PopoverBody, PopoverBodyProps, PopoverCloseButton, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTrigger, ScaleFade, ScaleFadeProps, SimpleGrid, SimpleGridProps, Slide, SlideFade, SlideFadeProps, SlideProps, Spacer, SpacerProps, Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, TableBodyProps, TableCaption, TableCaptionProps, TableCellProps, TableColumnHeaderProps, TableFooterProps, TableHeadProps, TableRowProps, Tbody, Td, Tfoot, Th, Thead, Tr, UnorderedList, UseClipboardOptions, UseDisclosureProps, UseOutsideClickProps, VStack, Wrap, WrapItem, WrapItemProps, WrapProps, extendTheme, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToken } from '@chakra-ui/react';
3
3
  import tokens__default from '@vygruppen/spor-design-tokens';
4
4
  import * as tokens from '@vygruppen/spor-design-tokens';
@@ -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.
@@ -409,7 +411,7 @@ type FloatingActionButtonProps = BoxProps & {
409
411
  * placement="bottom right"
410
412
  * />
411
413
  */
412
- declare const FloatingActionButton: ({ children, icon, variant, isTextVisible: externalIsTextVisible, placement, ...props }: FloatingActionButtonProps) => React__default.JSX.Element;
414
+ declare const FloatingActionButton: ComponentWithAs<ComponentWithAs<"a" | "button">, FloatingActionButtonProps>;
413
415
 
414
416
  type CardProps = Exclude<BoxProps, "size"> & {
415
417
  size?: "sm" | "lg";
@@ -1963,7 +1965,7 @@ declare const fontFaces: string;
1963
1965
  declare const theme: {
1964
1966
  components: {
1965
1967
  Accordion: {
1966
- baseStyle?: {
1968
+ baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
1967
1969
  container: {
1968
1970
  border: string;
1969
1971
  borderRadius: string;
@@ -1994,13 +1996,14 @@ declare const theme: {
1994
1996
  icon: {
1995
1997
  fontSize: string;
1996
1998
  };
1997
- } | undefined;
1999
+ }) | undefined;
1998
2000
  sizes?: {
1999
2001
  sm: {
2000
2002
  button: {
2001
2003
  fontSize: ("mobile.xs" | "desktop.xs" | null)[];
2002
2004
  paddingX: number;
2003
2005
  paddingY: number;
2006
+ minHeight: number;
2004
2007
  };
2005
2008
  panel: {
2006
2009
  fontSize: ("mobile.xs" | "desktop.xs" | null)[];
@@ -2012,6 +2015,7 @@ declare const theme: {
2012
2015
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
2013
2016
  paddingX: number;
2014
2017
  paddingY: number;
2018
+ minHeight: number;
2015
2019
  };
2016
2020
  panel: {
2017
2021
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
@@ -2023,6 +2027,7 @@ declare const theme: {
2023
2027
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
2024
2028
  paddingX: number;
2025
2029
  paddingY: number;
2030
+ minHeight: number;
2026
2031
  };
2027
2032
  panel: {
2028
2033
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
@@ -2031,7 +2036,7 @@ declare const theme: {
2031
2036
  };
2032
2037
  } | undefined;
2033
2038
  variants?: {
2034
- list: {
2039
+ list: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2035
2040
  button: {
2036
2041
  boxShadow: string;
2037
2042
  _hover: {
@@ -2042,7 +2047,7 @@ declare const theme: {
2042
2047
  };
2043
2048
  };
2044
2049
  };
2045
- outline: {
2050
+ outline: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2046
2051
  container: {
2047
2052
  boxShadow: string;
2048
2053
  };
@@ -2059,8 +2064,9 @@ declare const theme: {
2059
2064
  };
2060
2065
  };
2061
2066
  };
2062
- card: {
2067
+ card: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2063
2068
  container: {
2069
+ backgroundColor: string;
2064
2070
  boxShadow: string;
2065
2071
  };
2066
2072
  button: {
@@ -2069,9 +2075,11 @@ declare const theme: {
2069
2075
  };
2070
2076
  _hover: {
2071
2077
  backgroundColor: string;
2078
+ boxShadow: string;
2072
2079
  };
2073
2080
  _active: {
2074
2081
  backgroundColor: string;
2082
+ boxShadow: string;
2075
2083
  };
2076
2084
  };
2077
2085
  };
@@ -2176,7 +2184,7 @@ declare const theme: {
2176
2184
  } | undefined;
2177
2185
  };
2178
2186
  Breadcrumb: {
2179
- baseStyle?: {
2187
+ baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
2180
2188
  link: {
2181
2189
  transitionProperty: string;
2182
2190
  transitionDuration: string;
@@ -2186,25 +2194,25 @@ declare const theme: {
2186
2194
  textDecoration: string;
2187
2195
  textStyle: string;
2188
2196
  "&:not([aria-current=page])": {
2197
+ _active: {
2198
+ backgroundColor: string;
2199
+ };
2200
+ _focus: _chakra_ui_styled_system.SystemStyleObject;
2201
+ _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2202
+ "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2189
2203
  cursor: string;
2190
2204
  paddingX: number;
2191
2205
  borderRadius: string;
2192
2206
  _hover: {
2193
2207
  backgroundColor: string;
2194
2208
  };
2195
- _focusVisible: {
2196
- boxShadow: string;
2197
- };
2198
- _active: {
2199
- backgroundColor: string;
2200
- };
2201
2209
  };
2202
2210
  };
2203
2211
  list: {
2204
2212
  flexWrap: string;
2205
2213
  alignItems: string;
2206
2214
  };
2207
- } | undefined;
2215
+ }) | undefined;
2208
2216
  sizes?: {
2209
2217
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
2210
2218
  keys: ("link" | "container" | "separator" | "item")[];
@@ -2270,7 +2278,7 @@ declare const theme: {
2270
2278
  };
2271
2279
  } | undefined;
2272
2280
  variants?: {
2273
- control: {
2281
+ control: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2274
2282
  _hover: {
2275
2283
  backgroundColor: string;
2276
2284
  };
@@ -2283,7 +2291,7 @@ declare const theme: {
2283
2291
  backgroundColor: string;
2284
2292
  color: string;
2285
2293
  };
2286
- primary: {
2294
+ primary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2287
2295
  _hover: {
2288
2296
  backgroundColor: string;
2289
2297
  };
@@ -2296,18 +2304,22 @@ declare const theme: {
2296
2304
  backgroundColor: string;
2297
2305
  color: string;
2298
2306
  };
2299
- secondary: {
2300
- _hover: {
2301
- backgroundColor: string;
2302
- };
2307
+ secondary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2303
2308
  _active: {
2304
2309
  backgroundColor: string;
2310
+ boxShadow: string;
2311
+ _hover: {
2312
+ boxShadow: string;
2313
+ };
2305
2314
  };
2306
2315
  _focus: _chakra_ui_styled_system.SystemStyleObject;
2307
2316
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2308
2317
  "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2309
2318
  backgroundColor: string;
2310
2319
  color: string;
2320
+ _hover: {
2321
+ backgroundColor: string;
2322
+ };
2311
2323
  };
2312
2324
  tertiary: {
2313
2325
  _hover: {
@@ -2668,6 +2680,7 @@ declare const theme: {
2668
2680
  fontSize: string;
2669
2681
  px: number;
2670
2682
  _checked: {
2683
+ color: string;
2671
2684
  background: string;
2672
2685
  boxShadow: string;
2673
2686
  };
@@ -2676,11 +2689,16 @@ declare const theme: {
2676
2689
  };
2677
2690
  "@media (hover:hover)": {
2678
2691
  _hover: {
2692
+ color: string;
2679
2693
  boxShadow: string;
2680
2694
  background: string;
2681
2695
  cursor: string;
2682
2696
  };
2683
2697
  };
2698
+ _active: {
2699
+ backgroundColor: string;
2700
+ boxShadow: string;
2701
+ };
2684
2702
  };
2685
2703
  icon: {
2686
2704
  mr: number;
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { DividerProps as DividerProps$1, As, BoxProps, StackProps as StackProps$1, AccordionProps as AccordionProps$1, AccordionItemProps, BreadcrumbProps as BreadcrumbProps$1, ButtonProps as ButtonProps$1, ButtonGroupProps as ButtonGroupProps$1, IconButtonProps as IconButtonProps$1, ResponsiveValue, FlexProps, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, StackDirection, FormControlProps as FormControlProps$1, FormLabelProps as FormLabelProps$1, InputProps as InputProps$1, InputElementProps as InputElementProps$1, SelectProps, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SwitchProps as SwitchProps$1, TextareaProps as TextareaProps$1, LinkProps as LinkProps$1, SkeletonTextProps as SkeletonTextProps$1, ModalHeaderProps as ModalHeaderProps$1, DrawerContentProps, DrawerProps as DrawerProps$1, PopoverProps, ChakraProviderProps, TabsProps as TabsProps$1, TableProps as TableProps$1, BadgeProps as BadgeProps$1, CodeProps as CodeProps$1, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
1
+ import { DividerProps as DividerProps$1, As, BoxProps, StackProps as StackProps$1, AccordionProps as AccordionProps$1, AccordionItemProps, BreadcrumbProps as BreadcrumbProps$1, ButtonProps as ButtonProps$1, ButtonGroupProps as ButtonGroupProps$1, IconButtonProps as IconButtonProps$1, ComponentWithAs, ResponsiveValue, FlexProps, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, StackDirection, FormControlProps as FormControlProps$1, FormLabelProps as FormLabelProps$1, InputProps as InputProps$1, InputElementProps as InputElementProps$1, SelectProps, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SwitchProps as SwitchProps$1, TextareaProps as TextareaProps$1, LinkProps as LinkProps$1, SkeletonTextProps as SkeletonTextProps$1, ModalHeaderProps as ModalHeaderProps$1, DrawerContentProps, DrawerProps as DrawerProps$1, PopoverProps, ChakraProviderProps, TabsProps as TabsProps$1, TableProps as TableProps$1, BadgeProps as BadgeProps$1, CodeProps as CodeProps$1, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
2
2
  export { AccordionButton, AccordionButtonProps, AccordionIcon, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, Box, BoxProps, Center, CenterProps, Collapse, CollapseProps, Container, ContainerProps, DarkMode, DrawerBody, DrawerCloseButton, DrawerFooter, DrawerOverlay, DrawerProps, Fade, FadeProps, Flex, FlexProps, FormHelperText, Grid, GridItem, GridItemProps, GridProps, HStack, Image, ImageProps, Img, ImgProps, InputGroup, InputGroupProps, LightMode, ListItem, ListItemProps, ListProps, Modal, ModalBody, ModalBodyProps, ModalCloseButton, ModalContent, ModalContentProps, ModalFooter, ModalFooterProps, ModalOverlay, ModalOverlayProps, ModalProps, OrderedList, Popover, PopoverAnchor, PopoverArrow, PopoverArrowProps, PopoverBody, PopoverBodyProps, PopoverCloseButton, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTrigger, ScaleFade, ScaleFadeProps, SimpleGrid, SimpleGridProps, Slide, SlideFade, SlideFadeProps, SlideProps, Spacer, SpacerProps, Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, TableBodyProps, TableCaption, TableCaptionProps, TableCellProps, TableColumnHeaderProps, TableFooterProps, TableHeadProps, TableRowProps, Tbody, Td, Tfoot, Th, Thead, Tr, UnorderedList, UseClipboardOptions, UseDisclosureProps, UseOutsideClickProps, VStack, Wrap, WrapItem, WrapItemProps, WrapProps, extendTheme, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToken } from '@chakra-ui/react';
3
3
  import tokens__default from '@vygruppen/spor-design-tokens';
4
4
  import * as tokens from '@vygruppen/spor-design-tokens';
@@ -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.
@@ -409,7 +411,7 @@ type FloatingActionButtonProps = BoxProps & {
409
411
  * placement="bottom right"
410
412
  * />
411
413
  */
412
- declare const FloatingActionButton: ({ children, icon, variant, isTextVisible: externalIsTextVisible, placement, ...props }: FloatingActionButtonProps) => React__default.JSX.Element;
414
+ declare const FloatingActionButton: ComponentWithAs<ComponentWithAs<"a" | "button">, FloatingActionButtonProps>;
413
415
 
414
416
  type CardProps = Exclude<BoxProps, "size"> & {
415
417
  size?: "sm" | "lg";
@@ -1963,7 +1965,7 @@ declare const fontFaces: string;
1963
1965
  declare const theme: {
1964
1966
  components: {
1965
1967
  Accordion: {
1966
- baseStyle?: {
1968
+ baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
1967
1969
  container: {
1968
1970
  border: string;
1969
1971
  borderRadius: string;
@@ -1994,13 +1996,14 @@ declare const theme: {
1994
1996
  icon: {
1995
1997
  fontSize: string;
1996
1998
  };
1997
- } | undefined;
1999
+ }) | undefined;
1998
2000
  sizes?: {
1999
2001
  sm: {
2000
2002
  button: {
2001
2003
  fontSize: ("mobile.xs" | "desktop.xs" | null)[];
2002
2004
  paddingX: number;
2003
2005
  paddingY: number;
2006
+ minHeight: number;
2004
2007
  };
2005
2008
  panel: {
2006
2009
  fontSize: ("mobile.xs" | "desktop.xs" | null)[];
@@ -2012,6 +2015,7 @@ declare const theme: {
2012
2015
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
2013
2016
  paddingX: number;
2014
2017
  paddingY: number;
2018
+ minHeight: number;
2015
2019
  };
2016
2020
  panel: {
2017
2021
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
@@ -2023,6 +2027,7 @@ declare const theme: {
2023
2027
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
2024
2028
  paddingX: number;
2025
2029
  paddingY: number;
2030
+ minHeight: number;
2026
2031
  };
2027
2032
  panel: {
2028
2033
  fontSize: ("mobile.sm" | "desktop.sm" | null)[];
@@ -2031,7 +2036,7 @@ declare const theme: {
2031
2036
  };
2032
2037
  } | undefined;
2033
2038
  variants?: {
2034
- list: {
2039
+ list: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2035
2040
  button: {
2036
2041
  boxShadow: string;
2037
2042
  _hover: {
@@ -2042,7 +2047,7 @@ declare const theme: {
2042
2047
  };
2043
2048
  };
2044
2049
  };
2045
- outline: {
2050
+ outline: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2046
2051
  container: {
2047
2052
  boxShadow: string;
2048
2053
  };
@@ -2059,8 +2064,9 @@ declare const theme: {
2059
2064
  };
2060
2065
  };
2061
2066
  };
2062
- card: {
2067
+ card: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2063
2068
  container: {
2069
+ backgroundColor: string;
2064
2070
  boxShadow: string;
2065
2071
  };
2066
2072
  button: {
@@ -2069,9 +2075,11 @@ declare const theme: {
2069
2075
  };
2070
2076
  _hover: {
2071
2077
  backgroundColor: string;
2078
+ boxShadow: string;
2072
2079
  };
2073
2080
  _active: {
2074
2081
  backgroundColor: string;
2082
+ boxShadow: string;
2075
2083
  };
2076
2084
  };
2077
2085
  };
@@ -2176,7 +2184,7 @@ declare const theme: {
2176
2184
  } | undefined;
2177
2185
  };
2178
2186
  Breadcrumb: {
2179
- baseStyle?: {
2187
+ baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
2180
2188
  link: {
2181
2189
  transitionProperty: string;
2182
2190
  transitionDuration: string;
@@ -2186,25 +2194,25 @@ declare const theme: {
2186
2194
  textDecoration: string;
2187
2195
  textStyle: string;
2188
2196
  "&:not([aria-current=page])": {
2197
+ _active: {
2198
+ backgroundColor: string;
2199
+ };
2200
+ _focus: _chakra_ui_styled_system.SystemStyleObject;
2201
+ _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2202
+ "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2189
2203
  cursor: string;
2190
2204
  paddingX: number;
2191
2205
  borderRadius: string;
2192
2206
  _hover: {
2193
2207
  backgroundColor: string;
2194
2208
  };
2195
- _focusVisible: {
2196
- boxShadow: string;
2197
- };
2198
- _active: {
2199
- backgroundColor: string;
2200
- };
2201
2209
  };
2202
2210
  };
2203
2211
  list: {
2204
2212
  flexWrap: string;
2205
2213
  alignItems: string;
2206
2214
  };
2207
- } | undefined;
2215
+ }) | undefined;
2208
2216
  sizes?: {
2209
2217
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
2210
2218
  keys: ("link" | "container" | "separator" | "item")[];
@@ -2270,7 +2278,7 @@ declare const theme: {
2270
2278
  };
2271
2279
  } | undefined;
2272
2280
  variants?: {
2273
- control: {
2281
+ control: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2274
2282
  _hover: {
2275
2283
  backgroundColor: string;
2276
2284
  };
@@ -2283,7 +2291,7 @@ declare const theme: {
2283
2291
  backgroundColor: string;
2284
2292
  color: string;
2285
2293
  };
2286
- primary: {
2294
+ primary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2287
2295
  _hover: {
2288
2296
  backgroundColor: string;
2289
2297
  };
@@ -2296,18 +2304,22 @@ declare const theme: {
2296
2304
  backgroundColor: string;
2297
2305
  color: string;
2298
2306
  };
2299
- secondary: {
2300
- _hover: {
2301
- backgroundColor: string;
2302
- };
2307
+ secondary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2303
2308
  _active: {
2304
2309
  backgroundColor: string;
2310
+ boxShadow: string;
2311
+ _hover: {
2312
+ boxShadow: string;
2313
+ };
2305
2314
  };
2306
2315
  _focus: _chakra_ui_styled_system.SystemStyleObject;
2307
2316
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2308
2317
  "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2309
2318
  backgroundColor: string;
2310
2319
  color: string;
2320
+ _hover: {
2321
+ backgroundColor: string;
2322
+ };
2311
2323
  };
2312
2324
  tertiary: {
2313
2325
  _hover: {
@@ -2668,6 +2680,7 @@ declare const theme: {
2668
2680
  fontSize: string;
2669
2681
  px: number;
2670
2682
  _checked: {
2683
+ color: string;
2671
2684
  background: string;
2672
2685
  boxShadow: string;
2673
2686
  };
@@ -2676,11 +2689,16 @@ declare const theme: {
2676
2689
  };
2677
2690
  "@media (hover:hover)": {
2678
2691
  _hover: {
2692
+ color: string;
2679
2693
  boxShadow: string;
2680
2694
  background: string;
2681
2695
  cursor: string;
2682
2696
  };
2683
2697
  };
2698
+ _active: {
2699
+ backgroundColor: string;
2700
+ boxShadow: string;
2701
+ };
2684
2702
  };
2685
2703
  icon: {
2686
2704
  mr: number;