@vygruppen/spor-react 10.9.2 → 11.0.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.
- package/.turbo/turbo-build.log +9 -9
- package/CHANGELOG.md +20 -0
- package/dist/{CountryCodeSelect-ATLJUIQ5.mjs → CountryCodeSelect-46H2DYJ5.mjs} +1 -1
- package/dist/{chunk-5GZRUD7N.mjs → chunk-ROHXFJX2.mjs} +380 -325
- package/dist/index.d.mts +31 -19
- package/dist/index.d.ts +31 -19
- package/dist/index.js +695 -641
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/button/Button.tsx +7 -3
- package/src/input/CardSelect.tsx +5 -3
- package/src/input/SearchInput.tsx +22 -2
- package/src/loader/Skeleton.tsx +7 -1
- package/src/modal/FullScreenDrawer.tsx +0 -2
- package/src/theme/components/alert-expandable.ts +21 -1
- package/src/theme/components/alert-service.ts +6 -2
- package/src/theme/components/card-select.ts +9 -7
- package/src/theme/components/divider.ts +34 -29
- package/src/theme/foundations/sizes.ts +6 -4
- package/src/theme/utils/ghost-utils.ts +3 -2
package/dist/index.d.mts
CHANGED
|
@@ -2,7 +2,7 @@ import tokens__default from '@vygruppen/spor-design-tokens';
|
|
|
2
2
|
import * as tokens from '@vygruppen/spor-design-tokens';
|
|
3
3
|
export { tokens };
|
|
4
4
|
import * as _chakra_ui_system_dist_system_types from '@chakra-ui/system/dist/system.types';
|
|
5
|
-
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';
|
|
5
|
+
import { DividerProps as DividerProps$1, As, BoxProps, StackProps as StackProps$1, AccordionProps as AccordionProps$1, AccordionItemProps, BreadcrumbProps as BreadcrumbProps$1, ButtonProps as ButtonProps$1, SpaceProps, 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';
|
|
6
6
|
export { AccordionButton, AccordionButtonProps, AccordionIcon, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, Box, BoxProps, CSSWithMultiValues, Center, CenterProps, Collapse, CollapseProps, ComponentStyleConfig, 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, Portal, PortalProps, 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, defineStyleConfig, extendTheme, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToken } from '@chakra-ui/react';
|
|
7
7
|
import React, { ChangeEvent } from 'react';
|
|
8
8
|
import * as _chakra_ui_breadcrumb_dist_breadcrumb_link from '@chakra-ui/breadcrumb/dist/breadcrumb-link';
|
|
@@ -428,7 +428,7 @@ declare const Breadcrumb: (props: BreadcrumbProps) => React.JSX.Element;
|
|
|
428
428
|
declare const BreadcrumbItem: _chakra_ui_system_dist_system_types.ComponentWithAs<"li", _chakra_ui_breadcrumb_dist_breadcrumb_item.BreadcrumbItemProps>;
|
|
429
429
|
declare const BreadcrumbLink: _chakra_ui_system_dist_system_types.ComponentWithAs<"a", _chakra_ui_breadcrumb_dist_breadcrumb_link.BreadcrumbLinkProps>;
|
|
430
430
|
|
|
431
|
-
type ButtonProps = Exclude<ButtonProps$1, "colorScheme" | "loadingText" | "size" | "variant"> & {
|
|
431
|
+
type ButtonProps = Omit<Exclude<ButtonProps$1, "colorScheme" | "loadingText" | "size" | "variant">, keyof SpaceProps> & {
|
|
432
432
|
/**
|
|
433
433
|
* The size of the button.
|
|
434
434
|
*
|
|
@@ -2590,11 +2590,15 @@ declare const theme: {
|
|
|
2590
2590
|
};
|
|
2591
2591
|
container: {
|
|
2592
2592
|
_hover: {
|
|
2593
|
+
backgroundColor: string;
|
|
2593
2594
|
outlineColor: string;
|
|
2594
2595
|
};
|
|
2595
2596
|
_active: {
|
|
2596
2597
|
backgroundColor: string;
|
|
2597
2598
|
};
|
|
2599
|
+
_focus: {
|
|
2600
|
+
outlineColor: string;
|
|
2601
|
+
};
|
|
2598
2602
|
};
|
|
2599
2603
|
};
|
|
2600
2604
|
success: {
|
|
@@ -2603,11 +2607,15 @@ declare const theme: {
|
|
|
2603
2607
|
};
|
|
2604
2608
|
container: {
|
|
2605
2609
|
_hover: {
|
|
2610
|
+
backgroundColor: string;
|
|
2606
2611
|
outlineColor: string;
|
|
2607
2612
|
};
|
|
2608
2613
|
_active: {
|
|
2609
2614
|
backgroundColor: string;
|
|
2610
2615
|
};
|
|
2616
|
+
_focus: {
|
|
2617
|
+
outlineColor: string;
|
|
2618
|
+
};
|
|
2611
2619
|
};
|
|
2612
2620
|
};
|
|
2613
2621
|
warning: {
|
|
@@ -2616,6 +2624,10 @@ declare const theme: {
|
|
|
2616
2624
|
};
|
|
2617
2625
|
container: {
|
|
2618
2626
|
_hover: {
|
|
2627
|
+
backgroundColor: string;
|
|
2628
|
+
outlineColor: string;
|
|
2629
|
+
};
|
|
2630
|
+
_focus: {
|
|
2619
2631
|
outlineColor: string;
|
|
2620
2632
|
};
|
|
2621
2633
|
_active: {
|
|
@@ -2629,6 +2641,10 @@ declare const theme: {
|
|
|
2629
2641
|
};
|
|
2630
2642
|
container: {
|
|
2631
2643
|
_hover: {
|
|
2644
|
+
backgroundColor: string;
|
|
2645
|
+
outlineColor: string;
|
|
2646
|
+
};
|
|
2647
|
+
_focus: {
|
|
2632
2648
|
outlineColor: string;
|
|
2633
2649
|
};
|
|
2634
2650
|
_active: {
|
|
@@ -2642,11 +2658,15 @@ declare const theme: {
|
|
|
2642
2658
|
};
|
|
2643
2659
|
container: {
|
|
2644
2660
|
_hover: {
|
|
2661
|
+
backgroundColor: string;
|
|
2645
2662
|
outlineColor: string;
|
|
2646
2663
|
};
|
|
2647
2664
|
_active: {
|
|
2648
2665
|
backgroundColor: string;
|
|
2649
2666
|
};
|
|
2667
|
+
_focus: {
|
|
2668
|
+
outlineColor: string;
|
|
2669
|
+
};
|
|
2650
2670
|
};
|
|
2651
2671
|
};
|
|
2652
2672
|
service: {
|
|
@@ -2729,6 +2749,10 @@ declare const theme: {
|
|
|
2729
2749
|
service: {
|
|
2730
2750
|
container: {
|
|
2731
2751
|
_hover: {
|
|
2752
|
+
backgroundColor: string;
|
|
2753
|
+
outlineColor: string;
|
|
2754
|
+
};
|
|
2755
|
+
_focus: {
|
|
2732
2756
|
outlineColor: string;
|
|
2733
2757
|
};
|
|
2734
2758
|
_active: {
|
|
@@ -3142,6 +3166,7 @@ declare const theme: {
|
|
|
3142
3166
|
backgroundColor: string;
|
|
3143
3167
|
};
|
|
3144
3168
|
_expanded: {
|
|
3169
|
+
fontWeight: number;
|
|
3145
3170
|
backgroundColor: string;
|
|
3146
3171
|
};
|
|
3147
3172
|
};
|
|
@@ -3813,36 +3838,22 @@ declare const theme: {
|
|
|
3813
3838
|
borderColor: string;
|
|
3814
3839
|
}) | undefined;
|
|
3815
3840
|
sizes?: {
|
|
3816
|
-
|
|
3817
|
-
borderWidth: string | undefined;
|
|
3818
|
-
borderRadius: string | undefined;
|
|
3819
|
-
height: string | undefined;
|
|
3820
|
-
};
|
|
3821
|
-
md: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
3822
|
-
borderWidth: string | undefined;
|
|
3823
|
-
borderRadius: string;
|
|
3824
|
-
height: string | undefined;
|
|
3825
|
-
};
|
|
3826
|
-
lg: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
3827
|
-
borderWidth: string | undefined;
|
|
3828
|
-
borderRadius: string | undefined;
|
|
3829
|
-
height: string | undefined;
|
|
3830
|
-
};
|
|
3841
|
+
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
3831
3842
|
} | undefined;
|
|
3832
3843
|
variants?: {
|
|
3833
3844
|
solid: {
|
|
3834
3845
|
borderStyle: string;
|
|
3835
3846
|
};
|
|
3836
3847
|
dashed: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
3848
|
+
height: string;
|
|
3837
3849
|
backgroundImage: string;
|
|
3838
3850
|
backgroundPosition: string;
|
|
3839
3851
|
backgroundRepeat: string;
|
|
3840
3852
|
backgroundSize: string;
|
|
3841
|
-
borderRadius: string;
|
|
3842
3853
|
};
|
|
3843
3854
|
} | undefined;
|
|
3844
3855
|
defaultProps?: {
|
|
3845
|
-
size?:
|
|
3856
|
+
size?: string | number | undefined;
|
|
3846
3857
|
variant?: "solid" | "dashed" | undefined;
|
|
3847
3858
|
colorScheme?: string | undefined;
|
|
3848
3859
|
} | undefined;
|
|
@@ -8942,6 +8953,7 @@ declare const theme: {
|
|
|
8942
8953
|
};
|
|
8943
8954
|
sizes: {
|
|
8944
8955
|
container: {
|
|
8956
|
+
base: string;
|
|
8945
8957
|
sm: string;
|
|
8946
8958
|
md: string;
|
|
8947
8959
|
lg: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import tokens__default from '@vygruppen/spor-design-tokens';
|
|
|
2
2
|
import * as tokens from '@vygruppen/spor-design-tokens';
|
|
3
3
|
export { tokens };
|
|
4
4
|
import * as _chakra_ui_system_dist_system_types from '@chakra-ui/system/dist/system.types';
|
|
5
|
-
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';
|
|
5
|
+
import { DividerProps as DividerProps$1, As, BoxProps, StackProps as StackProps$1, AccordionProps as AccordionProps$1, AccordionItemProps, BreadcrumbProps as BreadcrumbProps$1, ButtonProps as ButtonProps$1, SpaceProps, 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';
|
|
6
6
|
export { AccordionButton, AccordionButtonProps, AccordionIcon, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, Box, BoxProps, CSSWithMultiValues, Center, CenterProps, Collapse, CollapseProps, ComponentStyleConfig, 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, Portal, PortalProps, 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, defineStyleConfig, extendTheme, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToken } from '@chakra-ui/react';
|
|
7
7
|
import React, { ChangeEvent } from 'react';
|
|
8
8
|
import * as _chakra_ui_breadcrumb_dist_breadcrumb_link from '@chakra-ui/breadcrumb/dist/breadcrumb-link';
|
|
@@ -428,7 +428,7 @@ declare const Breadcrumb: (props: BreadcrumbProps) => React.JSX.Element;
|
|
|
428
428
|
declare const BreadcrumbItem: _chakra_ui_system_dist_system_types.ComponentWithAs<"li", _chakra_ui_breadcrumb_dist_breadcrumb_item.BreadcrumbItemProps>;
|
|
429
429
|
declare const BreadcrumbLink: _chakra_ui_system_dist_system_types.ComponentWithAs<"a", _chakra_ui_breadcrumb_dist_breadcrumb_link.BreadcrumbLinkProps>;
|
|
430
430
|
|
|
431
|
-
type ButtonProps = Exclude<ButtonProps$1, "colorScheme" | "loadingText" | "size" | "variant"> & {
|
|
431
|
+
type ButtonProps = Omit<Exclude<ButtonProps$1, "colorScheme" | "loadingText" | "size" | "variant">, keyof SpaceProps> & {
|
|
432
432
|
/**
|
|
433
433
|
* The size of the button.
|
|
434
434
|
*
|
|
@@ -2590,11 +2590,15 @@ declare const theme: {
|
|
|
2590
2590
|
};
|
|
2591
2591
|
container: {
|
|
2592
2592
|
_hover: {
|
|
2593
|
+
backgroundColor: string;
|
|
2593
2594
|
outlineColor: string;
|
|
2594
2595
|
};
|
|
2595
2596
|
_active: {
|
|
2596
2597
|
backgroundColor: string;
|
|
2597
2598
|
};
|
|
2599
|
+
_focus: {
|
|
2600
|
+
outlineColor: string;
|
|
2601
|
+
};
|
|
2598
2602
|
};
|
|
2599
2603
|
};
|
|
2600
2604
|
success: {
|
|
@@ -2603,11 +2607,15 @@ declare const theme: {
|
|
|
2603
2607
|
};
|
|
2604
2608
|
container: {
|
|
2605
2609
|
_hover: {
|
|
2610
|
+
backgroundColor: string;
|
|
2606
2611
|
outlineColor: string;
|
|
2607
2612
|
};
|
|
2608
2613
|
_active: {
|
|
2609
2614
|
backgroundColor: string;
|
|
2610
2615
|
};
|
|
2616
|
+
_focus: {
|
|
2617
|
+
outlineColor: string;
|
|
2618
|
+
};
|
|
2611
2619
|
};
|
|
2612
2620
|
};
|
|
2613
2621
|
warning: {
|
|
@@ -2616,6 +2624,10 @@ declare const theme: {
|
|
|
2616
2624
|
};
|
|
2617
2625
|
container: {
|
|
2618
2626
|
_hover: {
|
|
2627
|
+
backgroundColor: string;
|
|
2628
|
+
outlineColor: string;
|
|
2629
|
+
};
|
|
2630
|
+
_focus: {
|
|
2619
2631
|
outlineColor: string;
|
|
2620
2632
|
};
|
|
2621
2633
|
_active: {
|
|
@@ -2629,6 +2641,10 @@ declare const theme: {
|
|
|
2629
2641
|
};
|
|
2630
2642
|
container: {
|
|
2631
2643
|
_hover: {
|
|
2644
|
+
backgroundColor: string;
|
|
2645
|
+
outlineColor: string;
|
|
2646
|
+
};
|
|
2647
|
+
_focus: {
|
|
2632
2648
|
outlineColor: string;
|
|
2633
2649
|
};
|
|
2634
2650
|
_active: {
|
|
@@ -2642,11 +2658,15 @@ declare const theme: {
|
|
|
2642
2658
|
};
|
|
2643
2659
|
container: {
|
|
2644
2660
|
_hover: {
|
|
2661
|
+
backgroundColor: string;
|
|
2645
2662
|
outlineColor: string;
|
|
2646
2663
|
};
|
|
2647
2664
|
_active: {
|
|
2648
2665
|
backgroundColor: string;
|
|
2649
2666
|
};
|
|
2667
|
+
_focus: {
|
|
2668
|
+
outlineColor: string;
|
|
2669
|
+
};
|
|
2650
2670
|
};
|
|
2651
2671
|
};
|
|
2652
2672
|
service: {
|
|
@@ -2729,6 +2749,10 @@ declare const theme: {
|
|
|
2729
2749
|
service: {
|
|
2730
2750
|
container: {
|
|
2731
2751
|
_hover: {
|
|
2752
|
+
backgroundColor: string;
|
|
2753
|
+
outlineColor: string;
|
|
2754
|
+
};
|
|
2755
|
+
_focus: {
|
|
2732
2756
|
outlineColor: string;
|
|
2733
2757
|
};
|
|
2734
2758
|
_active: {
|
|
@@ -3142,6 +3166,7 @@ declare const theme: {
|
|
|
3142
3166
|
backgroundColor: string;
|
|
3143
3167
|
};
|
|
3144
3168
|
_expanded: {
|
|
3169
|
+
fontWeight: number;
|
|
3145
3170
|
backgroundColor: string;
|
|
3146
3171
|
};
|
|
3147
3172
|
};
|
|
@@ -3813,36 +3838,22 @@ declare const theme: {
|
|
|
3813
3838
|
borderColor: string;
|
|
3814
3839
|
}) | undefined;
|
|
3815
3840
|
sizes?: {
|
|
3816
|
-
|
|
3817
|
-
borderWidth: string | undefined;
|
|
3818
|
-
borderRadius: string | undefined;
|
|
3819
|
-
height: string | undefined;
|
|
3820
|
-
};
|
|
3821
|
-
md: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
3822
|
-
borderWidth: string | undefined;
|
|
3823
|
-
borderRadius: string;
|
|
3824
|
-
height: string | undefined;
|
|
3825
|
-
};
|
|
3826
|
-
lg: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
3827
|
-
borderWidth: string | undefined;
|
|
3828
|
-
borderRadius: string | undefined;
|
|
3829
|
-
height: string | undefined;
|
|
3830
|
-
};
|
|
3841
|
+
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
3831
3842
|
} | undefined;
|
|
3832
3843
|
variants?: {
|
|
3833
3844
|
solid: {
|
|
3834
3845
|
borderStyle: string;
|
|
3835
3846
|
};
|
|
3836
3847
|
dashed: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
3848
|
+
height: string;
|
|
3837
3849
|
backgroundImage: string;
|
|
3838
3850
|
backgroundPosition: string;
|
|
3839
3851
|
backgroundRepeat: string;
|
|
3840
3852
|
backgroundSize: string;
|
|
3841
|
-
borderRadius: string;
|
|
3842
3853
|
};
|
|
3843
3854
|
} | undefined;
|
|
3844
3855
|
defaultProps?: {
|
|
3845
|
-
size?:
|
|
3856
|
+
size?: string | number | undefined;
|
|
3846
3857
|
variant?: "solid" | "dashed" | undefined;
|
|
3847
3858
|
colorScheme?: string | undefined;
|
|
3848
3859
|
} | undefined;
|
|
@@ -8942,6 +8953,7 @@ declare const theme: {
|
|
|
8942
8953
|
};
|
|
8943
8954
|
sizes: {
|
|
8944
8955
|
container: {
|
|
8956
|
+
base: string;
|
|
8945
8957
|
sm: string;
|
|
8946
8958
|
md: string;
|
|
8947
8959
|
lg: string;
|