@vygruppen/spor-react 9.6.4 → 9.7.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 +10 -10
- package/CHANGELOG.md +18 -0
- package/dist/{CountryCodeSelect-7H2EVFV3.mjs → CountryCodeSelect-FPOWUHQG.mjs} +1 -1
- package/dist/{chunk-V5JHGMIB.mjs → chunk-QGMF2EAE.mjs} +489 -345
- package/dist/index.d.mts +252 -30
- package/dist/index.d.ts +252 -30
- package/dist/index.js +3263 -3096
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/layout/RadioCard.tsx +95 -0
- package/src/layout/RadioCardGroup.tsx +81 -0
- package/src/layout/index.tsx +2 -0
- package/src/theme/components/index.ts +1 -0
- package/src/theme/components/radio-card.ts +64 -0
- package/src/theme/components/static-card.ts +25 -4
- package/src/theme/components/table.ts +0 -2
- package/src/theme/utils/floating-utils.ts +17 -1
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,
|
|
5
|
+
import { DividerProps as DividerProps$1, As, BoxProps, StackProps as StackProps$1, UseRadioProps, RadioGroupProps as RadioGroupProps$1, StackDirection, 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, FormControlProps as FormControlProps$1, FormLabelProps as FormLabelProps$1, InputProps as InputProps$1, InputElementProps as InputElementProps$1, SelectProps, RadioProps as RadioProps$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';
|
|
@@ -65,6 +65,97 @@ type StackProps = Exclude<StackProps$1, "direction"> & {
|
|
|
65
65
|
*/
|
|
66
66
|
declare const Stack: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", StackProps>;
|
|
67
67
|
|
|
68
|
+
type RadioCardProps = UseRadioProps & BoxProps & {
|
|
69
|
+
children: React.ReactNode;
|
|
70
|
+
variant: "floating" | "base";
|
|
71
|
+
};
|
|
72
|
+
/**
|
|
73
|
+
* Renders a radio card.
|
|
74
|
+
*
|
|
75
|
+
* The most basic version looks like this:
|
|
76
|
+
*
|
|
77
|
+
* ```tsx
|
|
78
|
+
* <RadioCard>
|
|
79
|
+
* Content
|
|
80
|
+
* </RadioCard>
|
|
81
|
+
* ```
|
|
82
|
+
*
|
|
83
|
+
* In order to use RadioCard, you typically want to place these components in a group with several other RadioCards.
|
|
84
|
+
*
|
|
85
|
+
* ```tsx
|
|
86
|
+
* <RadioCardGroup name="ticket">
|
|
87
|
+
* <RadioCard value="economy">Economy</RadioCard>
|
|
88
|
+
* <RadioCard value="business">Business</RadioCard>
|
|
89
|
+
* <RadioCard value="first-class">First Class</RadioCard>
|
|
90
|
+
* </RadioCardGroup>
|
|
91
|
+
* ```
|
|
92
|
+
*
|
|
93
|
+
* You can add styling to each card seperately, or you can add a common style to the group.
|
|
94
|
+
* Group styling overrides single styling if both are present.
|
|
95
|
+
*
|
|
96
|
+
* This example shows how to style all cards in a group:
|
|
97
|
+
*
|
|
98
|
+
* ```tsx
|
|
99
|
+
* <RadioCardGroup name="ticket" variant="floating" padding={3}>
|
|
100
|
+
* <RadioCard value="economy">Economy</RadioCard>
|
|
101
|
+
* <RadioCard value="business">Business</RadioCard>
|
|
102
|
+
* <RadioCard value="first-class">First Class</RadioCard>
|
|
103
|
+
* </RadioCardGroup>
|
|
104
|
+
* ```
|
|
105
|
+
*
|
|
106
|
+
* This example shows how to style a single card:
|
|
107
|
+
*
|
|
108
|
+
* ```tsx
|
|
109
|
+
* <RadioCard variant="floating" padding={3}>
|
|
110
|
+
* Economy
|
|
111
|
+
* </RadioCard>
|
|
112
|
+
* ```
|
|
113
|
+
*/
|
|
114
|
+
declare const RadioCard: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", RadioCardProps>;
|
|
115
|
+
|
|
116
|
+
type RadioCardGroupProps = RadioGroupProps$1 & {
|
|
117
|
+
children: React.ReactNode;
|
|
118
|
+
props?: RadioGroupProps$1;
|
|
119
|
+
direction?: StackDirection;
|
|
120
|
+
};
|
|
121
|
+
/**
|
|
122
|
+
* Radio card groups are used to group several radio cards together.
|
|
123
|
+
*
|
|
124
|
+
* You can and should pass the common `name` prop to the `RadioGroup`, instead of to each `Radio` component.
|
|
125
|
+
*
|
|
126
|
+
* ```tsx
|
|
127
|
+
* <RadioCardGroup name="ticket">
|
|
128
|
+
* <RadioCard>Economy</RadioCard>
|
|
129
|
+
* <RadioCard>Business</RadioCard>
|
|
130
|
+
* <RadioCard>First Class</RadioCard>
|
|
131
|
+
* </RadioCardGroup>
|
|
132
|
+
* ```
|
|
133
|
+
*
|
|
134
|
+
* By default, radio cards show up horizontally. If you want them to show up vertically, please specify the `direction="column"` prop.
|
|
135
|
+
*
|
|
136
|
+
* ```tsx
|
|
137
|
+
* <RadioCardGroup name="ticket" direction="column">
|
|
138
|
+
* <RadioCard>Economy</RadioCard>
|
|
139
|
+
* <RadioCard>Business</RadioCard>
|
|
140
|
+
* <RadioCard>First Class</RadioCard>
|
|
141
|
+
* </RadioCardGroup>
|
|
142
|
+
* ```
|
|
143
|
+
*
|
|
144
|
+
* You can also specify the `defaultValue` prop to set the default value of the radio group.
|
|
145
|
+
*
|
|
146
|
+
* ```tsx
|
|
147
|
+
* <RadioCardGroup name="ticket" defaultValue="Economy">
|
|
148
|
+
* <RadioCard>Economy</RadioCard>
|
|
149
|
+
* <RadioCard>Business</RadioCard>
|
|
150
|
+
* <RadioCard>First Class</RadioCard>
|
|
151
|
+
* </RadioCardGroup>
|
|
152
|
+
* ```
|
|
153
|
+
*
|
|
154
|
+
* Check out RadioCard for more information on how to style the radio cards.
|
|
155
|
+
* @see RadioCard
|
|
156
|
+
*/
|
|
157
|
+
declare const RadioCardGroup: ({ children, name, direction, onChange, defaultValue, variant, ...props }: RadioCardGroupProps) => React.JSX.Element;
|
|
158
|
+
|
|
68
159
|
type AccordionProps = Omit<AccordionProps$1, "variant" | "size"> & {
|
|
69
160
|
/**
|
|
70
161
|
* The display variant of the accordion items.
|
|
@@ -2386,7 +2477,7 @@ declare const theme: {
|
|
|
2386
2477
|
} | undefined;
|
|
2387
2478
|
defaultProps?: {
|
|
2388
2479
|
size?: "sm" | "md" | "lg" | undefined;
|
|
2389
|
-
variant?: "base" | "
|
|
2480
|
+
variant?: "base" | "floating" | "ghost" | undefined;
|
|
2390
2481
|
colorScheme?: string | undefined;
|
|
2391
2482
|
} | undefined;
|
|
2392
2483
|
parts: ("button" | "container" | "icon" | "root" | "panel")[];
|
|
@@ -2792,7 +2883,7 @@ declare const theme: {
|
|
|
2792
2883
|
} | undefined;
|
|
2793
2884
|
defaultProps?: {
|
|
2794
2885
|
size?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
2795
|
-
variant?: "
|
|
2886
|
+
variant?: "floating" | "ghost" | "primary" | "secondary" | "tertiary" | undefined;
|
|
2796
2887
|
colorScheme?: string | undefined;
|
|
2797
2888
|
} | undefined;
|
|
2798
2889
|
};
|
|
@@ -3419,7 +3510,7 @@ declare const theme: {
|
|
|
3419
3510
|
} | undefined;
|
|
3420
3511
|
defaultProps?: {
|
|
3421
3512
|
size?: "sm" | "md" | "lg" | undefined;
|
|
3422
|
-
variant?: "base" | "
|
|
3513
|
+
variant?: "base" | "floating" | "ghost" | undefined;
|
|
3423
3514
|
colorScheme?: string | undefined;
|
|
3424
3515
|
} | undefined;
|
|
3425
3516
|
parts: ("trigger" | "card")[];
|
|
@@ -4055,7 +4146,7 @@ declare const theme: {
|
|
|
4055
4146
|
} | undefined;
|
|
4056
4147
|
defaultProps?: {
|
|
4057
4148
|
size?: string | number | undefined;
|
|
4058
|
-
variant?: "base" | "
|
|
4149
|
+
variant?: "base" | "floating" | "ghost" | undefined;
|
|
4059
4150
|
colorScheme?: string | undefined;
|
|
4060
4151
|
} | undefined;
|
|
4061
4152
|
parts: ("dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "calendarPopover" | "arrow")[];
|
|
@@ -5586,12 +5677,12 @@ declare const theme: {
|
|
|
5586
5677
|
}) | undefined;
|
|
5587
5678
|
sizes?: {
|
|
5588
5679
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
5589
|
-
keys: ("link" | "
|
|
5680
|
+
keys: ("link" | "disabled" | "icon" | "listItem" | "activeButton")[];
|
|
5590
5681
|
}>;
|
|
5591
5682
|
} | undefined;
|
|
5592
5683
|
variants?: {
|
|
5593
5684
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
5594
|
-
keys: ("link" | "
|
|
5685
|
+
keys: ("link" | "disabled" | "icon" | "listItem" | "activeButton")[];
|
|
5595
5686
|
}>;
|
|
5596
5687
|
} | undefined;
|
|
5597
5688
|
defaultProps?: {
|
|
@@ -5599,7 +5690,7 @@ declare const theme: {
|
|
|
5599
5690
|
variant?: string | number | undefined;
|
|
5600
5691
|
colorScheme?: string | undefined;
|
|
5601
5692
|
} | undefined;
|
|
5602
|
-
parts: ("link" | "
|
|
5693
|
+
parts: ("link" | "disabled" | "icon" | "listItem" | "activeButton")[];
|
|
5603
5694
|
};
|
|
5604
5695
|
Popover: {
|
|
5605
5696
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
@@ -5749,6 +5840,115 @@ declare const theme: {
|
|
|
5749
5840
|
} | undefined;
|
|
5750
5841
|
parts: ("container" | "root" | "progressDot")[];
|
|
5751
5842
|
};
|
|
5843
|
+
RadioCard: {
|
|
5844
|
+
baseStyle?: ((props: any) => {
|
|
5845
|
+
_checked: {
|
|
5846
|
+
_hover: {
|
|
5847
|
+
backgroundColor: string;
|
|
5848
|
+
};
|
|
5849
|
+
backgroundColor: string;
|
|
5850
|
+
outline: string;
|
|
5851
|
+
outlineColor: string;
|
|
5852
|
+
};
|
|
5853
|
+
_disabled: {
|
|
5854
|
+
color: string;
|
|
5855
|
+
outlineWidth: string;
|
|
5856
|
+
outlineColor: string;
|
|
5857
|
+
outlineStyle: string;
|
|
5858
|
+
outlineOffset: string;
|
|
5859
|
+
backgroundColor: string;
|
|
5860
|
+
pointerEvents: string;
|
|
5861
|
+
} | {
|
|
5862
|
+
color: string;
|
|
5863
|
+
outline: string;
|
|
5864
|
+
outlineColor: string;
|
|
5865
|
+
backgroundColor: string;
|
|
5866
|
+
pointerEvents: string;
|
|
5867
|
+
};
|
|
5868
|
+
_focusVisible: {
|
|
5869
|
+
outlineWidth: string;
|
|
5870
|
+
outlineColor: string;
|
|
5871
|
+
outlineStyle: string;
|
|
5872
|
+
outlineOffset: string;
|
|
5873
|
+
};
|
|
5874
|
+
appearance: string;
|
|
5875
|
+
border: string;
|
|
5876
|
+
overflow: string;
|
|
5877
|
+
fontSize: string;
|
|
5878
|
+
display: string;
|
|
5879
|
+
borderRadius: string;
|
|
5880
|
+
}) | undefined;
|
|
5881
|
+
sizes?: {
|
|
5882
|
+
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
5883
|
+
} | undefined;
|
|
5884
|
+
variants?: {
|
|
5885
|
+
base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
5886
|
+
_hover: {
|
|
5887
|
+
outlineWidth: string;
|
|
5888
|
+
outlineColor: string;
|
|
5889
|
+
outlineStyle: string;
|
|
5890
|
+
outlineOffset: string;
|
|
5891
|
+
backgroundColor: string;
|
|
5892
|
+
} | {
|
|
5893
|
+
outline: string;
|
|
5894
|
+
outlineColor: string;
|
|
5895
|
+
backgroundColor: string;
|
|
5896
|
+
};
|
|
5897
|
+
_active: {
|
|
5898
|
+
backgroundColor: string;
|
|
5899
|
+
};
|
|
5900
|
+
outlineWidth: string;
|
|
5901
|
+
outlineColor: string;
|
|
5902
|
+
outlineStyle: string;
|
|
5903
|
+
outlineOffset: string;
|
|
5904
|
+
backgroundColor: string;
|
|
5905
|
+
} | {
|
|
5906
|
+
_hover: {
|
|
5907
|
+
outlineWidth: string;
|
|
5908
|
+
outlineColor: string;
|
|
5909
|
+
outlineStyle: string;
|
|
5910
|
+
outlineOffset: string;
|
|
5911
|
+
backgroundColor: string;
|
|
5912
|
+
} | {
|
|
5913
|
+
outline: string;
|
|
5914
|
+
outlineColor: string;
|
|
5915
|
+
backgroundColor: string;
|
|
5916
|
+
};
|
|
5917
|
+
_active: {
|
|
5918
|
+
backgroundColor: string;
|
|
5919
|
+
};
|
|
5920
|
+
outline: string;
|
|
5921
|
+
outlineColor: string;
|
|
5922
|
+
backgroundColor: string;
|
|
5923
|
+
};
|
|
5924
|
+
floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
5925
|
+
boxShadow: string;
|
|
5926
|
+
_hover: {
|
|
5927
|
+
boxShadow: string;
|
|
5928
|
+
outline: string;
|
|
5929
|
+
outlineColor: string;
|
|
5930
|
+
backgroundColor: string;
|
|
5931
|
+
};
|
|
5932
|
+
_active: {
|
|
5933
|
+
outline: string;
|
|
5934
|
+
outlineColor: string;
|
|
5935
|
+
backgroundColor: string;
|
|
5936
|
+
};
|
|
5937
|
+
_checked: {
|
|
5938
|
+
_hover: {
|
|
5939
|
+
outline: string;
|
|
5940
|
+
outlineColor: string;
|
|
5941
|
+
};
|
|
5942
|
+
};
|
|
5943
|
+
backgroundColor: string;
|
|
5944
|
+
};
|
|
5945
|
+
} | undefined;
|
|
5946
|
+
defaultProps?: {
|
|
5947
|
+
size?: string | number | undefined;
|
|
5948
|
+
variant?: "base" | "floating" | undefined;
|
|
5949
|
+
colorScheme?: string | undefined;
|
|
5950
|
+
} | undefined;
|
|
5951
|
+
};
|
|
5752
5952
|
Radio: {
|
|
5753
5953
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
5754
5954
|
container: {
|
|
@@ -6400,12 +6600,10 @@ declare const theme: {
|
|
|
6400
6600
|
th: {
|
|
6401
6601
|
fontWeight: string;
|
|
6402
6602
|
textAlign: string;
|
|
6403
|
-
verticalAlign: string;
|
|
6404
6603
|
minWidth: string;
|
|
6405
6604
|
};
|
|
6406
6605
|
td: {
|
|
6407
6606
|
textAlign: string;
|
|
6408
|
-
verticalAlign: string;
|
|
6409
6607
|
};
|
|
6410
6608
|
tfoot: {
|
|
6411
6609
|
tr: {
|
|
@@ -6956,6 +7154,12 @@ declare const theme: {
|
|
|
6956
7154
|
outlineColor: string;
|
|
6957
7155
|
outlineStyle: string;
|
|
6958
7156
|
outlineOffset: string;
|
|
7157
|
+
_focusVisible: {
|
|
7158
|
+
outlineWidth: string;
|
|
7159
|
+
outlineColor: string;
|
|
7160
|
+
outlineStyle: string;
|
|
7161
|
+
outlineOffset: string;
|
|
7162
|
+
};
|
|
6959
7163
|
appearance: string;
|
|
6960
7164
|
border: string;
|
|
6961
7165
|
overflow: string;
|
|
@@ -6967,6 +7171,12 @@ declare const theme: {
|
|
|
6967
7171
|
color: string;
|
|
6968
7172
|
outline: string;
|
|
6969
7173
|
outlineColor: string;
|
|
7174
|
+
_focusVisible: {
|
|
7175
|
+
outlineWidth: string;
|
|
7176
|
+
outlineColor: string;
|
|
7177
|
+
outlineStyle: string;
|
|
7178
|
+
outlineOffset: string;
|
|
7179
|
+
};
|
|
6970
7180
|
appearance: string;
|
|
6971
7181
|
border: string;
|
|
6972
7182
|
overflow: string;
|
|
@@ -6975,16 +7185,28 @@ declare const theme: {
|
|
|
6975
7185
|
borderRadius: string;
|
|
6976
7186
|
} | {
|
|
6977
7187
|
backgroundColor: string;
|
|
7188
|
+
color: string;
|
|
7189
|
+
_focusVisible: {
|
|
7190
|
+
outlineWidth: string;
|
|
7191
|
+
outlineColor: string;
|
|
7192
|
+
outlineStyle: string;
|
|
7193
|
+
outlineOffset: string;
|
|
7194
|
+
};
|
|
6978
7195
|
appearance: string;
|
|
6979
7196
|
border: string;
|
|
6980
7197
|
overflow: string;
|
|
6981
7198
|
fontSize: string;
|
|
6982
7199
|
display: string;
|
|
6983
7200
|
borderRadius: string;
|
|
6984
|
-
color: string;
|
|
6985
7201
|
} | {
|
|
6986
|
-
color: string;
|
|
6987
7202
|
backgroundColor: string;
|
|
7203
|
+
color: string;
|
|
7204
|
+
_focusVisible: {
|
|
7205
|
+
outlineWidth: string;
|
|
7206
|
+
outlineColor: string;
|
|
7207
|
+
outlineStyle: string;
|
|
7208
|
+
outlineOffset: string;
|
|
7209
|
+
};
|
|
6988
7210
|
appearance: string;
|
|
6989
7211
|
border: string;
|
|
6990
7212
|
overflow: string;
|
|
@@ -7937,7 +8159,7 @@ declare const theme: {
|
|
|
7937
8159
|
sizes?: {
|
|
7938
8160
|
"2xs": {
|
|
7939
8161
|
container: {
|
|
7940
|
-
[x: string]: string |
|
|
8162
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | {
|
|
7941
8163
|
sm: string;
|
|
7942
8164
|
md: string;
|
|
7943
8165
|
lg: string;
|
|
@@ -7945,7 +8167,7 @@ declare const theme: {
|
|
|
7945
8167
|
} | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
7946
8168
|
};
|
|
7947
8169
|
excessLabel: {
|
|
7948
|
-
[x: string]: string |
|
|
8170
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7949
8171
|
sm: string;
|
|
7950
8172
|
md: string;
|
|
7951
8173
|
lg: string;
|
|
@@ -7955,7 +8177,7 @@ declare const theme: {
|
|
|
7955
8177
|
};
|
|
7956
8178
|
xs: {
|
|
7957
8179
|
container: {
|
|
7958
|
-
[x: string]: string |
|
|
8180
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7959
8181
|
sm: string;
|
|
7960
8182
|
md: string;
|
|
7961
8183
|
lg: string;
|
|
@@ -7963,7 +8185,7 @@ declare const theme: {
|
|
|
7963
8185
|
};
|
|
7964
8186
|
};
|
|
7965
8187
|
excessLabel: {
|
|
7966
|
-
[x: string]: string |
|
|
8188
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7967
8189
|
sm: string;
|
|
7968
8190
|
md: string;
|
|
7969
8191
|
lg: string;
|
|
@@ -7973,7 +8195,7 @@ declare const theme: {
|
|
|
7973
8195
|
};
|
|
7974
8196
|
sm: {
|
|
7975
8197
|
container: {
|
|
7976
|
-
[x: string]: string |
|
|
8198
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7977
8199
|
sm: string;
|
|
7978
8200
|
md: string;
|
|
7979
8201
|
lg: string;
|
|
@@ -7981,7 +8203,7 @@ declare const theme: {
|
|
|
7981
8203
|
};
|
|
7982
8204
|
};
|
|
7983
8205
|
excessLabel: {
|
|
7984
|
-
[x: string]: string |
|
|
8206
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7985
8207
|
sm: string;
|
|
7986
8208
|
md: string;
|
|
7987
8209
|
lg: string;
|
|
@@ -7991,7 +8213,7 @@ declare const theme: {
|
|
|
7991
8213
|
};
|
|
7992
8214
|
md: {
|
|
7993
8215
|
container: {
|
|
7994
|
-
[x: string]: string |
|
|
8216
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7995
8217
|
sm: string;
|
|
7996
8218
|
md: string;
|
|
7997
8219
|
lg: string;
|
|
@@ -7999,7 +8221,7 @@ declare const theme: {
|
|
|
7999
8221
|
};
|
|
8000
8222
|
};
|
|
8001
8223
|
excessLabel: {
|
|
8002
|
-
[x: string]: string |
|
|
8224
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
8003
8225
|
sm: string;
|
|
8004
8226
|
md: string;
|
|
8005
8227
|
lg: string;
|
|
@@ -8009,7 +8231,7 @@ declare const theme: {
|
|
|
8009
8231
|
};
|
|
8010
8232
|
lg: {
|
|
8011
8233
|
container: {
|
|
8012
|
-
[x: string]: string |
|
|
8234
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
8013
8235
|
sm: string;
|
|
8014
8236
|
md: string;
|
|
8015
8237
|
lg: string;
|
|
@@ -8017,7 +8239,7 @@ declare const theme: {
|
|
|
8017
8239
|
};
|
|
8018
8240
|
};
|
|
8019
8241
|
excessLabel: {
|
|
8020
|
-
[x: string]: string |
|
|
8242
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
8021
8243
|
sm: string;
|
|
8022
8244
|
md: string;
|
|
8023
8245
|
lg: string;
|
|
@@ -8027,7 +8249,7 @@ declare const theme: {
|
|
|
8027
8249
|
};
|
|
8028
8250
|
xl: {
|
|
8029
8251
|
container: {
|
|
8030
|
-
[x: string]: string |
|
|
8252
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
8031
8253
|
sm: string;
|
|
8032
8254
|
md: string;
|
|
8033
8255
|
lg: string;
|
|
@@ -8035,7 +8257,7 @@ declare const theme: {
|
|
|
8035
8257
|
};
|
|
8036
8258
|
};
|
|
8037
8259
|
excessLabel: {
|
|
8038
|
-
[x: string]: string |
|
|
8260
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
8039
8261
|
sm: string;
|
|
8040
8262
|
md: string;
|
|
8041
8263
|
lg: string;
|
|
@@ -8045,7 +8267,7 @@ declare const theme: {
|
|
|
8045
8267
|
};
|
|
8046
8268
|
"2xl": {
|
|
8047
8269
|
container: {
|
|
8048
|
-
[x: string]: string |
|
|
8270
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
8049
8271
|
sm: string;
|
|
8050
8272
|
md: string;
|
|
8051
8273
|
lg: string;
|
|
@@ -8053,7 +8275,7 @@ declare const theme: {
|
|
|
8053
8275
|
};
|
|
8054
8276
|
};
|
|
8055
8277
|
excessLabel: {
|
|
8056
|
-
[x: string]: string |
|
|
8278
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
8057
8279
|
sm: string;
|
|
8058
8280
|
md: string;
|
|
8059
8281
|
lg: string;
|
|
@@ -8063,7 +8285,7 @@ declare const theme: {
|
|
|
8063
8285
|
};
|
|
8064
8286
|
full: {
|
|
8065
8287
|
container: {
|
|
8066
|
-
[x: string]: string |
|
|
8288
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
8067
8289
|
sm: string;
|
|
8068
8290
|
md: string;
|
|
8069
8291
|
lg: string;
|
|
@@ -8071,7 +8293,7 @@ declare const theme: {
|
|
|
8071
8293
|
};
|
|
8072
8294
|
};
|
|
8073
8295
|
excessLabel: {
|
|
8074
|
-
[x: string]: string |
|
|
8296
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
8075
8297
|
sm: string;
|
|
8076
8298
|
md: string;
|
|
8077
8299
|
lg: string;
|
|
@@ -9254,8 +9476,8 @@ declare const theme: {
|
|
|
9254
9476
|
"7xl": string;
|
|
9255
9477
|
"8xl": string;
|
|
9256
9478
|
0: string;
|
|
9257
|
-
2: string;
|
|
9258
9479
|
1: string;
|
|
9480
|
+
2: string;
|
|
9259
9481
|
3: string;
|
|
9260
9482
|
6: string;
|
|
9261
9483
|
4: string;
|
|
@@ -9737,4 +9959,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
|
|
|
9737
9959
|
**/
|
|
9738
9960
|
declare function slugify(text: string | string[], maxLength?: number): string;
|
|
9739
9961
|
|
|
9740
|
-
export { Accordion, AccordionProps, AttachedInputs, Badge, BadgeProps, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, CardSelect, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChoiceChip, ChoiceChipProps, ClosableAlert, CloseButton, CloseButtonProps, Code, CodeProps, ColorInlineLoader, ColorInlineLoaderProps, ColorSpinner, ColorSpinnerProps, Combobox, ComboboxProps, ContentLoader, ContentLoaderProps, DarkFullScreenLoader, DarkInlineLoader, DarkInlineLoaderProps, DarkSpinner, DarkSpinnerProps, DatePicker, DateRangePicker, Divider, DividerProps, Drawer, DrawerContent, ModalHeader as DrawerHeader, Expandable, ExpandableAlert, ExpandableItem, ExpandableItemProps, FloatingActionButton, FormControl, FormControlProps, FormErrorMessage, FormErrorMessageProps, FormLabel, FormLabelProps, FullScreenDrawer, Heading, HeadingProps, IconButton, IconButtonProps, InfoSelect, InfoTag, InfoTagProps, Input, InputElementProps, InputLeftElement, InputProps, InputRightElement, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightInlineLoaderProps, LightSpinner, LightSpinnerProps, LineIcon, LineIconProps, ListBox, ModalHeader, ModalHeaderProps, NativeSelect, NativeSelectProps, Nudge, NudgeProps, NumericStepper, Pagination, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, Tooltip, TooltipProps, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, useToast, useTranslation };
|
|
9962
|
+
export { Accordion, AccordionProps, AttachedInputs, Badge, BadgeProps, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, CardSelect, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChoiceChip, ChoiceChipProps, ClosableAlert, CloseButton, CloseButtonProps, Code, CodeProps, ColorInlineLoader, ColorInlineLoaderProps, ColorSpinner, ColorSpinnerProps, Combobox, ComboboxProps, ContentLoader, ContentLoaderProps, DarkFullScreenLoader, DarkInlineLoader, DarkInlineLoaderProps, DarkSpinner, DarkSpinnerProps, DatePicker, DateRangePicker, Divider, DividerProps, Drawer, DrawerContent, ModalHeader as DrawerHeader, Expandable, ExpandableAlert, ExpandableItem, ExpandableItemProps, FloatingActionButton, FormControl, FormControlProps, FormErrorMessage, FormErrorMessageProps, FormLabel, FormLabelProps, FullScreenDrawer, Heading, HeadingProps, IconButton, IconButtonProps, InfoSelect, InfoTag, InfoTagProps, Input, InputElementProps, InputLeftElement, InputProps, InputRightElement, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightInlineLoaderProps, LightSpinner, LightSpinnerProps, LineIcon, LineIconProps, ListBox, ModalHeader, ModalHeaderProps, NativeSelect, NativeSelectProps, Nudge, NudgeProps, NumericStepper, Pagination, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, Tooltip, TooltipProps, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, useToast, useTranslation };
|