@vygruppen/spor-react 9.6.5 → 9.8.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 +22 -0
- package/dist/{CountryCodeSelect-VSNXCJ6M.mjs → CountryCodeSelect-EKYAUNTI.mjs} +1 -1
- package/dist/{chunk-F6WDIMSM.mjs → chunk-3P7NVQKW.mjs} +515 -485
- package/dist/index.d.mts +370 -698
- package/dist/index.d.ts +370 -698
- package/dist/index.js +3286 -3234
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/card/Card.tsx +7 -0
- package/src/card/index.tsx +0 -2
- package/src/layout/PressableCard.tsx +57 -0
- package/src/layout/RadioCard.tsx +95 -0
- package/src/layout/RadioCardGroup.tsx +81 -0
- package/src/layout/StaticCard.tsx +77 -0
- package/src/layout/index.tsx +4 -0
- package/src/theme/components/index.ts +1 -0
- package/src/theme/components/pressable-card.ts +13 -131
- package/src/theme/components/radio-card.ts +64 -0
- package/src/theme/components/static-card.ts +4 -12
- package/src/theme/components/table.ts +0 -2
- package/src/theme/utils/base-utils.ts +8 -1
- package/src/theme/utils/floating-utils.ts +17 -1
- package/src/card/PressableCard.tsx +0 -52
- package/src/card/StaticCard.tsx +0 -25
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,
|
|
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,180 @@ 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
|
+
|
|
159
|
+
type StaticCardProps = BoxProps & {
|
|
160
|
+
children: React.ReactNode;
|
|
161
|
+
/** Defaults to "white" */
|
|
162
|
+
colorScheme: "white" | "grey" | "green" | "orange" | "red" | "yellow" | "blue" | "darkBlue" | "darkGreen" | "darkYellow";
|
|
163
|
+
};
|
|
164
|
+
/**
|
|
165
|
+
* `StaticCard` is a component that renders a static card.
|
|
166
|
+
*
|
|
167
|
+
* The `StaticCard` component can be used to create a card that does not respond to user interactions.
|
|
168
|
+
* It can be rendered as any HTML element by specifying the `as` prop.
|
|
169
|
+
*
|
|
170
|
+
* The `colorScheme` prop can be used to control the color scheme of the card. It defaults to "white".
|
|
171
|
+
*
|
|
172
|
+
* Example usage:
|
|
173
|
+
*
|
|
174
|
+
* ```tsx
|
|
175
|
+
* <StaticCard>
|
|
176
|
+
* Content
|
|
177
|
+
* </StaticCard>
|
|
178
|
+
* ```
|
|
179
|
+
*
|
|
180
|
+
* To render the card as a different HTML element, specify the `as` prop:
|
|
181
|
+
*
|
|
182
|
+
* ```tsx
|
|
183
|
+
* <StaticCard as="section">
|
|
184
|
+
* This is now a <section /> element
|
|
185
|
+
* </StaticCard>
|
|
186
|
+
* ```
|
|
187
|
+
*
|
|
188
|
+
* To change the color scheme of the card, specify the `colorScheme` prop:
|
|
189
|
+
*
|
|
190
|
+
* ```tsx
|
|
191
|
+
* <StaticCard colorScheme="orange">
|
|
192
|
+
* An orange card
|
|
193
|
+
* </StaticCard>
|
|
194
|
+
* ```
|
|
195
|
+
*
|
|
196
|
+
* For a card with click functionality, use the `PressableCard` component.
|
|
197
|
+
*
|
|
198
|
+
* @see PressableCard
|
|
199
|
+
*/
|
|
200
|
+
declare const StaticCard: _chakra_ui_system_dist_system_types.ComponentWithAs<As, StaticCardProps>;
|
|
201
|
+
|
|
202
|
+
type PressableCardProps = Omit<BoxProps, "as"> & {
|
|
203
|
+
/** Use "floating" | "accent" | "base". Defaults to base */
|
|
204
|
+
variant: "floating" | "accent" | "base";
|
|
205
|
+
/** Use "sm" | "lg". Defaults to sm */
|
|
206
|
+
size?: "sm" | "lg";
|
|
207
|
+
/** Use "button" | "a" | "label". Defaults to button */
|
|
208
|
+
as: "button" | "a" | "label";
|
|
209
|
+
};
|
|
210
|
+
/**
|
|
211
|
+
* `PressableCard` is a component that renders a pressable card.
|
|
212
|
+
*
|
|
213
|
+
* The `PressableCard` component can be used to create a card that responds to user interactions.
|
|
214
|
+
* It can be rendered as a button, link, label, or any other HTML element by specifying the `as` prop.
|
|
215
|
+
* If no `as` prop is provided, it defaults to a button.
|
|
216
|
+
*
|
|
217
|
+
* The `size` prop can be used to control the size of the card. It defaults to "sm".
|
|
218
|
+
* The `variant` prop can be used to control the style variant of the card. It defaults to "base".
|
|
219
|
+
*
|
|
220
|
+
* Example usage:
|
|
221
|
+
*
|
|
222
|
+
* ```tsx
|
|
223
|
+
* <PressableCard>
|
|
224
|
+
* Content
|
|
225
|
+
* </PressableCard>
|
|
226
|
+
* ```
|
|
227
|
+
*
|
|
228
|
+
* To render the card as a different HTML element, specify the `as` prop:
|
|
229
|
+
*
|
|
230
|
+
* ```tsx
|
|
231
|
+
* <PressableCard as="a">
|
|
232
|
+
* This is now a <a /> element
|
|
233
|
+
* </PressableCard>
|
|
234
|
+
* ```
|
|
235
|
+
*
|
|
236
|
+
* For a static card with other color schemes, use the `StaticCard` component.
|
|
237
|
+
*
|
|
238
|
+
* @see StaticCard
|
|
239
|
+
*/
|
|
240
|
+
declare const PressableCard: ({ children, as, size, variant, ...props }: PressableCardProps) => React.JSX.Element;
|
|
241
|
+
|
|
68
242
|
type AccordionProps = Omit<AccordionProps$1, "variant" | "size"> & {
|
|
69
243
|
/**
|
|
70
244
|
* The display variant of the accordion items.
|
|
@@ -441,64 +615,10 @@ type CardProps = Exclude<BoxProps, "size"> & {
|
|
|
441
615
|
* </Card>
|
|
442
616
|
* ```
|
|
443
617
|
*/
|
|
444
|
-
declare const Card: _chakra_ui_system_dist_system_types.ComponentWithAs<As, CardProps>;
|
|
445
|
-
|
|
446
|
-
/**
|
|
447
|
-
* Renders a static card.
|
|
448
|
-
*
|
|
449
|
-
* The most basic version looks like this:
|
|
450
|
-
*
|
|
451
|
-
* ```tsx
|
|
452
|
-
* <StaticCard colorScheme="white">
|
|
453
|
-
* Content
|
|
454
|
-
* </StaticCard>
|
|
455
|
-
* ```
|
|
456
|
-
*
|
|
457
|
-
* Static cards can also be rendered as whatever DOM element you want – like a li (list item) or an article. You do this by specifying the `as` prop:
|
|
458
|
-
*
|
|
459
|
-
* ```tsx
|
|
460
|
-
* <StaticCard colorScheme="green" as="section">
|
|
461
|
-
* This is now a <section /> element
|
|
462
|
-
* </StaticCard>
|
|
463
|
-
* ```
|
|
464
|
-
*/
|
|
465
|
-
declare const StaticCard: ({ colorScheme, ...props }: any) => React.JSX.Element;
|
|
466
|
-
|
|
467
|
-
type PressableCardProps = Omit<BoxProps, "as"> & {
|
|
468
|
-
variant: "floating" | "accent" | "base";
|
|
469
|
-
size?: "sm" | "lg";
|
|
470
|
-
as: "button" | "a" | "label";
|
|
471
|
-
};
|
|
472
618
|
/**
|
|
473
|
-
*
|
|
474
|
-
*
|
|
475
|
-
* The most basic version looks like this:
|
|
476
|
-
*
|
|
477
|
-
* ```tsx
|
|
478
|
-
* <PressableCard>
|
|
479
|
-
* Content
|
|
480
|
-
* </PressableCard>
|
|
481
|
-
* ```
|
|
482
|
-
*
|
|
483
|
-
* There are lots of color schemes available. You can also set the size as either `sm` or `lg`. The default is `sm`.
|
|
484
|
-
*
|
|
485
|
-
* ```tsx
|
|
486
|
-
* <PressableCard colorScheme="orange" size="lg">
|
|
487
|
-
* A smaller card
|
|
488
|
-
* </PressableCard>
|
|
489
|
-
* ```
|
|
490
|
-
*
|
|
491
|
-
* Pressable cards can also be rendered as button, link or label – like a li (list item) or an article.
|
|
492
|
-
* You do this by specifying the `as` prop. If no `as` is specified, button is chosen as default:
|
|
493
|
-
*
|
|
494
|
-
*
|
|
495
|
-
* ```tsx
|
|
496
|
-
* <PressableCard colorScheme="green" as="section">
|
|
497
|
-
* This is now a <section /> element
|
|
498
|
-
* </PressableCard>
|
|
499
|
-
* ```
|
|
619
|
+
* @deprecated Card is deprecated. Use `StaticCard` or `PressableCard` instead.
|
|
500
620
|
*/
|
|
501
|
-
declare const
|
|
621
|
+
declare const Card: _chakra_ui_system_dist_system_types.ComponentWithAs<As, CardProps>;
|
|
502
622
|
|
|
503
623
|
/**
|
|
504
624
|
* A date picker component.
|
|
@@ -2386,7 +2506,7 @@ declare const theme: {
|
|
|
2386
2506
|
} | undefined;
|
|
2387
2507
|
defaultProps?: {
|
|
2388
2508
|
size?: "sm" | "md" | "lg" | undefined;
|
|
2389
|
-
variant?: "base" | "
|
|
2509
|
+
variant?: "base" | "floating" | "ghost" | undefined;
|
|
2390
2510
|
colorScheme?: string | undefined;
|
|
2391
2511
|
} | undefined;
|
|
2392
2512
|
parts: ("button" | "container" | "icon" | "root" | "panel")[];
|
|
@@ -2792,7 +2912,7 @@ declare const theme: {
|
|
|
2792
2912
|
} | undefined;
|
|
2793
2913
|
defaultProps?: {
|
|
2794
2914
|
size?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
2795
|
-
variant?: "
|
|
2915
|
+
variant?: "floating" | "ghost" | "primary" | "secondary" | "tertiary" | undefined;
|
|
2796
2916
|
colorScheme?: string | undefined;
|
|
2797
2917
|
} | undefined;
|
|
2798
2918
|
};
|
|
@@ -3419,7 +3539,7 @@ declare const theme: {
|
|
|
3419
3539
|
} | undefined;
|
|
3420
3540
|
defaultProps?: {
|
|
3421
3541
|
size?: "sm" | "md" | "lg" | undefined;
|
|
3422
|
-
variant?: "base" | "
|
|
3542
|
+
variant?: "base" | "floating" | "ghost" | undefined;
|
|
3423
3543
|
colorScheme?: string | undefined;
|
|
3424
3544
|
} | undefined;
|
|
3425
3545
|
parts: ("trigger" | "card")[];
|
|
@@ -4055,7 +4175,7 @@ declare const theme: {
|
|
|
4055
4175
|
} | undefined;
|
|
4056
4176
|
defaultProps?: {
|
|
4057
4177
|
size?: string | number | undefined;
|
|
4058
|
-
variant?: "base" | "
|
|
4178
|
+
variant?: "base" | "floating" | "ghost" | undefined;
|
|
4059
4179
|
colorScheme?: string | undefined;
|
|
4060
4180
|
} | undefined;
|
|
4061
4181
|
parts: ("dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "calendarPopover" | "arrow")[];
|
|
@@ -5586,12 +5706,12 @@ declare const theme: {
|
|
|
5586
5706
|
}) | undefined;
|
|
5587
5707
|
sizes?: {
|
|
5588
5708
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
5589
|
-
keys: ("link" | "
|
|
5709
|
+
keys: ("link" | "disabled" | "icon" | "listItem" | "activeButton")[];
|
|
5590
5710
|
}>;
|
|
5591
5711
|
} | undefined;
|
|
5592
5712
|
variants?: {
|
|
5593
5713
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
5594
|
-
keys: ("link" | "
|
|
5714
|
+
keys: ("link" | "disabled" | "icon" | "listItem" | "activeButton")[];
|
|
5595
5715
|
}>;
|
|
5596
5716
|
} | undefined;
|
|
5597
5717
|
defaultProps?: {
|
|
@@ -5599,7 +5719,7 @@ declare const theme: {
|
|
|
5599
5719
|
variant?: string | number | undefined;
|
|
5600
5720
|
colorScheme?: string | undefined;
|
|
5601
5721
|
} | undefined;
|
|
5602
|
-
parts: ("link" | "
|
|
5722
|
+
parts: ("link" | "disabled" | "icon" | "listItem" | "activeButton")[];
|
|
5603
5723
|
};
|
|
5604
5724
|
Popover: {
|
|
5605
5725
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
@@ -5749,6 +5869,115 @@ declare const theme: {
|
|
|
5749
5869
|
} | undefined;
|
|
5750
5870
|
parts: ("container" | "root" | "progressDot")[];
|
|
5751
5871
|
};
|
|
5872
|
+
RadioCard: {
|
|
5873
|
+
baseStyle?: ((props: any) => {
|
|
5874
|
+
_checked: {
|
|
5875
|
+
_hover: {
|
|
5876
|
+
backgroundColor: string;
|
|
5877
|
+
};
|
|
5878
|
+
backgroundColor: string;
|
|
5879
|
+
outline: string;
|
|
5880
|
+
outlineColor: string;
|
|
5881
|
+
};
|
|
5882
|
+
_disabled: {
|
|
5883
|
+
color: string;
|
|
5884
|
+
outlineWidth: string;
|
|
5885
|
+
outlineColor: string;
|
|
5886
|
+
outlineStyle: string;
|
|
5887
|
+
outlineOffset: string;
|
|
5888
|
+
backgroundColor: string;
|
|
5889
|
+
pointerEvents: string;
|
|
5890
|
+
} | {
|
|
5891
|
+
color: string;
|
|
5892
|
+
outline: string;
|
|
5893
|
+
outlineColor: string;
|
|
5894
|
+
backgroundColor: string;
|
|
5895
|
+
pointerEvents: string;
|
|
5896
|
+
};
|
|
5897
|
+
_focusVisible: {
|
|
5898
|
+
outlineWidth: string;
|
|
5899
|
+
outlineColor: string;
|
|
5900
|
+
outlineStyle: string;
|
|
5901
|
+
outlineOffset: string;
|
|
5902
|
+
};
|
|
5903
|
+
appearance: string;
|
|
5904
|
+
border: string;
|
|
5905
|
+
overflow: string;
|
|
5906
|
+
fontSize: string;
|
|
5907
|
+
display: string;
|
|
5908
|
+
borderRadius: string;
|
|
5909
|
+
}) | undefined;
|
|
5910
|
+
sizes?: {
|
|
5911
|
+
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
5912
|
+
} | undefined;
|
|
5913
|
+
variants?: {
|
|
5914
|
+
base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
5915
|
+
_hover: {
|
|
5916
|
+
outlineWidth: string;
|
|
5917
|
+
outlineColor: string;
|
|
5918
|
+
outlineStyle: string;
|
|
5919
|
+
outlineOffset: string;
|
|
5920
|
+
backgroundColor: string;
|
|
5921
|
+
} | {
|
|
5922
|
+
outline: string;
|
|
5923
|
+
outlineColor: string;
|
|
5924
|
+
backgroundColor: string;
|
|
5925
|
+
};
|
|
5926
|
+
_active: {
|
|
5927
|
+
backgroundColor: string;
|
|
5928
|
+
};
|
|
5929
|
+
outlineWidth: string;
|
|
5930
|
+
outlineColor: string;
|
|
5931
|
+
outlineStyle: string;
|
|
5932
|
+
outlineOffset: string;
|
|
5933
|
+
backgroundColor: string;
|
|
5934
|
+
} | {
|
|
5935
|
+
_hover: {
|
|
5936
|
+
outlineWidth: string;
|
|
5937
|
+
outlineColor: string;
|
|
5938
|
+
outlineStyle: string;
|
|
5939
|
+
outlineOffset: string;
|
|
5940
|
+
backgroundColor: string;
|
|
5941
|
+
} | {
|
|
5942
|
+
outline: string;
|
|
5943
|
+
outlineColor: string;
|
|
5944
|
+
backgroundColor: string;
|
|
5945
|
+
};
|
|
5946
|
+
_active: {
|
|
5947
|
+
backgroundColor: string;
|
|
5948
|
+
};
|
|
5949
|
+
outline: string;
|
|
5950
|
+
outlineColor: string;
|
|
5951
|
+
backgroundColor: string;
|
|
5952
|
+
};
|
|
5953
|
+
floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
5954
|
+
boxShadow: string;
|
|
5955
|
+
_hover: {
|
|
5956
|
+
boxShadow: string;
|
|
5957
|
+
outline: string;
|
|
5958
|
+
outlineColor: string;
|
|
5959
|
+
backgroundColor: string;
|
|
5960
|
+
};
|
|
5961
|
+
_active: {
|
|
5962
|
+
outline: string;
|
|
5963
|
+
outlineColor: string;
|
|
5964
|
+
backgroundColor: string;
|
|
5965
|
+
};
|
|
5966
|
+
_checked: {
|
|
5967
|
+
_hover: {
|
|
5968
|
+
outline: string;
|
|
5969
|
+
outlineColor: string;
|
|
5970
|
+
};
|
|
5971
|
+
};
|
|
5972
|
+
backgroundColor: string;
|
|
5973
|
+
};
|
|
5974
|
+
} | undefined;
|
|
5975
|
+
defaultProps?: {
|
|
5976
|
+
size?: string | number | undefined;
|
|
5977
|
+
variant?: "base" | "floating" | undefined;
|
|
5978
|
+
colorScheme?: string | undefined;
|
|
5979
|
+
} | undefined;
|
|
5980
|
+
};
|
|
5752
5981
|
Radio: {
|
|
5753
5982
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
5754
5983
|
container: {
|
|
@@ -6400,12 +6629,10 @@ declare const theme: {
|
|
|
6400
6629
|
th: {
|
|
6401
6630
|
fontWeight: string;
|
|
6402
6631
|
textAlign: string;
|
|
6403
|
-
verticalAlign: string;
|
|
6404
6632
|
minWidth: string;
|
|
6405
6633
|
};
|
|
6406
6634
|
td: {
|
|
6407
6635
|
textAlign: string;
|
|
6408
|
-
verticalAlign: string;
|
|
6409
6636
|
};
|
|
6410
6637
|
tfoot: {
|
|
6411
6638
|
tr: {
|
|
@@ -6952,450 +7179,12 @@ declare const theme: {
|
|
|
6952
7179
|
baseStyle?: ((props: any) => {
|
|
6953
7180
|
backgroundColor: string;
|
|
6954
7181
|
color: string;
|
|
6955
|
-
outlineWidth: string;
|
|
6956
|
-
outlineColor: string;
|
|
6957
|
-
outlineStyle: string;
|
|
6958
|
-
outlineOffset: string;
|
|
6959
|
-
appearance: string;
|
|
6960
|
-
border: string;
|
|
6961
|
-
overflow: string;
|
|
6962
|
-
fontSize: string;
|
|
6963
|
-
display: string;
|
|
6964
|
-
borderRadius: string;
|
|
6965
|
-
} | {
|
|
6966
|
-
backgroundColor: string;
|
|
6967
|
-
color: string;
|
|
6968
|
-
outline: string;
|
|
6969
|
-
outlineColor: string;
|
|
6970
|
-
appearance: string;
|
|
6971
|
-
border: string;
|
|
6972
|
-
overflow: string;
|
|
6973
|
-
fontSize: string;
|
|
6974
|
-
display: string;
|
|
6975
|
-
borderRadius: string;
|
|
6976
|
-
} | {
|
|
6977
|
-
backgroundColor: string;
|
|
6978
|
-
color: string;
|
|
6979
|
-
appearance: string;
|
|
6980
|
-
border: string;
|
|
6981
|
-
overflow: string;
|
|
6982
|
-
fontSize: string;
|
|
6983
|
-
display: string;
|
|
6984
|
-
borderRadius: string;
|
|
6985
|
-
} | {
|
|
6986
|
-
backgroundColor: string;
|
|
6987
|
-
color: string;
|
|
6988
|
-
appearance: string;
|
|
6989
|
-
border: string;
|
|
6990
|
-
overflow: string;
|
|
6991
|
-
fontSize: string;
|
|
6992
|
-
display: string;
|
|
6993
|
-
borderRadius: string;
|
|
6994
|
-
}) | undefined;
|
|
6995
|
-
sizes?: {
|
|
6996
|
-
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
6997
|
-
} | undefined;
|
|
6998
|
-
variants?: {
|
|
6999
|
-
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
7000
|
-
} | undefined;
|
|
7001
|
-
defaultProps?: {
|
|
7002
|
-
size?: string | number | undefined;
|
|
7003
|
-
variant?: string | number | undefined;
|
|
7004
|
-
colorScheme?: string | undefined;
|
|
7005
|
-
} | undefined;
|
|
7006
|
-
};
|
|
7007
|
-
PressableCard: {
|
|
7008
|
-
baseStyle?: ((props: any) => {
|
|
7009
|
-
_hover: {
|
|
7010
|
-
outline: string;
|
|
7011
|
-
outlineColor: string;
|
|
7012
|
-
backgroundColor: string;
|
|
7013
|
-
} | {
|
|
7014
|
-
_hover: {
|
|
7015
|
-
backgroundColor: string;
|
|
7016
|
-
};
|
|
7017
|
-
_active: {
|
|
7018
|
-
backgroundColor: string;
|
|
7019
|
-
};
|
|
7020
|
-
color: string;
|
|
7021
|
-
backgroundColor: string;
|
|
7022
|
-
};
|
|
7023
|
-
_disabled: {
|
|
7024
|
-
pointerEvents: string;
|
|
7025
|
-
color: string;
|
|
7026
|
-
outlineWidth: string;
|
|
7027
|
-
outlineColor: string;
|
|
7028
|
-
outlineStyle: string;
|
|
7029
|
-
outlineOffset: string;
|
|
7030
|
-
backgroundColor: string;
|
|
7031
|
-
} | {
|
|
7032
|
-
pointerEvents: string;
|
|
7033
|
-
color: string;
|
|
7034
|
-
outline: string;
|
|
7035
|
-
outlineColor: string;
|
|
7036
|
-
backgroundColor: string;
|
|
7037
|
-
};
|
|
7038
|
-
outline: string;
|
|
7039
|
-
outlineColor: string;
|
|
7040
|
-
backgroundColor: string;
|
|
7041
|
-
_focusVisible: {
|
|
7042
|
-
outlineWidth: string;
|
|
7043
|
-
outlineColor: string;
|
|
7044
|
-
outlineStyle: string;
|
|
7045
|
-
outlineOffset: string;
|
|
7046
|
-
};
|
|
7047
|
-
color: string;
|
|
7048
|
-
outlineWidth: string;
|
|
7049
|
-
outlineStyle: string;
|
|
7050
|
-
outlineOffset: string;
|
|
7051
|
-
appearance: string;
|
|
7052
|
-
border: string;
|
|
7053
|
-
overflow: string;
|
|
7054
|
-
fontSize: string;
|
|
7055
|
-
display: string;
|
|
7056
|
-
borderRadius: string;
|
|
7057
|
-
} | {
|
|
7058
|
-
_hover: {
|
|
7059
|
-
outline: string;
|
|
7060
|
-
outlineColor: string;
|
|
7061
|
-
backgroundColor: string;
|
|
7062
|
-
} | {
|
|
7063
|
-
_hover: {
|
|
7064
|
-
backgroundColor: string;
|
|
7065
|
-
};
|
|
7066
|
-
_active: {
|
|
7067
|
-
backgroundColor: string;
|
|
7068
|
-
};
|
|
7069
|
-
color: string;
|
|
7070
|
-
backgroundColor: string;
|
|
7071
|
-
};
|
|
7072
|
-
_disabled: {
|
|
7073
|
-
pointerEvents: string;
|
|
7074
|
-
color: string;
|
|
7075
|
-
outlineWidth: string;
|
|
7076
|
-
outlineColor: string;
|
|
7077
|
-
outlineStyle: string;
|
|
7078
|
-
outlineOffset: string;
|
|
7079
|
-
backgroundColor: string;
|
|
7080
|
-
} | {
|
|
7081
|
-
pointerEvents: string;
|
|
7082
|
-
color: string;
|
|
7083
|
-
outline: string;
|
|
7084
|
-
outlineColor: string;
|
|
7085
|
-
backgroundColor: string;
|
|
7086
|
-
};
|
|
7087
|
-
_active: {
|
|
7088
|
-
backgroundColor: string;
|
|
7089
|
-
};
|
|
7090
|
-
color: string;
|
|
7091
|
-
backgroundColor: string;
|
|
7092
|
-
_focusVisible: {
|
|
7093
|
-
outlineWidth: string;
|
|
7094
|
-
outlineColor: string;
|
|
7095
|
-
outlineStyle: string;
|
|
7096
|
-
outlineOffset: string;
|
|
7097
|
-
};
|
|
7098
|
-
outline: string;
|
|
7099
|
-
outlineColor: string;
|
|
7100
|
-
outlineWidth: string;
|
|
7101
|
-
outlineStyle: string;
|
|
7102
|
-
outlineOffset: string;
|
|
7103
|
-
appearance: string;
|
|
7104
|
-
border: string;
|
|
7105
|
-
overflow: string;
|
|
7106
|
-
fontSize: string;
|
|
7107
|
-
display: string;
|
|
7108
|
-
borderRadius: string;
|
|
7109
|
-
} | {
|
|
7110
|
-
_hover: {
|
|
7111
|
-
outline: string;
|
|
7112
|
-
outlineColor: string;
|
|
7113
|
-
backgroundColor: string;
|
|
7114
|
-
} | {
|
|
7115
|
-
_hover: {
|
|
7116
|
-
backgroundColor: string;
|
|
7117
|
-
};
|
|
7118
|
-
_active: {
|
|
7119
|
-
backgroundColor: string;
|
|
7120
|
-
};
|
|
7121
|
-
color: string;
|
|
7122
|
-
backgroundColor: string;
|
|
7123
|
-
};
|
|
7124
|
-
_disabled: {
|
|
7125
|
-
pointerEvents: string;
|
|
7126
|
-
color: string;
|
|
7127
|
-
outlineWidth: string;
|
|
7128
|
-
outlineColor: string;
|
|
7129
|
-
outlineStyle: string;
|
|
7130
|
-
outlineOffset: string;
|
|
7131
|
-
backgroundColor: string;
|
|
7132
|
-
} | {
|
|
7133
|
-
pointerEvents: string;
|
|
7134
|
-
color: string;
|
|
7135
|
-
outline: string;
|
|
7136
|
-
outlineColor: string;
|
|
7137
|
-
backgroundColor: string;
|
|
7138
|
-
};
|
|
7139
|
-
outline: string;
|
|
7140
|
-
outlineColor: string;
|
|
7141
|
-
backgroundColor: string;
|
|
7142
|
-
_focusVisible: {
|
|
7143
|
-
outlineWidth: string;
|
|
7144
|
-
outlineColor: string;
|
|
7145
|
-
outlineStyle: string;
|
|
7146
|
-
outlineOffset: string;
|
|
7147
|
-
};
|
|
7148
|
-
_active: {
|
|
7149
|
-
backgroundColor: string;
|
|
7150
|
-
};
|
|
7151
|
-
color: string;
|
|
7152
|
-
outlineWidth: string;
|
|
7153
|
-
outlineStyle: string;
|
|
7154
|
-
outlineOffset: string;
|
|
7155
|
-
appearance: string;
|
|
7156
|
-
border: string;
|
|
7157
|
-
overflow: string;
|
|
7158
|
-
fontSize: string;
|
|
7159
|
-
display: string;
|
|
7160
|
-
borderRadius: string;
|
|
7161
|
-
} | {
|
|
7162
|
-
_hover: {
|
|
7163
|
-
outline: string;
|
|
7164
|
-
outlineColor: string;
|
|
7165
|
-
backgroundColor: string;
|
|
7166
|
-
} | {
|
|
7167
|
-
_hover: {
|
|
7168
|
-
backgroundColor: string;
|
|
7169
|
-
};
|
|
7170
|
-
_active: {
|
|
7171
|
-
backgroundColor: string;
|
|
7172
|
-
};
|
|
7173
|
-
color: string;
|
|
7174
|
-
backgroundColor: string;
|
|
7175
|
-
};
|
|
7176
|
-
_disabled: {
|
|
7177
|
-
pointerEvents: string;
|
|
7178
|
-
color: string;
|
|
7179
|
-
outlineWidth: string;
|
|
7180
|
-
outlineColor: string;
|
|
7181
|
-
outlineStyle: string;
|
|
7182
|
-
outlineOffset: string;
|
|
7183
|
-
backgroundColor: string;
|
|
7184
|
-
} | {
|
|
7185
|
-
pointerEvents: string;
|
|
7186
|
-
color: string;
|
|
7187
|
-
outline: string;
|
|
7188
|
-
outlineColor: string;
|
|
7189
|
-
backgroundColor: string;
|
|
7190
|
-
};
|
|
7191
|
-
_active: {
|
|
7192
|
-
backgroundColor: string;
|
|
7193
|
-
};
|
|
7194
|
-
color: string;
|
|
7195
|
-
backgroundColor: string;
|
|
7196
|
-
_focusVisible: {
|
|
7197
|
-
outlineWidth: string;
|
|
7198
|
-
outlineColor: string;
|
|
7199
|
-
outlineStyle: string;
|
|
7200
|
-
outlineOffset: string;
|
|
7201
|
-
};
|
|
7202
|
-
outlineWidth: string;
|
|
7203
|
-
outlineColor: string;
|
|
7204
|
-
outlineStyle: string;
|
|
7205
|
-
outlineOffset: string;
|
|
7206
|
-
appearance: string;
|
|
7207
|
-
border: string;
|
|
7208
|
-
overflow: string;
|
|
7209
|
-
fontSize: string;
|
|
7210
|
-
display: string;
|
|
7211
|
-
borderRadius: string;
|
|
7212
|
-
} | {
|
|
7213
|
-
_hover: {
|
|
7214
|
-
outline: string;
|
|
7215
|
-
outlineColor: string;
|
|
7216
|
-
backgroundColor: string;
|
|
7217
|
-
} | {
|
|
7218
|
-
_hover: {
|
|
7219
|
-
backgroundColor: string;
|
|
7220
|
-
};
|
|
7221
|
-
_active: {
|
|
7222
|
-
backgroundColor: string;
|
|
7223
|
-
};
|
|
7224
|
-
color: string;
|
|
7225
|
-
backgroundColor: string;
|
|
7226
|
-
};
|
|
7227
|
-
_disabled: {
|
|
7228
|
-
pointerEvents: string;
|
|
7229
|
-
color: string;
|
|
7230
|
-
outlineWidth: string;
|
|
7231
|
-
outlineColor: string;
|
|
7232
|
-
outlineStyle: string;
|
|
7233
|
-
outlineOffset: string;
|
|
7234
|
-
backgroundColor: string;
|
|
7235
|
-
} | {
|
|
7236
|
-
pointerEvents: string;
|
|
7237
|
-
color: string;
|
|
7238
|
-
outline: string;
|
|
7239
|
-
outlineColor: string;
|
|
7240
|
-
backgroundColor: string;
|
|
7241
|
-
};
|
|
7242
|
-
outline: string;
|
|
7243
|
-
outlineColor: string;
|
|
7244
|
-
backgroundColor: string;
|
|
7245
|
-
_focusVisible: {
|
|
7246
|
-
outlineWidth: string;
|
|
7247
|
-
outlineColor: string;
|
|
7248
|
-
outlineStyle: string;
|
|
7249
|
-
outlineOffset: string;
|
|
7250
|
-
};
|
|
7251
|
-
color: string;
|
|
7252
|
-
appearance: string;
|
|
7253
|
-
border: string;
|
|
7254
|
-
overflow: string;
|
|
7255
|
-
fontSize: string;
|
|
7256
|
-
display: string;
|
|
7257
|
-
borderRadius: string;
|
|
7258
|
-
} | {
|
|
7259
|
-
_hover: {
|
|
7260
|
-
outline: string;
|
|
7261
|
-
outlineColor: string;
|
|
7262
|
-
backgroundColor: string;
|
|
7263
|
-
} | {
|
|
7264
|
-
_hover: {
|
|
7265
|
-
backgroundColor: string;
|
|
7266
|
-
};
|
|
7267
|
-
_active: {
|
|
7268
|
-
backgroundColor: string;
|
|
7269
|
-
};
|
|
7270
|
-
color: string;
|
|
7271
|
-
backgroundColor: string;
|
|
7272
|
-
};
|
|
7273
|
-
_disabled: {
|
|
7274
|
-
pointerEvents: string;
|
|
7275
|
-
color: string;
|
|
7276
|
-
outlineWidth: string;
|
|
7277
|
-
outlineColor: string;
|
|
7278
|
-
outlineStyle: string;
|
|
7279
|
-
outlineOffset: string;
|
|
7280
|
-
backgroundColor: string;
|
|
7281
|
-
} | {
|
|
7282
|
-
pointerEvents: string;
|
|
7283
|
-
color: string;
|
|
7284
|
-
outline: string;
|
|
7285
|
-
outlineColor: string;
|
|
7286
|
-
backgroundColor: string;
|
|
7287
|
-
};
|
|
7288
|
-
_active: {
|
|
7289
|
-
backgroundColor: string;
|
|
7290
|
-
};
|
|
7291
|
-
color: string;
|
|
7292
|
-
backgroundColor: string;
|
|
7293
|
-
_focusVisible: {
|
|
7294
|
-
outlineWidth: string;
|
|
7295
|
-
outlineColor: string;
|
|
7296
|
-
outlineStyle: string;
|
|
7297
|
-
outlineOffset: string;
|
|
7298
|
-
};
|
|
7299
|
-
outline: string;
|
|
7300
|
-
outlineColor: string;
|
|
7301
|
-
appearance: string;
|
|
7302
|
-
border: string;
|
|
7303
|
-
overflow: string;
|
|
7304
|
-
fontSize: string;
|
|
7305
|
-
display: string;
|
|
7306
|
-
borderRadius: string;
|
|
7307
|
-
} | {
|
|
7308
|
-
_hover: {
|
|
7309
|
-
outline: string;
|
|
7310
|
-
outlineColor: string;
|
|
7311
|
-
backgroundColor: string;
|
|
7312
|
-
} | {
|
|
7313
|
-
_hover: {
|
|
7314
|
-
backgroundColor: string;
|
|
7315
|
-
};
|
|
7316
|
-
_active: {
|
|
7317
|
-
backgroundColor: string;
|
|
7318
|
-
};
|
|
7319
|
-
color: string;
|
|
7320
|
-
backgroundColor: string;
|
|
7321
|
-
};
|
|
7322
|
-
_disabled: {
|
|
7323
|
-
pointerEvents: string;
|
|
7324
|
-
color: string;
|
|
7325
|
-
outlineWidth: string;
|
|
7326
|
-
outlineColor: string;
|
|
7327
|
-
outlineStyle: string;
|
|
7328
|
-
outlineOffset: string;
|
|
7329
|
-
backgroundColor: string;
|
|
7330
|
-
} | {
|
|
7331
|
-
pointerEvents: string;
|
|
7332
|
-
color: string;
|
|
7333
|
-
outline: string;
|
|
7334
|
-
outlineColor: string;
|
|
7335
|
-
backgroundColor: string;
|
|
7336
|
-
};
|
|
7337
|
-
outline: string;
|
|
7338
|
-
outlineColor: string;
|
|
7339
|
-
backgroundColor: string;
|
|
7340
|
-
_focusVisible: {
|
|
7341
|
-
outlineWidth: string;
|
|
7342
|
-
outlineColor: string;
|
|
7343
|
-
outlineStyle: string;
|
|
7344
|
-
outlineOffset: string;
|
|
7345
|
-
};
|
|
7346
|
-
_active: {
|
|
7347
|
-
backgroundColor: string;
|
|
7348
|
-
};
|
|
7349
|
-
color: string;
|
|
7350
|
-
appearance: string;
|
|
7351
|
-
border: string;
|
|
7352
|
-
overflow: string;
|
|
7353
|
-
fontSize: string;
|
|
7354
|
-
display: string;
|
|
7355
|
-
borderRadius: string;
|
|
7356
|
-
} | {
|
|
7357
|
-
_hover: {
|
|
7358
|
-
outline: string;
|
|
7359
|
-
outlineColor: string;
|
|
7360
|
-
backgroundColor: string;
|
|
7361
|
-
} | {
|
|
7362
|
-
_hover: {
|
|
7363
|
-
backgroundColor: string;
|
|
7364
|
-
};
|
|
7365
|
-
_active: {
|
|
7366
|
-
backgroundColor: string;
|
|
7367
|
-
};
|
|
7368
|
-
color: string;
|
|
7369
|
-
backgroundColor: string;
|
|
7370
|
-
};
|
|
7371
|
-
_disabled: {
|
|
7372
|
-
pointerEvents: string;
|
|
7373
|
-
color: string;
|
|
7374
|
-
outlineWidth: string;
|
|
7375
|
-
outlineColor: string;
|
|
7376
|
-
outlineStyle: string;
|
|
7377
|
-
outlineOffset: string;
|
|
7378
|
-
backgroundColor: string;
|
|
7379
|
-
} | {
|
|
7380
|
-
pointerEvents: string;
|
|
7381
|
-
color: string;
|
|
7382
|
-
outline: string;
|
|
7383
|
-
outlineColor: string;
|
|
7384
|
-
backgroundColor: string;
|
|
7385
|
-
};
|
|
7386
|
-
_active: {
|
|
7387
|
-
backgroundColor: string;
|
|
7388
|
-
};
|
|
7389
|
-
color: string;
|
|
7390
|
-
backgroundColor: string;
|
|
7391
7182
|
_focusVisible: {
|
|
7392
7183
|
outlineWidth: string;
|
|
7393
7184
|
outlineColor: string;
|
|
7394
7185
|
outlineStyle: string;
|
|
7395
7186
|
outlineOffset: string;
|
|
7396
7187
|
};
|
|
7397
|
-
outline: string;
|
|
7398
|
-
outlineColor: string;
|
|
7399
7188
|
appearance: string;
|
|
7400
7189
|
border: string;
|
|
7401
7190
|
overflow: string;
|
|
@@ -7403,251 +7192,134 @@ declare const theme: {
|
|
|
7403
7192
|
display: string;
|
|
7404
7193
|
borderRadius: string;
|
|
7405
7194
|
} | {
|
|
7406
|
-
_hover: {
|
|
7407
|
-
outline: string;
|
|
7408
|
-
outlineColor: string;
|
|
7409
|
-
backgroundColor: string;
|
|
7410
|
-
} | {
|
|
7411
|
-
_hover: {
|
|
7412
|
-
backgroundColor: string;
|
|
7413
|
-
};
|
|
7414
|
-
_active: {
|
|
7415
|
-
backgroundColor: string;
|
|
7416
|
-
};
|
|
7417
|
-
color: string;
|
|
7418
|
-
backgroundColor: string;
|
|
7419
|
-
};
|
|
7420
|
-
_disabled: {
|
|
7421
|
-
pointerEvents: string;
|
|
7422
|
-
color: string;
|
|
7423
|
-
outlineWidth: string;
|
|
7424
|
-
outlineColor: string;
|
|
7425
|
-
outlineStyle: string;
|
|
7426
|
-
outlineOffset: string;
|
|
7427
|
-
backgroundColor: string;
|
|
7428
|
-
} | {
|
|
7429
|
-
pointerEvents: string;
|
|
7430
|
-
color: string;
|
|
7431
|
-
outline: string;
|
|
7432
|
-
outlineColor: string;
|
|
7433
|
-
backgroundColor: string;
|
|
7434
|
-
};
|
|
7435
|
-
outline: string;
|
|
7436
|
-
outlineColor: string;
|
|
7437
7195
|
backgroundColor: string;
|
|
7196
|
+
color: string;
|
|
7438
7197
|
_focusVisible: {
|
|
7439
7198
|
outlineWidth: string;
|
|
7440
7199
|
outlineColor: string;
|
|
7441
7200
|
outlineStyle: string;
|
|
7442
7201
|
outlineOffset: string;
|
|
7443
7202
|
};
|
|
7444
|
-
_active: {
|
|
7445
|
-
backgroundColor: string;
|
|
7446
|
-
};
|
|
7447
|
-
color: string;
|
|
7448
7203
|
appearance: string;
|
|
7449
7204
|
border: string;
|
|
7450
7205
|
overflow: string;
|
|
7451
7206
|
fontSize: string;
|
|
7452
7207
|
display: string;
|
|
7453
7208
|
borderRadius: string;
|
|
7454
|
-
} |
|
|
7455
|
-
|
|
7456
|
-
|
|
7457
|
-
|
|
7458
|
-
|
|
7459
|
-
|
|
7460
|
-
|
|
7461
|
-
|
|
7462
|
-
|
|
7463
|
-
|
|
7464
|
-
|
|
7465
|
-
|
|
7466
|
-
|
|
7467
|
-
|
|
7468
|
-
|
|
7209
|
+
}) | undefined;
|
|
7210
|
+
sizes?: {
|
|
7211
|
+
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
7212
|
+
} | undefined;
|
|
7213
|
+
variants?: {
|
|
7214
|
+
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
7215
|
+
} | undefined;
|
|
7216
|
+
defaultProps?: {
|
|
7217
|
+
size?: string | number | undefined;
|
|
7218
|
+
variant?: string | number | undefined;
|
|
7219
|
+
colorScheme?: string | undefined;
|
|
7220
|
+
} | undefined;
|
|
7221
|
+
};
|
|
7222
|
+
PressableCard: {
|
|
7223
|
+
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
7469
7224
|
_disabled: {
|
|
7225
|
+
outline: string;
|
|
7470
7226
|
pointerEvents: string;
|
|
7471
7227
|
color: string;
|
|
7472
|
-
outlineWidth: string;
|
|
7473
|
-
outlineColor: string;
|
|
7474
|
-
outlineStyle: string;
|
|
7475
|
-
outlineOffset: string;
|
|
7476
|
-
backgroundColor: string;
|
|
7477
|
-
} | {
|
|
7478
|
-
pointerEvents: string;
|
|
7479
|
-
color: string;
|
|
7480
|
-
outline: string;
|
|
7481
|
-
outlineColor: string;
|
|
7482
7228
|
backgroundColor: string;
|
|
7483
7229
|
};
|
|
7484
|
-
_active: {
|
|
7485
|
-
backgroundColor: string;
|
|
7486
|
-
};
|
|
7487
|
-
color: string;
|
|
7488
|
-
backgroundColor: string;
|
|
7489
7230
|
_focusVisible: {
|
|
7490
7231
|
outlineWidth: string;
|
|
7491
7232
|
outlineColor: string;
|
|
7492
7233
|
outlineStyle: string;
|
|
7493
7234
|
outlineOffset: string;
|
|
7494
7235
|
};
|
|
7495
|
-
outline: string;
|
|
7496
|
-
outlineColor: string;
|
|
7497
7236
|
appearance: string;
|
|
7498
7237
|
border: string;
|
|
7499
7238
|
overflow: string;
|
|
7500
7239
|
fontSize: string;
|
|
7501
7240
|
display: string;
|
|
7502
7241
|
borderRadius: string;
|
|
7503
|
-
} |
|
|
7504
|
-
|
|
7505
|
-
|
|
7506
|
-
|
|
7507
|
-
|
|
7508
|
-
|
|
7242
|
+
}) | undefined;
|
|
7243
|
+
sizes?: {
|
|
7244
|
+
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
7245
|
+
} | undefined;
|
|
7246
|
+
variants?: {
|
|
7247
|
+
base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
7509
7248
|
_hover: {
|
|
7510
|
-
|
|
7249
|
+
outlineWidth: string;
|
|
7250
|
+
outlineColor: string;
|
|
7251
|
+
outlineStyle: string;
|
|
7252
|
+
outlineOffset: string;
|
|
7253
|
+
} | {
|
|
7254
|
+
outline: string;
|
|
7255
|
+
outlineColor: string;
|
|
7511
7256
|
};
|
|
7512
7257
|
_active: {
|
|
7258
|
+
outlineWidth: string;
|
|
7259
|
+
outlineColor: string;
|
|
7260
|
+
outlineStyle: string;
|
|
7261
|
+
outlineOffset: string;
|
|
7262
|
+
backgroundColor: string;
|
|
7263
|
+
} | {
|
|
7264
|
+
outline: string;
|
|
7265
|
+
outlineColor: string;
|
|
7513
7266
|
backgroundColor: string;
|
|
7514
7267
|
};
|
|
7515
|
-
color: string;
|
|
7516
|
-
backgroundColor: string;
|
|
7517
|
-
};
|
|
7518
|
-
_disabled: {
|
|
7519
|
-
pointerEvents: string;
|
|
7520
|
-
color: string;
|
|
7521
|
-
outlineWidth: string;
|
|
7522
|
-
outlineColor: string;
|
|
7523
|
-
outlineStyle: string;
|
|
7524
|
-
outlineOffset: string;
|
|
7525
|
-
backgroundColor: string;
|
|
7526
|
-
} | {
|
|
7527
|
-
pointerEvents: string;
|
|
7528
|
-
color: string;
|
|
7529
|
-
outline: string;
|
|
7530
|
-
outlineColor: string;
|
|
7531
|
-
backgroundColor: string;
|
|
7532
|
-
};
|
|
7533
|
-
outline: string;
|
|
7534
|
-
outlineColor: string;
|
|
7535
|
-
backgroundColor: string;
|
|
7536
|
-
_focusVisible: {
|
|
7537
7268
|
outlineWidth: string;
|
|
7538
7269
|
outlineColor: string;
|
|
7539
7270
|
outlineStyle: string;
|
|
7540
7271
|
outlineOffset: string;
|
|
7541
|
-
};
|
|
7542
|
-
_active: {
|
|
7543
|
-
backgroundColor: string;
|
|
7544
|
-
};
|
|
7545
|
-
color: string;
|
|
7546
|
-
appearance: string;
|
|
7547
|
-
border: string;
|
|
7548
|
-
overflow: string;
|
|
7549
|
-
fontSize: string;
|
|
7550
|
-
display: string;
|
|
7551
|
-
borderRadius: string;
|
|
7552
|
-
} | {
|
|
7553
|
-
_hover: {
|
|
7554
|
-
outline: string;
|
|
7555
|
-
outlineColor: string;
|
|
7556
|
-
backgroundColor: string;
|
|
7557
7272
|
} | {
|
|
7558
7273
|
_hover: {
|
|
7559
|
-
|
|
7274
|
+
outlineWidth: string;
|
|
7275
|
+
outlineColor: string;
|
|
7276
|
+
outlineStyle: string;
|
|
7277
|
+
outlineOffset: string;
|
|
7278
|
+
} | {
|
|
7279
|
+
outline: string;
|
|
7280
|
+
outlineColor: string;
|
|
7560
7281
|
};
|
|
7561
7282
|
_active: {
|
|
7283
|
+
outlineWidth: string;
|
|
7284
|
+
outlineColor: string;
|
|
7285
|
+
outlineStyle: string;
|
|
7286
|
+
outlineOffset: string;
|
|
7287
|
+
backgroundColor: string;
|
|
7288
|
+
} | {
|
|
7289
|
+
outline: string;
|
|
7290
|
+
outlineColor: string;
|
|
7562
7291
|
backgroundColor: string;
|
|
7563
7292
|
};
|
|
7564
|
-
color: string;
|
|
7565
|
-
backgroundColor: string;
|
|
7566
|
-
};
|
|
7567
|
-
_disabled: {
|
|
7568
|
-
pointerEvents: string;
|
|
7569
|
-
color: string;
|
|
7570
|
-
outlineWidth: string;
|
|
7571
|
-
outlineColor: string;
|
|
7572
|
-
outlineStyle: string;
|
|
7573
|
-
outlineOffset: string;
|
|
7574
|
-
backgroundColor: string;
|
|
7575
|
-
} | {
|
|
7576
|
-
pointerEvents: string;
|
|
7577
|
-
color: string;
|
|
7578
7293
|
outline: string;
|
|
7579
7294
|
outlineColor: string;
|
|
7580
|
-
backgroundColor: string;
|
|
7581
|
-
};
|
|
7582
|
-
_active: {
|
|
7583
|
-
backgroundColor: string;
|
|
7584
|
-
};
|
|
7585
|
-
color: string;
|
|
7586
|
-
backgroundColor: string;
|
|
7587
|
-
_focusVisible: {
|
|
7588
|
-
outlineWidth: string;
|
|
7589
|
-
outlineColor: string;
|
|
7590
|
-
outlineStyle: string;
|
|
7591
|
-
outlineOffset: string;
|
|
7592
|
-
};
|
|
7593
|
-
appearance: string;
|
|
7594
|
-
border: string;
|
|
7595
|
-
overflow: string;
|
|
7596
|
-
fontSize: string;
|
|
7597
|
-
display: string;
|
|
7598
|
-
borderRadius: string;
|
|
7599
|
-
}) | undefined;
|
|
7600
|
-
sizes?: {
|
|
7601
|
-
sm: {
|
|
7602
|
-
boxShadow: string;
|
|
7603
|
-
_hover: {
|
|
7604
|
-
boxShadow: string;
|
|
7605
|
-
};
|
|
7606
|
-
_active: {
|
|
7607
|
-
boxShadow: string;
|
|
7608
|
-
};
|
|
7609
7295
|
};
|
|
7610
|
-
|
|
7296
|
+
accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
7611
7297
|
boxShadow: string;
|
|
7612
7298
|
_hover: {
|
|
7613
7299
|
boxShadow: string;
|
|
7614
|
-
};
|
|
7615
|
-
_active: {
|
|
7616
|
-
boxShadow: string;
|
|
7617
|
-
};
|
|
7618
|
-
};
|
|
7619
|
-
} | undefined;
|
|
7620
|
-
variants?: {
|
|
7621
|
-
base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
7622
|
-
_hover: {
|
|
7623
|
-
backgroundColor: string;
|
|
7624
|
-
};
|
|
7625
|
-
_active: {
|
|
7626
|
-
backgroundColor: string;
|
|
7627
|
-
};
|
|
7628
|
-
backgroundColor: string;
|
|
7629
|
-
};
|
|
7630
|
-
accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
7631
|
-
_hover: {
|
|
7632
7300
|
backgroundColor: string;
|
|
7633
7301
|
};
|
|
7634
7302
|
_active: {
|
|
7303
|
+
boxShadow: string;
|
|
7635
7304
|
backgroundColor: string;
|
|
7636
7305
|
};
|
|
7637
7306
|
backgroundColor: string;
|
|
7638
7307
|
};
|
|
7639
7308
|
floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
7309
|
+
boxShadow: string;
|
|
7640
7310
|
_hover: {
|
|
7311
|
+
boxShadow: string;
|
|
7641
7312
|
backgroundColor: string;
|
|
7642
7313
|
};
|
|
7643
7314
|
_active: {
|
|
7315
|
+
boxShadow: string;
|
|
7644
7316
|
backgroundColor: string;
|
|
7645
7317
|
};
|
|
7646
7318
|
backgroundColor: string;
|
|
7647
7319
|
};
|
|
7648
7320
|
} | undefined;
|
|
7649
7321
|
defaultProps?: {
|
|
7650
|
-
size?:
|
|
7322
|
+
size?: string | number | undefined;
|
|
7651
7323
|
variant?: "base" | "floating" | "accent" | undefined;
|
|
7652
7324
|
colorScheme?: string | undefined;
|
|
7653
7325
|
} | undefined;
|
|
@@ -7937,7 +7609,7 @@ declare const theme: {
|
|
|
7937
7609
|
sizes?: {
|
|
7938
7610
|
"2xs": {
|
|
7939
7611
|
container: {
|
|
7940
|
-
[x: string]: string |
|
|
7612
|
+
[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
7613
|
sm: string;
|
|
7942
7614
|
md: string;
|
|
7943
7615
|
lg: string;
|
|
@@ -7945,7 +7617,7 @@ declare const theme: {
|
|
|
7945
7617
|
} | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
7946
7618
|
};
|
|
7947
7619
|
excessLabel: {
|
|
7948
|
-
[x: string]: string |
|
|
7620
|
+
[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
7621
|
sm: string;
|
|
7950
7622
|
md: string;
|
|
7951
7623
|
lg: string;
|
|
@@ -7955,7 +7627,7 @@ declare const theme: {
|
|
|
7955
7627
|
};
|
|
7956
7628
|
xs: {
|
|
7957
7629
|
container: {
|
|
7958
|
-
[x: string]: string |
|
|
7630
|
+
[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
7631
|
sm: string;
|
|
7960
7632
|
md: string;
|
|
7961
7633
|
lg: string;
|
|
@@ -7963,7 +7635,7 @@ declare const theme: {
|
|
|
7963
7635
|
};
|
|
7964
7636
|
};
|
|
7965
7637
|
excessLabel: {
|
|
7966
|
-
[x: string]: string |
|
|
7638
|
+
[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
7639
|
sm: string;
|
|
7968
7640
|
md: string;
|
|
7969
7641
|
lg: string;
|
|
@@ -7973,7 +7645,7 @@ declare const theme: {
|
|
|
7973
7645
|
};
|
|
7974
7646
|
sm: {
|
|
7975
7647
|
container: {
|
|
7976
|
-
[x: string]: string |
|
|
7648
|
+
[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
7649
|
sm: string;
|
|
7978
7650
|
md: string;
|
|
7979
7651
|
lg: string;
|
|
@@ -7981,7 +7653,7 @@ declare const theme: {
|
|
|
7981
7653
|
};
|
|
7982
7654
|
};
|
|
7983
7655
|
excessLabel: {
|
|
7984
|
-
[x: string]: string |
|
|
7656
|
+
[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
7657
|
sm: string;
|
|
7986
7658
|
md: string;
|
|
7987
7659
|
lg: string;
|
|
@@ -7991,7 +7663,7 @@ declare const theme: {
|
|
|
7991
7663
|
};
|
|
7992
7664
|
md: {
|
|
7993
7665
|
container: {
|
|
7994
|
-
[x: string]: string |
|
|
7666
|
+
[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
7667
|
sm: string;
|
|
7996
7668
|
md: string;
|
|
7997
7669
|
lg: string;
|
|
@@ -7999,7 +7671,7 @@ declare const theme: {
|
|
|
7999
7671
|
};
|
|
8000
7672
|
};
|
|
8001
7673
|
excessLabel: {
|
|
8002
|
-
[x: string]: string |
|
|
7674
|
+
[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
7675
|
sm: string;
|
|
8004
7676
|
md: string;
|
|
8005
7677
|
lg: string;
|
|
@@ -8009,7 +7681,7 @@ declare const theme: {
|
|
|
8009
7681
|
};
|
|
8010
7682
|
lg: {
|
|
8011
7683
|
container: {
|
|
8012
|
-
[x: string]: string |
|
|
7684
|
+
[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
7685
|
sm: string;
|
|
8014
7686
|
md: string;
|
|
8015
7687
|
lg: string;
|
|
@@ -8017,7 +7689,7 @@ declare const theme: {
|
|
|
8017
7689
|
};
|
|
8018
7690
|
};
|
|
8019
7691
|
excessLabel: {
|
|
8020
|
-
[x: string]: string |
|
|
7692
|
+
[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
7693
|
sm: string;
|
|
8022
7694
|
md: string;
|
|
8023
7695
|
lg: string;
|
|
@@ -8027,7 +7699,7 @@ declare const theme: {
|
|
|
8027
7699
|
};
|
|
8028
7700
|
xl: {
|
|
8029
7701
|
container: {
|
|
8030
|
-
[x: string]: string |
|
|
7702
|
+
[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
7703
|
sm: string;
|
|
8032
7704
|
md: string;
|
|
8033
7705
|
lg: string;
|
|
@@ -8035,7 +7707,7 @@ declare const theme: {
|
|
|
8035
7707
|
};
|
|
8036
7708
|
};
|
|
8037
7709
|
excessLabel: {
|
|
8038
|
-
[x: string]: string |
|
|
7710
|
+
[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
7711
|
sm: string;
|
|
8040
7712
|
md: string;
|
|
8041
7713
|
lg: string;
|
|
@@ -8045,7 +7717,7 @@ declare const theme: {
|
|
|
8045
7717
|
};
|
|
8046
7718
|
"2xl": {
|
|
8047
7719
|
container: {
|
|
8048
|
-
[x: string]: string |
|
|
7720
|
+
[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
7721
|
sm: string;
|
|
8050
7722
|
md: string;
|
|
8051
7723
|
lg: string;
|
|
@@ -8053,7 +7725,7 @@ declare const theme: {
|
|
|
8053
7725
|
};
|
|
8054
7726
|
};
|
|
8055
7727
|
excessLabel: {
|
|
8056
|
-
[x: string]: string |
|
|
7728
|
+
[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
7729
|
sm: string;
|
|
8058
7730
|
md: string;
|
|
8059
7731
|
lg: string;
|
|
@@ -8063,7 +7735,7 @@ declare const theme: {
|
|
|
8063
7735
|
};
|
|
8064
7736
|
full: {
|
|
8065
7737
|
container: {
|
|
8066
|
-
[x: string]: string |
|
|
7738
|
+
[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
7739
|
sm: string;
|
|
8068
7740
|
md: string;
|
|
8069
7741
|
lg: string;
|
|
@@ -8071,7 +7743,7 @@ declare const theme: {
|
|
|
8071
7743
|
};
|
|
8072
7744
|
};
|
|
8073
7745
|
excessLabel: {
|
|
8074
|
-
[x: string]: string |
|
|
7746
|
+
[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
7747
|
sm: string;
|
|
8076
7748
|
md: string;
|
|
8077
7749
|
lg: string;
|
|
@@ -9254,8 +8926,8 @@ declare const theme: {
|
|
|
9254
8926
|
"7xl": string;
|
|
9255
8927
|
"8xl": string;
|
|
9256
8928
|
0: string;
|
|
9257
|
-
2: string;
|
|
9258
8929
|
1: string;
|
|
8930
|
+
2: string;
|
|
9259
8931
|
3: string;
|
|
9260
8932
|
6: string;
|
|
9261
8933
|
4: string;
|
|
@@ -9737,4 +9409,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
|
|
|
9737
9409
|
**/
|
|
9738
9410
|
declare function slugify(text: string | string[], maxLength?: number): string;
|
|
9739
9411
|
|
|
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 };
|
|
9412
|
+
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, StaticCardProps, 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 };
|