@vygruppen/spor-react 9.11.4 → 9.12.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 +6 -0
- package/dist/{CountryCodeSelect-5Z5ATLWK.mjs → CountryCodeSelect-Q33DXFQF.mjs} +1 -1
- package/dist/{chunk-WCPDJEIZ.mjs → chunk-D4Z4Q4GJ.mjs} +423 -383
- package/dist/index.d.mts +80 -118
- package/dist/index.d.ts +80 -118
- package/dist/index.js +914 -875
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/layout/RadioCard.tsx +64 -60
- package/src/layout/RadioCardGroup.tsx +59 -103
- package/src/theme/components/radio-card.ts +21 -10
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,
|
|
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';
|
|
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';
|
|
@@ -68,24 +68,9 @@ declare const Stack: _chakra_ui_system_dist_system_types.ComponentWithAs<"div",
|
|
|
68
68
|
/**
|
|
69
69
|
* Radio cards are used to present a set of options where only one option can be selected.
|
|
70
70
|
*
|
|
71
|
-
*
|
|
72
|
-
*
|
|
73
|
-
* ```tsx
|
|
74
|
-
* <RadioCard>
|
|
75
|
-
* Content
|
|
76
|
-
* </RadioCard>
|
|
77
|
-
* ```
|
|
78
|
-
*
|
|
79
|
-
* In order to use RadioCard outside a RadioCardGroup, you need to pass the `isChecked` and `onChange` props.
|
|
80
|
-
*
|
|
81
|
-
* ```tsx
|
|
82
|
-
* <RadioCard isChecked={true} onChange={(e) => console.log(e.target.value)}>
|
|
83
|
-
* Content
|
|
84
|
-
* </RadioCard>
|
|
85
|
-
* ```
|
|
86
|
-
*
|
|
87
|
-
* In order to use RadioCard, you typically want to place these components in a group with several other RadioCards.
|
|
71
|
+
* RadioCard components must be wrapped in a RadioCardGroup component.
|
|
88
72
|
*
|
|
73
|
+
* @example
|
|
89
74
|
* ```tsx
|
|
90
75
|
* <RadioCardGroup name="ticket">
|
|
91
76
|
* <RadioCard value="economy">Economy</RadioCard>
|
|
@@ -94,89 +79,47 @@ declare const Stack: _chakra_ui_system_dist_system_types.ComponentWithAs<"div",
|
|
|
94
79
|
* </RadioCardGroup>
|
|
95
80
|
* ```
|
|
96
81
|
*
|
|
97
|
-
*
|
|
98
|
-
* Group styling overrides single styling if both are present.
|
|
82
|
+
* RadioCard inherits props from Box.
|
|
99
83
|
*
|
|
100
|
-
*
|
|
84
|
+
* Be advised to not use the `name` prop on the RadioCard component.
|
|
101
85
|
*
|
|
102
|
-
*
|
|
103
|
-
* <RadioCardGroup name="ticket" variant="floating" padding={3}>
|
|
104
|
-
* <RadioCard value="economy">Economy</RadioCard>
|
|
105
|
-
* <RadioCard value="business">Business</RadioCard>
|
|
106
|
-
* <RadioCard value="first-class">First Class</RadioCard>
|
|
107
|
-
* </RadioCardGroup>
|
|
108
|
-
* ```
|
|
86
|
+
* Changing the semantics may also cause the component to not work as expected.
|
|
109
87
|
*
|
|
110
|
-
*
|
|
111
|
-
*
|
|
112
|
-
* ```tsx
|
|
113
|
-
* <RadioCard variant="floating" padding={3}>
|
|
114
|
-
* Economy
|
|
115
|
-
* </RadioCard>
|
|
116
|
-
* ```
|
|
88
|
+
* @see Docs https://spor.vy.no/components/radiocard
|
|
117
89
|
*/
|
|
118
|
-
type RadioCardProps =
|
|
90
|
+
type RadioCardProps = BoxProps & {
|
|
91
|
+
value: string;
|
|
119
92
|
children: React.ReactNode;
|
|
120
|
-
|
|
121
|
-
variant?: "floating" | "base";
|
|
122
|
-
/** Needs to be defined if RadioCard is used outside RadioCardGroup */
|
|
123
|
-
isChecked?: boolean;
|
|
124
|
-
/** Needs to be defined if RadioCard is used outside RadioCardGroup */
|
|
125
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
93
|
+
isDisabled?: boolean;
|
|
126
94
|
};
|
|
127
|
-
declare const RadioCard: _chakra_ui_system_dist_system_types.ComponentWithAs<
|
|
128
|
-
|
|
129
|
-
type RadioCardGroupProps = RadioGroupProps$1 & {
|
|
95
|
+
declare const RadioCard: _chakra_ui_system_dist_system_types.ComponentWithAs<_chakra_ui_system_dist_system_types.As, BoxProps & {
|
|
96
|
+
value: string;
|
|
130
97
|
children: React.ReactNode;
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
/** Defaults to "base" */
|
|
135
|
-
variant?: string;
|
|
136
|
-
/** The name of the radio group */
|
|
137
|
-
name?: string;
|
|
138
|
-
/** The default value of the radio group */
|
|
139
|
-
defaultValue?: string;
|
|
140
|
-
/** The callback function to be called when the radio group value changes */
|
|
141
|
-
onChange?: (value: string) => void;
|
|
142
|
-
};
|
|
98
|
+
isDisabled?: boolean | undefined;
|
|
99
|
+
}>;
|
|
100
|
+
|
|
143
101
|
/**
|
|
144
|
-
*
|
|
145
|
-
*
|
|
146
|
-
* You can and should pass the common `name` prop to the `RadioGroup`, instead of to each `Radio` component.
|
|
147
|
-
*
|
|
148
|
-
* ```tsx
|
|
149
|
-
* <RadioCardGroup name="ticket">
|
|
150
|
-
* <RadioCard>Economy</RadioCard>
|
|
151
|
-
* <RadioCard>Business</RadioCard>
|
|
152
|
-
* <RadioCard>First Class</RadioCard>
|
|
153
|
-
* </RadioCardGroup>
|
|
154
|
-
* ```
|
|
155
|
-
*
|
|
156
|
-
* By default, radio cards show up horizontally. If you want them to show up vertically, please specify the `direction="column"` prop.
|
|
157
|
-
*
|
|
158
|
-
* ```tsx
|
|
159
|
-
* <RadioCardGroup name="ticket" direction="column">
|
|
160
|
-
* <RadioCard>Economy</RadioCard>
|
|
161
|
-
* <RadioCard>Business</RadioCard>
|
|
162
|
-
* <RadioCard>First Class</RadioCard>
|
|
163
|
-
* </RadioCardGroup>
|
|
164
|
-
* ```
|
|
102
|
+
* RadioCardGroupContext is used to pass down the state and handlers to the RadioCard components.
|
|
165
103
|
*
|
|
166
|
-
* You can also specify the `defaultValue` prop to set the default value of the radio group.
|
|
167
|
-
*
|
|
168
|
-
* ```tsx
|
|
169
|
-
* <RadioCardGroup name="ticket" defaultValue="Economy">
|
|
170
|
-
* <RadioCard>Economy</RadioCard>
|
|
171
|
-
* <RadioCard>Business</RadioCard>
|
|
172
|
-
* <RadioCard>First Class</RadioCard>
|
|
173
|
-
* </RadioCardGroup>
|
|
174
|
-
* ```
|
|
175
|
-
*
|
|
176
|
-
* Check out RadioCard for more information on how to style the radio cards.
|
|
177
104
|
* @see RadioCard
|
|
178
105
|
*/
|
|
179
|
-
|
|
106
|
+
type RadioGroupContextProps = {
|
|
107
|
+
name: string;
|
|
108
|
+
selectedValue: string;
|
|
109
|
+
onChange: (value: string) => void;
|
|
110
|
+
variant?: "base" | "floating";
|
|
111
|
+
defaultValue?: string;
|
|
112
|
+
};
|
|
113
|
+
declare const RadioCardGroupContext: React.Context<RadioGroupContextProps | null>;
|
|
114
|
+
type RadioCardGroupProps = BoxProps & {
|
|
115
|
+
name: string;
|
|
116
|
+
children: React.ReactNode;
|
|
117
|
+
variant?: "base" | "floating";
|
|
118
|
+
direction?: "row" | "column";
|
|
119
|
+
groupLabel?: string;
|
|
120
|
+
defaultValue?: string;
|
|
121
|
+
};
|
|
122
|
+
declare const RadioCardGroup: React.FC<RadioCardGroupProps>;
|
|
180
123
|
|
|
181
124
|
type StaticCardProps = BoxProps & {
|
|
182
125
|
children: React.ReactNode;
|
|
@@ -2557,7 +2500,7 @@ declare const theme: {
|
|
|
2557
2500
|
} | undefined;
|
|
2558
2501
|
defaultProps?: {
|
|
2559
2502
|
size?: "sm" | "md" | "lg" | undefined;
|
|
2560
|
-
variant?: "base" | "
|
|
2503
|
+
variant?: "base" | "ghost" | "floating" | undefined;
|
|
2561
2504
|
colorScheme?: string | undefined;
|
|
2562
2505
|
} | undefined;
|
|
2563
2506
|
parts: ("button" | "container" | "icon" | "root" | "panel")[];
|
|
@@ -2964,7 +2907,7 @@ declare const theme: {
|
|
|
2964
2907
|
} | undefined;
|
|
2965
2908
|
defaultProps?: {
|
|
2966
2909
|
size?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
2967
|
-
variant?: "
|
|
2910
|
+
variant?: "ghost" | "floating" | "primary" | "secondary" | "tertiary" | undefined;
|
|
2968
2911
|
colorScheme?: string | undefined;
|
|
2969
2912
|
} | undefined;
|
|
2970
2913
|
};
|
|
@@ -3591,7 +3534,7 @@ declare const theme: {
|
|
|
3591
3534
|
} | undefined;
|
|
3592
3535
|
defaultProps?: {
|
|
3593
3536
|
size?: "sm" | "md" | "lg" | undefined;
|
|
3594
|
-
variant?: "base" | "
|
|
3537
|
+
variant?: "base" | "ghost" | "floating" | undefined;
|
|
3595
3538
|
colorScheme?: string | undefined;
|
|
3596
3539
|
} | undefined;
|
|
3597
3540
|
parts: ("trigger" | "card")[];
|
|
@@ -4244,7 +4187,7 @@ declare const theme: {
|
|
|
4244
4187
|
} | undefined;
|
|
4245
4188
|
defaultProps?: {
|
|
4246
4189
|
size?: string | number | undefined;
|
|
4247
|
-
variant?: "base" | "
|
|
4190
|
+
variant?: "base" | "ghost" | "floating" | undefined;
|
|
4248
4191
|
colorScheme?: string | undefined;
|
|
4249
4192
|
} | undefined;
|
|
4250
4193
|
parts: ("cell" | "dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "calendarPopover" | "arrow")[];
|
|
@@ -5798,12 +5741,12 @@ declare const theme: {
|
|
|
5798
5741
|
}) | undefined;
|
|
5799
5742
|
sizes?: {
|
|
5800
5743
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
5801
|
-
keys: ("link" | "
|
|
5744
|
+
keys: ("link" | "icon" | "disabled" | "listItem" | "activeButton")[];
|
|
5802
5745
|
}>;
|
|
5803
5746
|
} | undefined;
|
|
5804
5747
|
variants?: {
|
|
5805
5748
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
5806
|
-
keys: ("link" | "
|
|
5749
|
+
keys: ("link" | "icon" | "disabled" | "listItem" | "activeButton")[];
|
|
5807
5750
|
}>;
|
|
5808
5751
|
} | undefined;
|
|
5809
5752
|
defaultProps?: {
|
|
@@ -5811,7 +5754,7 @@ declare const theme: {
|
|
|
5811
5754
|
variant?: string | number | undefined;
|
|
5812
5755
|
colorScheme?: string | undefined;
|
|
5813
5756
|
} | undefined;
|
|
5814
|
-
parts: ("link" | "
|
|
5757
|
+
parts: ("link" | "icon" | "disabled" | "listItem" | "activeButton")[];
|
|
5815
5758
|
};
|
|
5816
5759
|
Popover: {
|
|
5817
5760
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
@@ -5987,7 +5930,6 @@ declare const theme: {
|
|
|
5987
5930
|
outlineStyle: string;
|
|
5988
5931
|
outlineOffset: string;
|
|
5989
5932
|
};
|
|
5990
|
-
appearance: string;
|
|
5991
5933
|
border: string;
|
|
5992
5934
|
overflow: string;
|
|
5993
5935
|
fontSize: string;
|
|
@@ -6037,6 +5979,9 @@ declare const theme: {
|
|
|
6037
5979
|
outlineColor: string;
|
|
6038
5980
|
backgroundColor: string;
|
|
6039
5981
|
};
|
|
5982
|
+
_focus: {
|
|
5983
|
+
outlineColor: string;
|
|
5984
|
+
};
|
|
6040
5985
|
outlineWidth: string;
|
|
6041
5986
|
outlineColor: string;
|
|
6042
5987
|
outlineStyle: string;
|
|
@@ -6066,6 +6011,9 @@ declare const theme: {
|
|
|
6066
6011
|
outlineColor: string;
|
|
6067
6012
|
backgroundColor: string;
|
|
6068
6013
|
};
|
|
6014
|
+
_focus: {
|
|
6015
|
+
outlineColor: string;
|
|
6016
|
+
};
|
|
6069
6017
|
outline: string;
|
|
6070
6018
|
outlineColor: string;
|
|
6071
6019
|
backgroundColor: string;
|
|
@@ -6092,6 +6040,12 @@ declare const theme: {
|
|
|
6092
6040
|
outlineColor: string;
|
|
6093
6041
|
backgroundColor: string;
|
|
6094
6042
|
};
|
|
6043
|
+
_focus: {
|
|
6044
|
+
outlineOffset: string;
|
|
6045
|
+
outlineColor: string;
|
|
6046
|
+
outline: string;
|
|
6047
|
+
outlineStyle: string;
|
|
6048
|
+
};
|
|
6095
6049
|
};
|
|
6096
6050
|
};
|
|
6097
6051
|
floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
@@ -6108,14 +6062,16 @@ declare const theme: {
|
|
|
6108
6062
|
outlineColor: string;
|
|
6109
6063
|
backgroundColor: string;
|
|
6110
6064
|
};
|
|
6065
|
+
_focus: {
|
|
6066
|
+
outlineColor: string;
|
|
6067
|
+
};
|
|
6111
6068
|
outline: string;
|
|
6112
6069
|
outlineColor: string;
|
|
6113
6070
|
backgroundColor: string;
|
|
6114
|
-
color: string;
|
|
6115
6071
|
};
|
|
6116
6072
|
checked: {
|
|
6117
|
-
cursor: string;
|
|
6118
6073
|
_hover: {
|
|
6074
|
+
boxShadow: string;
|
|
6119
6075
|
outline: string;
|
|
6120
6076
|
outlineColor: string;
|
|
6121
6077
|
};
|
|
@@ -6124,6 +6080,12 @@ declare const theme: {
|
|
|
6124
6080
|
outlineColor: string;
|
|
6125
6081
|
backgroundColor: string;
|
|
6126
6082
|
};
|
|
6083
|
+
_focus: {
|
|
6084
|
+
outlineOffset: string;
|
|
6085
|
+
outlineColor: string;
|
|
6086
|
+
outline: string;
|
|
6087
|
+
outlineStyle: string;
|
|
6088
|
+
};
|
|
6127
6089
|
};
|
|
6128
6090
|
};
|
|
6129
6091
|
} | undefined;
|
|
@@ -7787,7 +7749,7 @@ declare const theme: {
|
|
|
7787
7749
|
sizes?: {
|
|
7788
7750
|
"2xs": {
|
|
7789
7751
|
container: {
|
|
7790
|
-
[x: string]: string | 1 |
|
|
7752
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | {
|
|
7791
7753
|
sm: string;
|
|
7792
7754
|
md: string;
|
|
7793
7755
|
lg: string;
|
|
@@ -7795,7 +7757,7 @@ declare const theme: {
|
|
|
7795
7757
|
} | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
7796
7758
|
};
|
|
7797
7759
|
excessLabel: {
|
|
7798
|
-
[x: string]: string | 1 |
|
|
7760
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7799
7761
|
sm: string;
|
|
7800
7762
|
md: string;
|
|
7801
7763
|
lg: string;
|
|
@@ -7805,7 +7767,7 @@ declare const theme: {
|
|
|
7805
7767
|
};
|
|
7806
7768
|
xs: {
|
|
7807
7769
|
container: {
|
|
7808
|
-
[x: string]: string | 1 |
|
|
7770
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7809
7771
|
sm: string;
|
|
7810
7772
|
md: string;
|
|
7811
7773
|
lg: string;
|
|
@@ -7813,7 +7775,7 @@ declare const theme: {
|
|
|
7813
7775
|
};
|
|
7814
7776
|
};
|
|
7815
7777
|
excessLabel: {
|
|
7816
|
-
[x: string]: string | 1 |
|
|
7778
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7817
7779
|
sm: string;
|
|
7818
7780
|
md: string;
|
|
7819
7781
|
lg: string;
|
|
@@ -7823,7 +7785,7 @@ declare const theme: {
|
|
|
7823
7785
|
};
|
|
7824
7786
|
sm: {
|
|
7825
7787
|
container: {
|
|
7826
|
-
[x: string]: string | 1 |
|
|
7788
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7827
7789
|
sm: string;
|
|
7828
7790
|
md: string;
|
|
7829
7791
|
lg: string;
|
|
@@ -7831,7 +7793,7 @@ declare const theme: {
|
|
|
7831
7793
|
};
|
|
7832
7794
|
};
|
|
7833
7795
|
excessLabel: {
|
|
7834
|
-
[x: string]: string | 1 |
|
|
7796
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7835
7797
|
sm: string;
|
|
7836
7798
|
md: string;
|
|
7837
7799
|
lg: string;
|
|
@@ -7841,7 +7803,7 @@ declare const theme: {
|
|
|
7841
7803
|
};
|
|
7842
7804
|
md: {
|
|
7843
7805
|
container: {
|
|
7844
|
-
[x: string]: string | 1 |
|
|
7806
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7845
7807
|
sm: string;
|
|
7846
7808
|
md: string;
|
|
7847
7809
|
lg: string;
|
|
@@ -7849,7 +7811,7 @@ declare const theme: {
|
|
|
7849
7811
|
};
|
|
7850
7812
|
};
|
|
7851
7813
|
excessLabel: {
|
|
7852
|
-
[x: string]: string | 1 |
|
|
7814
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7853
7815
|
sm: string;
|
|
7854
7816
|
md: string;
|
|
7855
7817
|
lg: string;
|
|
@@ -7859,7 +7821,7 @@ declare const theme: {
|
|
|
7859
7821
|
};
|
|
7860
7822
|
lg: {
|
|
7861
7823
|
container: {
|
|
7862
|
-
[x: string]: string | 1 |
|
|
7824
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7863
7825
|
sm: string;
|
|
7864
7826
|
md: string;
|
|
7865
7827
|
lg: string;
|
|
@@ -7867,7 +7829,7 @@ declare const theme: {
|
|
|
7867
7829
|
};
|
|
7868
7830
|
};
|
|
7869
7831
|
excessLabel: {
|
|
7870
|
-
[x: string]: string | 1 |
|
|
7832
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7871
7833
|
sm: string;
|
|
7872
7834
|
md: string;
|
|
7873
7835
|
lg: string;
|
|
@@ -7877,7 +7839,7 @@ declare const theme: {
|
|
|
7877
7839
|
};
|
|
7878
7840
|
xl: {
|
|
7879
7841
|
container: {
|
|
7880
|
-
[x: string]: string | 1 |
|
|
7842
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7881
7843
|
sm: string;
|
|
7882
7844
|
md: string;
|
|
7883
7845
|
lg: string;
|
|
@@ -7885,7 +7847,7 @@ declare const theme: {
|
|
|
7885
7847
|
};
|
|
7886
7848
|
};
|
|
7887
7849
|
excessLabel: {
|
|
7888
|
-
[x: string]: string | 1 |
|
|
7850
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7889
7851
|
sm: string;
|
|
7890
7852
|
md: string;
|
|
7891
7853
|
lg: string;
|
|
@@ -7895,7 +7857,7 @@ declare const theme: {
|
|
|
7895
7857
|
};
|
|
7896
7858
|
"2xl": {
|
|
7897
7859
|
container: {
|
|
7898
|
-
[x: string]: string | 1 |
|
|
7860
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7899
7861
|
sm: string;
|
|
7900
7862
|
md: string;
|
|
7901
7863
|
lg: string;
|
|
@@ -7903,7 +7865,7 @@ declare const theme: {
|
|
|
7903
7865
|
};
|
|
7904
7866
|
};
|
|
7905
7867
|
excessLabel: {
|
|
7906
|
-
[x: string]: string | 1 |
|
|
7868
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7907
7869
|
sm: string;
|
|
7908
7870
|
md: string;
|
|
7909
7871
|
lg: string;
|
|
@@ -7913,7 +7875,7 @@ declare const theme: {
|
|
|
7913
7875
|
};
|
|
7914
7876
|
full: {
|
|
7915
7877
|
container: {
|
|
7916
|
-
[x: string]: string | 1 |
|
|
7878
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7917
7879
|
sm: string;
|
|
7918
7880
|
md: string;
|
|
7919
7881
|
lg: string;
|
|
@@ -7921,7 +7883,7 @@ declare const theme: {
|
|
|
7921
7883
|
};
|
|
7922
7884
|
};
|
|
7923
7885
|
excessLabel: {
|
|
7924
|
-
[x: string]: string | 1 |
|
|
7886
|
+
[x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7925
7887
|
sm: string;
|
|
7926
7888
|
md: string;
|
|
7927
7889
|
lg: string;
|
|
@@ -9105,8 +9067,8 @@ declare const theme: {
|
|
|
9105
9067
|
"8xl": string;
|
|
9106
9068
|
0: string;
|
|
9107
9069
|
1: string;
|
|
9108
|
-
2: string;
|
|
9109
9070
|
12: string;
|
|
9071
|
+
2: string;
|
|
9110
9072
|
3: string;
|
|
9111
9073
|
4: string;
|
|
9112
9074
|
5: string;
|
|
@@ -9587,4 +9549,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
|
|
|
9587
9549
|
**/
|
|
9588
9550
|
declare function slugify(text: string | string[], maxLength?: number): string;
|
|
9589
9551
|
|
|
9590
|
-
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, PrideProvider, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, StaticCardProps, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, TogglePride, Tooltip, TooltipProps, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoDefault, VyLogoDefaultProps, VyLogoPride, VyLogoPrideProps, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, usePride, useToast, useTranslation };
|
|
9552
|
+
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, PrideProvider, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardGroupContext, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, StaticCardProps, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, TogglePride, Tooltip, TooltipProps, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoDefault, VyLogoDefaultProps, VyLogoPride, VyLogoPrideProps, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, usePride, useToast, useTranslation };
|