@vygruppen/spor-react 10.9.1 → 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 +26 -0
- package/dist/{CountryCodeSelect-KKDPTYI3.mjs → CountryCodeSelect-46H2DYJ5.mjs} +1 -1
- package/dist/{chunk-RK3GOXNY.mjs → chunk-ROHXFJX2.mjs} +387 -330
- package/dist/index.d.mts +47 -21
- package/dist/index.d.ts +47 -21
- package/dist/index.js +729 -671
- 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/linjetag/TravelTag.tsx +13 -0
- 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/components/line-icon.ts +3 -0
- package/src/theme/components/travel-tag.ts +5 -4
- 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
|
*
|
|
@@ -1581,10 +1581,23 @@ type LineIconProps = Exclude<BoxProps, "variant"> & VariantProps & {
|
|
|
1581
1581
|
declare const LineIcon: ({ variant, size, sx, ...rest }: LineIconProps) => React.JSX.Element | null;
|
|
1582
1582
|
|
|
1583
1583
|
type TravelTagProps = TagProps & BoxProps & {
|
|
1584
|
+
/**
|
|
1585
|
+
* Defines the level of importance
|
|
1586
|
+
* Default to none
|
|
1587
|
+
*/
|
|
1584
1588
|
deviationLevel?: "critical" | "major" | "minor" | "info" | "none";
|
|
1585
1589
|
isDisabled?: boolean;
|
|
1590
|
+
/**
|
|
1591
|
+
* Needs to be defined if variant is custom
|
|
1592
|
+
*/
|
|
1586
1593
|
foregroundColor?: string;
|
|
1594
|
+
/**
|
|
1595
|
+
* Needs to be defined if variant is custom
|
|
1596
|
+
*/
|
|
1587
1597
|
backgroundColor?: string;
|
|
1598
|
+
/**
|
|
1599
|
+
* Define a custom icon variant
|
|
1600
|
+
*/
|
|
1588
1601
|
customIconVariant?: string;
|
|
1589
1602
|
};
|
|
1590
1603
|
/**
|
|
@@ -2577,11 +2590,15 @@ declare const theme: {
|
|
|
2577
2590
|
};
|
|
2578
2591
|
container: {
|
|
2579
2592
|
_hover: {
|
|
2593
|
+
backgroundColor: string;
|
|
2580
2594
|
outlineColor: string;
|
|
2581
2595
|
};
|
|
2582
2596
|
_active: {
|
|
2583
2597
|
backgroundColor: string;
|
|
2584
2598
|
};
|
|
2599
|
+
_focus: {
|
|
2600
|
+
outlineColor: string;
|
|
2601
|
+
};
|
|
2585
2602
|
};
|
|
2586
2603
|
};
|
|
2587
2604
|
success: {
|
|
@@ -2590,11 +2607,15 @@ declare const theme: {
|
|
|
2590
2607
|
};
|
|
2591
2608
|
container: {
|
|
2592
2609
|
_hover: {
|
|
2610
|
+
backgroundColor: string;
|
|
2593
2611
|
outlineColor: string;
|
|
2594
2612
|
};
|
|
2595
2613
|
_active: {
|
|
2596
2614
|
backgroundColor: string;
|
|
2597
2615
|
};
|
|
2616
|
+
_focus: {
|
|
2617
|
+
outlineColor: string;
|
|
2618
|
+
};
|
|
2598
2619
|
};
|
|
2599
2620
|
};
|
|
2600
2621
|
warning: {
|
|
@@ -2603,6 +2624,10 @@ declare const theme: {
|
|
|
2603
2624
|
};
|
|
2604
2625
|
container: {
|
|
2605
2626
|
_hover: {
|
|
2627
|
+
backgroundColor: string;
|
|
2628
|
+
outlineColor: string;
|
|
2629
|
+
};
|
|
2630
|
+
_focus: {
|
|
2606
2631
|
outlineColor: string;
|
|
2607
2632
|
};
|
|
2608
2633
|
_active: {
|
|
@@ -2616,6 +2641,10 @@ declare const theme: {
|
|
|
2616
2641
|
};
|
|
2617
2642
|
container: {
|
|
2618
2643
|
_hover: {
|
|
2644
|
+
backgroundColor: string;
|
|
2645
|
+
outlineColor: string;
|
|
2646
|
+
};
|
|
2647
|
+
_focus: {
|
|
2619
2648
|
outlineColor: string;
|
|
2620
2649
|
};
|
|
2621
2650
|
_active: {
|
|
@@ -2629,11 +2658,15 @@ declare const theme: {
|
|
|
2629
2658
|
};
|
|
2630
2659
|
container: {
|
|
2631
2660
|
_hover: {
|
|
2661
|
+
backgroundColor: string;
|
|
2632
2662
|
outlineColor: string;
|
|
2633
2663
|
};
|
|
2634
2664
|
_active: {
|
|
2635
2665
|
backgroundColor: string;
|
|
2636
2666
|
};
|
|
2667
|
+
_focus: {
|
|
2668
|
+
outlineColor: string;
|
|
2669
|
+
};
|
|
2637
2670
|
};
|
|
2638
2671
|
};
|
|
2639
2672
|
service: {
|
|
@@ -2716,6 +2749,10 @@ declare const theme: {
|
|
|
2716
2749
|
service: {
|
|
2717
2750
|
container: {
|
|
2718
2751
|
_hover: {
|
|
2752
|
+
backgroundColor: string;
|
|
2753
|
+
outlineColor: string;
|
|
2754
|
+
};
|
|
2755
|
+
_focus: {
|
|
2719
2756
|
outlineColor: string;
|
|
2720
2757
|
};
|
|
2721
2758
|
_active: {
|
|
@@ -3129,6 +3166,7 @@ declare const theme: {
|
|
|
3129
3166
|
backgroundColor: string;
|
|
3130
3167
|
};
|
|
3131
3168
|
_expanded: {
|
|
3169
|
+
fontWeight: number;
|
|
3132
3170
|
backgroundColor: string;
|
|
3133
3171
|
};
|
|
3134
3172
|
};
|
|
@@ -3800,36 +3838,22 @@ declare const theme: {
|
|
|
3800
3838
|
borderColor: string;
|
|
3801
3839
|
}) | undefined;
|
|
3802
3840
|
sizes?: {
|
|
3803
|
-
|
|
3804
|
-
borderWidth: string | undefined;
|
|
3805
|
-
borderRadius: string | undefined;
|
|
3806
|
-
height: string | undefined;
|
|
3807
|
-
};
|
|
3808
|
-
md: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
3809
|
-
borderWidth: string | undefined;
|
|
3810
|
-
borderRadius: string;
|
|
3811
|
-
height: string | undefined;
|
|
3812
|
-
};
|
|
3813
|
-
lg: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
3814
|
-
borderWidth: string | undefined;
|
|
3815
|
-
borderRadius: string | undefined;
|
|
3816
|
-
height: string | undefined;
|
|
3817
|
-
};
|
|
3841
|
+
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
3818
3842
|
} | undefined;
|
|
3819
3843
|
variants?: {
|
|
3820
3844
|
solid: {
|
|
3821
3845
|
borderStyle: string;
|
|
3822
3846
|
};
|
|
3823
3847
|
dashed: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
3848
|
+
height: string;
|
|
3824
3849
|
backgroundImage: string;
|
|
3825
3850
|
backgroundPosition: string;
|
|
3826
3851
|
backgroundRepeat: string;
|
|
3827
3852
|
backgroundSize: string;
|
|
3828
|
-
borderRadius: string;
|
|
3829
3853
|
};
|
|
3830
3854
|
} | undefined;
|
|
3831
3855
|
defaultProps?: {
|
|
3832
|
-
size?:
|
|
3856
|
+
size?: string | number | undefined;
|
|
3833
3857
|
variant?: "solid" | "dashed" | undefined;
|
|
3834
3858
|
colorScheme?: string | undefined;
|
|
3835
3859
|
} | undefined;
|
|
@@ -4381,7 +4405,6 @@ declare const theme: {
|
|
|
4381
4405
|
padding: number;
|
|
4382
4406
|
"[aria-disabled=true] &": {
|
|
4383
4407
|
backgroundColor: string;
|
|
4384
|
-
color: string;
|
|
4385
4408
|
};
|
|
4386
4409
|
};
|
|
4387
4410
|
textContainer: {
|
|
@@ -4814,6 +4837,9 @@ declare const theme: {
|
|
|
4814
4837
|
};
|
|
4815
4838
|
icon: {
|
|
4816
4839
|
color: string;
|
|
4840
|
+
"[aria-disabled=true] &": {
|
|
4841
|
+
color: (props: Record<string, any> | _chakra_ui_styled_system.StyleFunctionProps) => string;
|
|
4842
|
+
};
|
|
4817
4843
|
};
|
|
4818
4844
|
} | undefined;
|
|
4819
4845
|
sizes?: {
|
|
@@ -7336,7 +7362,6 @@ declare const theme: {
|
|
|
7336
7362
|
padding: number;
|
|
7337
7363
|
"[aria-disabled=true] &": {
|
|
7338
7364
|
backgroundColor: string;
|
|
7339
|
-
color: string;
|
|
7340
7365
|
};
|
|
7341
7366
|
};
|
|
7342
7367
|
textContainer: {
|
|
@@ -8928,6 +8953,7 @@ declare const theme: {
|
|
|
8928
8953
|
};
|
|
8929
8954
|
sizes: {
|
|
8930
8955
|
container: {
|
|
8956
|
+
base: string;
|
|
8931
8957
|
sm: string;
|
|
8932
8958
|
md: string;
|
|
8933
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
|
*
|
|
@@ -1581,10 +1581,23 @@ type LineIconProps = Exclude<BoxProps, "variant"> & VariantProps & {
|
|
|
1581
1581
|
declare const LineIcon: ({ variant, size, sx, ...rest }: LineIconProps) => React.JSX.Element | null;
|
|
1582
1582
|
|
|
1583
1583
|
type TravelTagProps = TagProps & BoxProps & {
|
|
1584
|
+
/**
|
|
1585
|
+
* Defines the level of importance
|
|
1586
|
+
* Default to none
|
|
1587
|
+
*/
|
|
1584
1588
|
deviationLevel?: "critical" | "major" | "minor" | "info" | "none";
|
|
1585
1589
|
isDisabled?: boolean;
|
|
1590
|
+
/**
|
|
1591
|
+
* Needs to be defined if variant is custom
|
|
1592
|
+
*/
|
|
1586
1593
|
foregroundColor?: string;
|
|
1594
|
+
/**
|
|
1595
|
+
* Needs to be defined if variant is custom
|
|
1596
|
+
*/
|
|
1587
1597
|
backgroundColor?: string;
|
|
1598
|
+
/**
|
|
1599
|
+
* Define a custom icon variant
|
|
1600
|
+
*/
|
|
1588
1601
|
customIconVariant?: string;
|
|
1589
1602
|
};
|
|
1590
1603
|
/**
|
|
@@ -2577,11 +2590,15 @@ declare const theme: {
|
|
|
2577
2590
|
};
|
|
2578
2591
|
container: {
|
|
2579
2592
|
_hover: {
|
|
2593
|
+
backgroundColor: string;
|
|
2580
2594
|
outlineColor: string;
|
|
2581
2595
|
};
|
|
2582
2596
|
_active: {
|
|
2583
2597
|
backgroundColor: string;
|
|
2584
2598
|
};
|
|
2599
|
+
_focus: {
|
|
2600
|
+
outlineColor: string;
|
|
2601
|
+
};
|
|
2585
2602
|
};
|
|
2586
2603
|
};
|
|
2587
2604
|
success: {
|
|
@@ -2590,11 +2607,15 @@ declare const theme: {
|
|
|
2590
2607
|
};
|
|
2591
2608
|
container: {
|
|
2592
2609
|
_hover: {
|
|
2610
|
+
backgroundColor: string;
|
|
2593
2611
|
outlineColor: string;
|
|
2594
2612
|
};
|
|
2595
2613
|
_active: {
|
|
2596
2614
|
backgroundColor: string;
|
|
2597
2615
|
};
|
|
2616
|
+
_focus: {
|
|
2617
|
+
outlineColor: string;
|
|
2618
|
+
};
|
|
2598
2619
|
};
|
|
2599
2620
|
};
|
|
2600
2621
|
warning: {
|
|
@@ -2603,6 +2624,10 @@ declare const theme: {
|
|
|
2603
2624
|
};
|
|
2604
2625
|
container: {
|
|
2605
2626
|
_hover: {
|
|
2627
|
+
backgroundColor: string;
|
|
2628
|
+
outlineColor: string;
|
|
2629
|
+
};
|
|
2630
|
+
_focus: {
|
|
2606
2631
|
outlineColor: string;
|
|
2607
2632
|
};
|
|
2608
2633
|
_active: {
|
|
@@ -2616,6 +2641,10 @@ declare const theme: {
|
|
|
2616
2641
|
};
|
|
2617
2642
|
container: {
|
|
2618
2643
|
_hover: {
|
|
2644
|
+
backgroundColor: string;
|
|
2645
|
+
outlineColor: string;
|
|
2646
|
+
};
|
|
2647
|
+
_focus: {
|
|
2619
2648
|
outlineColor: string;
|
|
2620
2649
|
};
|
|
2621
2650
|
_active: {
|
|
@@ -2629,11 +2658,15 @@ declare const theme: {
|
|
|
2629
2658
|
};
|
|
2630
2659
|
container: {
|
|
2631
2660
|
_hover: {
|
|
2661
|
+
backgroundColor: string;
|
|
2632
2662
|
outlineColor: string;
|
|
2633
2663
|
};
|
|
2634
2664
|
_active: {
|
|
2635
2665
|
backgroundColor: string;
|
|
2636
2666
|
};
|
|
2667
|
+
_focus: {
|
|
2668
|
+
outlineColor: string;
|
|
2669
|
+
};
|
|
2637
2670
|
};
|
|
2638
2671
|
};
|
|
2639
2672
|
service: {
|
|
@@ -2716,6 +2749,10 @@ declare const theme: {
|
|
|
2716
2749
|
service: {
|
|
2717
2750
|
container: {
|
|
2718
2751
|
_hover: {
|
|
2752
|
+
backgroundColor: string;
|
|
2753
|
+
outlineColor: string;
|
|
2754
|
+
};
|
|
2755
|
+
_focus: {
|
|
2719
2756
|
outlineColor: string;
|
|
2720
2757
|
};
|
|
2721
2758
|
_active: {
|
|
@@ -3129,6 +3166,7 @@ declare const theme: {
|
|
|
3129
3166
|
backgroundColor: string;
|
|
3130
3167
|
};
|
|
3131
3168
|
_expanded: {
|
|
3169
|
+
fontWeight: number;
|
|
3132
3170
|
backgroundColor: string;
|
|
3133
3171
|
};
|
|
3134
3172
|
};
|
|
@@ -3800,36 +3838,22 @@ declare const theme: {
|
|
|
3800
3838
|
borderColor: string;
|
|
3801
3839
|
}) | undefined;
|
|
3802
3840
|
sizes?: {
|
|
3803
|
-
|
|
3804
|
-
borderWidth: string | undefined;
|
|
3805
|
-
borderRadius: string | undefined;
|
|
3806
|
-
height: string | undefined;
|
|
3807
|
-
};
|
|
3808
|
-
md: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
3809
|
-
borderWidth: string | undefined;
|
|
3810
|
-
borderRadius: string;
|
|
3811
|
-
height: string | undefined;
|
|
3812
|
-
};
|
|
3813
|
-
lg: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
3814
|
-
borderWidth: string | undefined;
|
|
3815
|
-
borderRadius: string | undefined;
|
|
3816
|
-
height: string | undefined;
|
|
3817
|
-
};
|
|
3841
|
+
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
3818
3842
|
} | undefined;
|
|
3819
3843
|
variants?: {
|
|
3820
3844
|
solid: {
|
|
3821
3845
|
borderStyle: string;
|
|
3822
3846
|
};
|
|
3823
3847
|
dashed: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
3848
|
+
height: string;
|
|
3824
3849
|
backgroundImage: string;
|
|
3825
3850
|
backgroundPosition: string;
|
|
3826
3851
|
backgroundRepeat: string;
|
|
3827
3852
|
backgroundSize: string;
|
|
3828
|
-
borderRadius: string;
|
|
3829
3853
|
};
|
|
3830
3854
|
} | undefined;
|
|
3831
3855
|
defaultProps?: {
|
|
3832
|
-
size?:
|
|
3856
|
+
size?: string | number | undefined;
|
|
3833
3857
|
variant?: "solid" | "dashed" | undefined;
|
|
3834
3858
|
colorScheme?: string | undefined;
|
|
3835
3859
|
} | undefined;
|
|
@@ -4381,7 +4405,6 @@ declare const theme: {
|
|
|
4381
4405
|
padding: number;
|
|
4382
4406
|
"[aria-disabled=true] &": {
|
|
4383
4407
|
backgroundColor: string;
|
|
4384
|
-
color: string;
|
|
4385
4408
|
};
|
|
4386
4409
|
};
|
|
4387
4410
|
textContainer: {
|
|
@@ -4814,6 +4837,9 @@ declare const theme: {
|
|
|
4814
4837
|
};
|
|
4815
4838
|
icon: {
|
|
4816
4839
|
color: string;
|
|
4840
|
+
"[aria-disabled=true] &": {
|
|
4841
|
+
color: (props: Record<string, any> | _chakra_ui_styled_system.StyleFunctionProps) => string;
|
|
4842
|
+
};
|
|
4817
4843
|
};
|
|
4818
4844
|
} | undefined;
|
|
4819
4845
|
sizes?: {
|
|
@@ -7336,7 +7362,6 @@ declare const theme: {
|
|
|
7336
7362
|
padding: number;
|
|
7337
7363
|
"[aria-disabled=true] &": {
|
|
7338
7364
|
backgroundColor: string;
|
|
7339
|
-
color: string;
|
|
7340
7365
|
};
|
|
7341
7366
|
};
|
|
7342
7367
|
textContainer: {
|
|
@@ -8928,6 +8953,7 @@ declare const theme: {
|
|
|
8928
8953
|
};
|
|
8929
8954
|
sizes: {
|
|
8930
8955
|
container: {
|
|
8956
|
+
base: string;
|
|
8931
8957
|
sm: string;
|
|
8932
8958
|
md: string;
|
|
8933
8959
|
lg: string;
|