@vygruppen/spor-react 3.2.0 → 3.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +9 -9
- package/CHANGELOG.md +14 -0
- package/dist/{CountryCodeSelect-YGXVIC6H.mjs → CountryCodeSelect-A2JYYB5S.mjs} +1 -1
- package/dist/{chunk-QOZMDFH3.mjs → chunk-5JEY3QEF.mjs} +507 -512
- package/dist/index.d.ts +98 -88
- package/dist/index.js +827 -826
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/accordion/Accordion.tsx +22 -16
- package/src/accordion/Expandable.tsx +1 -1
- package/src/datepicker/Calendar.tsx +16 -1
- package/src/datepicker/CalendarCell.tsx +10 -3
- package/src/datepicker/CalendarTriggerButton.tsx +29 -23
- package/src/datepicker/DatePicker.tsx +37 -41
- package/src/datepicker/DateRangePicker.tsx +26 -25
- package/src/datepicker/DateTimeSegment.tsx +1 -3
- package/src/datepicker/utils.ts +4 -4
- package/src/theme/components/accordion.ts +18 -13
- package/src/theme/components/datepicker.ts +10 -3
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AccordionProps as AccordionProps$1, AccordionItemProps,
|
|
1
|
+
import { BoxProps, As, StackProps as StackProps$1, AccordionProps as AccordionProps$1, AccordionItemProps, ButtonProps as ButtonProps$1, ButtonGroupProps as ButtonGroupProps$1, IconButtonProps as IconButtonProps$1, 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';
|
|
2
2
|
export { AccordionButton, AccordionButtonProps, AccordionIcon, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, Box, BoxProps, Center, CenterProps, Collapse, CollapseProps, 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, Modal, ModalBody, ModalBodyProps, ModalCloseButton, ModalContent, ModalContentProps, ModalFooter, ModalFooterProps, ModalOverlay, ModalOverlayProps, ModalProps, Popover, PopoverAnchor, PopoverArrow, PopoverArrowProps, PopoverBody, PopoverBodyProps, PopoverCloseButton, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTrigger, 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, UseClipboardOptions, UseDisclosureProps, UseOutsideClickProps, VStack, Wrap, WrapItem, WrapItemProps, WrapProps, extendTheme, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToken } from '@chakra-ui/react';
|
|
3
3
|
import tokens__default from '@vygruppen/spor-design-tokens';
|
|
4
4
|
import * as tokens from '@vygruppen/spor-design-tokens';
|
|
@@ -15,6 +15,49 @@ export { Item, Section } from 'react-stately';
|
|
|
15
15
|
import * as _chakra_ui_theme_tools_dist_component from '@chakra-ui/theme-tools/dist/component';
|
|
16
16
|
import * as _chakra_ui_styled_system from '@chakra-ui/styled-system';
|
|
17
17
|
|
|
18
|
+
type DividerProps = BoxProps;
|
|
19
|
+
/** A dividing line, used to divide content.
|
|
20
|
+
*
|
|
21
|
+
* You can specify margins if you need to give the content some space, or use a `Stack` component to do it for you
|
|
22
|
+
*
|
|
23
|
+
* ```tsx
|
|
24
|
+
* <Divider mt={4} mb={6} />
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
27
|
+
declare const Divider: _chakra_ui_system_dist_system_types.ComponentWithAs<As, BoxProps>;
|
|
28
|
+
|
|
29
|
+
type StackProps = Exclude<StackProps$1, "direction"> & {
|
|
30
|
+
flexDirection?: StackProps$1["direction"];
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Adds consistent spacing between elements
|
|
34
|
+
*
|
|
35
|
+
* ```tsx
|
|
36
|
+
* <Stack>
|
|
37
|
+
* <Text>Here's a paragraph</Text>
|
|
38
|
+
* <Text>Here's another perfectly spaced paragraph</Text>
|
|
39
|
+
* </Stack>
|
|
40
|
+
* ```
|
|
41
|
+
*
|
|
42
|
+
* By default, the stack will be a column. You can change this by setting the `flexDirection` prop to any valid flex direction:
|
|
43
|
+
* ```tsx
|
|
44
|
+
* <Stack flexDirection="row">
|
|
45
|
+
* <Checkbox>Here's a checkbox</Checkbox>
|
|
46
|
+
* <Checkbox>Here's another checkbox, almost right next to the first one</Checkbox>
|
|
47
|
+
* </Stack>
|
|
48
|
+
* ```
|
|
49
|
+
*
|
|
50
|
+
* You can specify the spacing between elements with the `spacing` prop:
|
|
51
|
+
*
|
|
52
|
+
* ```tsx
|
|
53
|
+
* <Stack spacing={4}>
|
|
54
|
+
* <Card>Here's one card</Card>
|
|
55
|
+
* <Card>Here's another card, with a lot of space between it</Card>
|
|
56
|
+
* </Stack>
|
|
57
|
+
* ```
|
|
58
|
+
*/
|
|
59
|
+
declare const Stack: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", StackProps>;
|
|
60
|
+
|
|
18
61
|
type AccordionProps = Omit<AccordionProps$1, "variant" | "size"> & {
|
|
19
62
|
/**
|
|
20
63
|
* The display variant of the accordion items.
|
|
@@ -25,6 +68,8 @@ type AccordionProps = Omit<AccordionProps$1, "variant" | "size"> & {
|
|
|
25
68
|
*/
|
|
26
69
|
variant?: "list" | "outline" | "card";
|
|
27
70
|
size?: "sm" | "md" | "lg";
|
|
71
|
+
/** The margin between accordion items */
|
|
72
|
+
spacing?: StackProps["spacing"];
|
|
28
73
|
};
|
|
29
74
|
/**
|
|
30
75
|
* Wraps a set of ExpandableItem or AccordionItem components.
|
|
@@ -337,49 +382,6 @@ type FloatingActionButtonProps = BoxProps & {
|
|
|
337
382
|
*/
|
|
338
383
|
declare const FloatingActionButton: ({ children, icon, variant, isTextVisible: externalIsTextVisible, placement, ...props }: FloatingActionButtonProps) => React__default.JSX.Element;
|
|
339
384
|
|
|
340
|
-
type DividerProps = BoxProps;
|
|
341
|
-
/** A dividing line, used to divide content.
|
|
342
|
-
*
|
|
343
|
-
* You can specify margins if you need to give the content some space, or use a `Stack` component to do it for you
|
|
344
|
-
*
|
|
345
|
-
* ```tsx
|
|
346
|
-
* <Divider mt={4} mb={6} />
|
|
347
|
-
* ```
|
|
348
|
-
*/
|
|
349
|
-
declare const Divider: _chakra_ui_system_dist_system_types.ComponentWithAs<As, BoxProps>;
|
|
350
|
-
|
|
351
|
-
type StackProps = Exclude<StackProps$1, "direction"> & {
|
|
352
|
-
flexDirection?: StackProps$1["direction"];
|
|
353
|
-
};
|
|
354
|
-
/**
|
|
355
|
-
* Adds consistent spacing between elements
|
|
356
|
-
*
|
|
357
|
-
* ```tsx
|
|
358
|
-
* <Stack>
|
|
359
|
-
* <Text>Here's a paragraph</Text>
|
|
360
|
-
* <Text>Here's another perfectly spaced paragraph</Text>
|
|
361
|
-
* </Stack>
|
|
362
|
-
* ```
|
|
363
|
-
*
|
|
364
|
-
* By default, the stack will be a column. You can change this by setting the `flexDirection` prop to any valid flex direction:
|
|
365
|
-
* ```tsx
|
|
366
|
-
* <Stack flexDirection="row">
|
|
367
|
-
* <Checkbox>Here's a checkbox</Checkbox>
|
|
368
|
-
* <Checkbox>Here's another checkbox, almost right next to the first one</Checkbox>
|
|
369
|
-
* </Stack>
|
|
370
|
-
* ```
|
|
371
|
-
*
|
|
372
|
-
* You can specify the spacing between elements with the `spacing` prop:
|
|
373
|
-
*
|
|
374
|
-
* ```tsx
|
|
375
|
-
* <Stack spacing={4}>
|
|
376
|
-
* <Card>Here's one card</Card>
|
|
377
|
-
* <Card>Here's another card, with a lot of space between it</Card>
|
|
378
|
-
* </Stack>
|
|
379
|
-
* ```
|
|
380
|
-
*/
|
|
381
|
-
declare const Stack: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", StackProps>;
|
|
382
|
-
|
|
383
385
|
type CardProps = Exclude<BoxProps, "size"> & {
|
|
384
386
|
size?: "sm" | "lg";
|
|
385
387
|
children: React__default.ReactNode;
|
|
@@ -430,6 +432,7 @@ declare const DatePicker: React__default.ForwardRefExoticComponent<AriaDatePicke
|
|
|
430
432
|
variant: ResponsiveValue<"simple" | "with-trigger">;
|
|
431
433
|
name?: string | undefined;
|
|
432
434
|
showYearNavigation?: boolean | undefined;
|
|
435
|
+
withPortal?: boolean | undefined;
|
|
433
436
|
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
434
437
|
|
|
435
438
|
type DateRangePickerProps = AriaDateRangePickerProps<DateValue> & Pick<BoxProps, "minHeight"> & {
|
|
@@ -438,6 +441,7 @@ type DateRangePickerProps = AriaDateRangePickerProps<DateValue> & Pick<BoxProps,
|
|
|
438
441
|
endLabel?: string;
|
|
439
442
|
endName?: string;
|
|
440
443
|
variant: ResponsiveValue<"simple" | "with-trigger">;
|
|
444
|
+
withPortal?: boolean;
|
|
441
445
|
};
|
|
442
446
|
/**
|
|
443
447
|
* A date range picker component.
|
|
@@ -448,7 +452,7 @@ type DateRangePickerProps = AriaDateRangePickerProps<DateValue> & Pick<BoxProps,
|
|
|
448
452
|
* <DateRangePicker startLabel="From" startName="from" endLabel="To" endName="to" variant="simple" />
|
|
449
453
|
* ```
|
|
450
454
|
*/
|
|
451
|
-
declare function DateRangePicker({ variant, minHeight, startName, endName, ...props }: DateRangePickerProps): React__default.JSX.Element;
|
|
455
|
+
declare function DateRangePicker({ variant, minHeight, startName, endName, withPortal, ...props }: DateRangePickerProps): React__default.JSX.Element;
|
|
452
456
|
|
|
453
457
|
type TimePickerProps = Omit<BoxProps, "defaultValue" | "onChange"> & {
|
|
454
458
|
/** The label. Defaults to a localized version of "Time" */
|
|
@@ -1949,10 +1953,10 @@ declare const theme: {
|
|
|
1949
1953
|
justifyContent: string;
|
|
1950
1954
|
color: string;
|
|
1951
1955
|
textAlign: string;
|
|
1956
|
+
fontWeight: string;
|
|
1952
1957
|
};
|
|
1953
1958
|
panel: {
|
|
1954
|
-
|
|
1955
|
-
pb: number;
|
|
1959
|
+
paddingY: number;
|
|
1956
1960
|
borderBottomRadius: string;
|
|
1957
1961
|
};
|
|
1958
1962
|
icon: {
|
|
@@ -1963,31 +1967,34 @@ declare const theme: {
|
|
|
1963
1967
|
sm: {
|
|
1964
1968
|
button: {
|
|
1965
1969
|
fontSize: string;
|
|
1966
|
-
|
|
1967
|
-
|
|
1970
|
+
paddingX: number;
|
|
1971
|
+
paddingY: number;
|
|
1968
1972
|
};
|
|
1969
1973
|
panel: {
|
|
1970
|
-
|
|
1974
|
+
fontSize: string;
|
|
1975
|
+
paddingX: number;
|
|
1971
1976
|
};
|
|
1972
1977
|
};
|
|
1973
1978
|
md: {
|
|
1974
1979
|
button: {
|
|
1975
1980
|
fontSize: string;
|
|
1976
|
-
|
|
1977
|
-
|
|
1981
|
+
paddingX: number;
|
|
1982
|
+
paddingY: number;
|
|
1978
1983
|
};
|
|
1979
1984
|
panel: {
|
|
1980
|
-
|
|
1985
|
+
fontSize: string;
|
|
1986
|
+
paddingX: number;
|
|
1981
1987
|
};
|
|
1982
1988
|
};
|
|
1983
1989
|
lg: {
|
|
1984
1990
|
button: {
|
|
1985
1991
|
fontSize: string;
|
|
1986
|
-
|
|
1987
|
-
|
|
1992
|
+
paddingX: number;
|
|
1993
|
+
paddingY: number;
|
|
1988
1994
|
};
|
|
1989
1995
|
panel: {
|
|
1990
|
-
|
|
1996
|
+
fontSize: string;
|
|
1997
|
+
paddingX: number;
|
|
1991
1998
|
};
|
|
1992
1999
|
};
|
|
1993
2000
|
} | undefined;
|
|
@@ -2000,7 +2007,6 @@ declare const theme: {
|
|
|
2000
2007
|
};
|
|
2001
2008
|
_active: {
|
|
2002
2009
|
backgroundColor: string;
|
|
2003
|
-
boxShadow: string;
|
|
2004
2010
|
};
|
|
2005
2011
|
};
|
|
2006
2012
|
};
|
|
@@ -2810,6 +2816,10 @@ declare const theme: {
|
|
|
2810
2816
|
};
|
|
2811
2817
|
"&[data-today]": {
|
|
2812
2818
|
boxShadow: string;
|
|
2819
|
+
_focus: {
|
|
2820
|
+
outline: string;
|
|
2821
|
+
boxShadow: string;
|
|
2822
|
+
};
|
|
2813
2823
|
};
|
|
2814
2824
|
"&[data-unavailable]": {
|
|
2815
2825
|
pointerEvents: string;
|
|
@@ -2835,7 +2845,7 @@ declare const theme: {
|
|
|
2835
2845
|
}) | undefined;
|
|
2836
2846
|
sizes?: {
|
|
2837
2847
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
2838
|
-
keys: ("dateCell" | "weekdays" | "weekend" | "
|
|
2848
|
+
keys: ("dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "arrow")[];
|
|
2839
2849
|
}>;
|
|
2840
2850
|
} | undefined;
|
|
2841
2851
|
variants?: {
|
|
@@ -2855,7 +2865,7 @@ declare const theme: {
|
|
|
2855
2865
|
variant?: "simple" | "with-trigger" | undefined;
|
|
2856
2866
|
colorScheme?: string | undefined;
|
|
2857
2867
|
} | undefined;
|
|
2858
|
-
parts: ("dateCell" | "weekdays" | "weekend" | "
|
|
2868
|
+
parts: ("dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "arrow")[];
|
|
2859
2869
|
};
|
|
2860
2870
|
Drawer: {
|
|
2861
2871
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
@@ -3415,7 +3425,7 @@ declare const theme: {
|
|
|
3415
3425
|
};
|
|
3416
3426
|
};
|
|
3417
3427
|
" + label": {
|
|
3418
|
-
fontSize: ("
|
|
3428
|
+
fontSize: ("mobile.sm" | "desktop.sm")[];
|
|
3419
3429
|
top: string;
|
|
3420
3430
|
left: any;
|
|
3421
3431
|
zIndex: number;
|
|
@@ -3457,12 +3467,12 @@ declare const theme: {
|
|
|
3457
3467
|
}) | undefined;
|
|
3458
3468
|
sizes?: {
|
|
3459
3469
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
3460
|
-
keys: ("
|
|
3470
|
+
keys: ("group" | "element" | "addon" | "field")[];
|
|
3461
3471
|
}>;
|
|
3462
3472
|
} | undefined;
|
|
3463
3473
|
variants?: {
|
|
3464
3474
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
3465
|
-
keys: ("
|
|
3475
|
+
keys: ("group" | "element" | "addon" | "field")[];
|
|
3466
3476
|
}>;
|
|
3467
3477
|
} | undefined;
|
|
3468
3478
|
defaultProps?: {
|
|
@@ -3470,7 +3480,7 @@ declare const theme: {
|
|
|
3470
3480
|
variant?: string | number | undefined;
|
|
3471
3481
|
colorScheme?: string | undefined;
|
|
3472
3482
|
} | undefined;
|
|
3473
|
-
parts: ("
|
|
3483
|
+
parts: ("group" | "element" | "addon" | "field")[];
|
|
3474
3484
|
};
|
|
3475
3485
|
LineIcon: {
|
|
3476
3486
|
baseStyle?: {
|
|
@@ -4045,7 +4055,7 @@ declare const theme: {
|
|
|
4045
4055
|
height: string;
|
|
4046
4056
|
position: string;
|
|
4047
4057
|
"& + label": {
|
|
4048
|
-
fontSize: ("
|
|
4058
|
+
fontSize: ("mobile.sm" | "desktop.sm")[];
|
|
4049
4059
|
top: string;
|
|
4050
4060
|
left: number;
|
|
4051
4061
|
zIndex: number;
|
|
@@ -4080,7 +4090,7 @@ declare const theme: {
|
|
|
4080
4090
|
};
|
|
4081
4091
|
};
|
|
4082
4092
|
" + label": {
|
|
4083
|
-
fontSize: ("
|
|
4093
|
+
fontSize: ("mobile.sm" | "desktop.sm")[];
|
|
4084
4094
|
top: string;
|
|
4085
4095
|
left: any;
|
|
4086
4096
|
zIndex: number;
|
|
@@ -4486,7 +4496,7 @@ declare const theme: {
|
|
|
4486
4496
|
};
|
|
4487
4497
|
md: {
|
|
4488
4498
|
table: {
|
|
4489
|
-
fontSize: ("
|
|
4499
|
+
fontSize: ("mobile.sm" | "desktop.sm")[];
|
|
4490
4500
|
};
|
|
4491
4501
|
th: {
|
|
4492
4502
|
px: number;
|
|
@@ -4503,7 +4513,7 @@ declare const theme: {
|
|
|
4503
4513
|
};
|
|
4504
4514
|
lg: {
|
|
4505
4515
|
table: {
|
|
4506
|
-
fontSize: ("
|
|
4516
|
+
fontSize: ("mobile.sm" | "desktop.sm")[];
|
|
4507
4517
|
};
|
|
4508
4518
|
th: {
|
|
4509
4519
|
px: number;
|
|
@@ -4869,7 +4879,7 @@ declare const theme: {
|
|
|
4869
4879
|
};
|
|
4870
4880
|
};
|
|
4871
4881
|
" + label": {
|
|
4872
|
-
fontSize: ("
|
|
4882
|
+
fontSize: ("mobile.sm" | "desktop.sm")[];
|
|
4873
4883
|
top: string;
|
|
4874
4884
|
left: any;
|
|
4875
4885
|
zIndex: number;
|
|
@@ -5212,7 +5222,7 @@ declare const theme: {
|
|
|
5212
5222
|
sizes?: {
|
|
5213
5223
|
"2xs": {
|
|
5214
5224
|
container: {
|
|
5215
|
-
[x: string]: string |
|
|
5225
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | {
|
|
5216
5226
|
sm: string;
|
|
5217
5227
|
md: string;
|
|
5218
5228
|
lg: string;
|
|
@@ -5220,7 +5230,7 @@ declare const theme: {
|
|
|
5220
5230
|
} | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
5221
5231
|
};
|
|
5222
5232
|
excessLabel: {
|
|
5223
|
-
[x: string]: string |
|
|
5233
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5224
5234
|
sm: string;
|
|
5225
5235
|
md: string;
|
|
5226
5236
|
lg: string;
|
|
@@ -5230,7 +5240,7 @@ declare const theme: {
|
|
|
5230
5240
|
};
|
|
5231
5241
|
xs: {
|
|
5232
5242
|
container: {
|
|
5233
|
-
[x: string]: string |
|
|
5243
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5234
5244
|
sm: string;
|
|
5235
5245
|
md: string;
|
|
5236
5246
|
lg: string;
|
|
@@ -5238,7 +5248,7 @@ declare const theme: {
|
|
|
5238
5248
|
};
|
|
5239
5249
|
};
|
|
5240
5250
|
excessLabel: {
|
|
5241
|
-
[x: string]: string |
|
|
5251
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5242
5252
|
sm: string;
|
|
5243
5253
|
md: string;
|
|
5244
5254
|
lg: string;
|
|
@@ -5248,7 +5258,7 @@ declare const theme: {
|
|
|
5248
5258
|
};
|
|
5249
5259
|
sm: {
|
|
5250
5260
|
container: {
|
|
5251
|
-
[x: string]: string |
|
|
5261
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5252
5262
|
sm: string;
|
|
5253
5263
|
md: string;
|
|
5254
5264
|
lg: string;
|
|
@@ -5256,7 +5266,7 @@ declare const theme: {
|
|
|
5256
5266
|
};
|
|
5257
5267
|
};
|
|
5258
5268
|
excessLabel: {
|
|
5259
|
-
[x: string]: string |
|
|
5269
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5260
5270
|
sm: string;
|
|
5261
5271
|
md: string;
|
|
5262
5272
|
lg: string;
|
|
@@ -5266,7 +5276,7 @@ declare const theme: {
|
|
|
5266
5276
|
};
|
|
5267
5277
|
md: {
|
|
5268
5278
|
container: {
|
|
5269
|
-
[x: string]: string |
|
|
5279
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5270
5280
|
sm: string;
|
|
5271
5281
|
md: string;
|
|
5272
5282
|
lg: string;
|
|
@@ -5274,7 +5284,7 @@ declare const theme: {
|
|
|
5274
5284
|
};
|
|
5275
5285
|
};
|
|
5276
5286
|
excessLabel: {
|
|
5277
|
-
[x: string]: string |
|
|
5287
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5278
5288
|
sm: string;
|
|
5279
5289
|
md: string;
|
|
5280
5290
|
lg: string;
|
|
@@ -5284,7 +5294,7 @@ declare const theme: {
|
|
|
5284
5294
|
};
|
|
5285
5295
|
lg: {
|
|
5286
5296
|
container: {
|
|
5287
|
-
[x: string]: string |
|
|
5297
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5288
5298
|
sm: string;
|
|
5289
5299
|
md: string;
|
|
5290
5300
|
lg: string;
|
|
@@ -5292,7 +5302,7 @@ declare const theme: {
|
|
|
5292
5302
|
};
|
|
5293
5303
|
};
|
|
5294
5304
|
excessLabel: {
|
|
5295
|
-
[x: string]: string |
|
|
5305
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5296
5306
|
sm: string;
|
|
5297
5307
|
md: string;
|
|
5298
5308
|
lg: string;
|
|
@@ -5302,7 +5312,7 @@ declare const theme: {
|
|
|
5302
5312
|
};
|
|
5303
5313
|
xl: {
|
|
5304
5314
|
container: {
|
|
5305
|
-
[x: string]: string |
|
|
5315
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5306
5316
|
sm: string;
|
|
5307
5317
|
md: string;
|
|
5308
5318
|
lg: string;
|
|
@@ -5310,7 +5320,7 @@ declare const theme: {
|
|
|
5310
5320
|
};
|
|
5311
5321
|
};
|
|
5312
5322
|
excessLabel: {
|
|
5313
|
-
[x: string]: string |
|
|
5323
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5314
5324
|
sm: string;
|
|
5315
5325
|
md: string;
|
|
5316
5326
|
lg: string;
|
|
@@ -5320,7 +5330,7 @@ declare const theme: {
|
|
|
5320
5330
|
};
|
|
5321
5331
|
"2xl": {
|
|
5322
5332
|
container: {
|
|
5323
|
-
[x: string]: string |
|
|
5333
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5324
5334
|
sm: string;
|
|
5325
5335
|
md: string;
|
|
5326
5336
|
lg: string;
|
|
@@ -5328,7 +5338,7 @@ declare const theme: {
|
|
|
5328
5338
|
};
|
|
5329
5339
|
};
|
|
5330
5340
|
excessLabel: {
|
|
5331
|
-
[x: string]: string |
|
|
5341
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5332
5342
|
sm: string;
|
|
5333
5343
|
md: string;
|
|
5334
5344
|
lg: string;
|
|
@@ -5338,7 +5348,7 @@ declare const theme: {
|
|
|
5338
5348
|
};
|
|
5339
5349
|
full: {
|
|
5340
5350
|
container: {
|
|
5341
|
-
[x: string]: string |
|
|
5351
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5342
5352
|
sm: string;
|
|
5343
5353
|
md: string;
|
|
5344
5354
|
lg: string;
|
|
@@ -5346,7 +5356,7 @@ declare const theme: {
|
|
|
5346
5356
|
};
|
|
5347
5357
|
};
|
|
5348
5358
|
excessLabel: {
|
|
5349
|
-
[x: string]: string |
|
|
5359
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5350
5360
|
sm: string;
|
|
5351
5361
|
md: string;
|
|
5352
5362
|
lg: string;
|
|
@@ -5734,12 +5744,12 @@ declare const theme: {
|
|
|
5734
5744
|
} | undefined;
|
|
5735
5745
|
sizes?: {
|
|
5736
5746
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
5737
|
-
keys: ("button" | "list" | "
|
|
5747
|
+
keys: ("button" | "list" | "divider" | "icon" | "item" | "groupTitle" | "command")[];
|
|
5738
5748
|
}>;
|
|
5739
5749
|
} | undefined;
|
|
5740
5750
|
variants?: {
|
|
5741
5751
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
5742
|
-
keys: ("button" | "list" | "
|
|
5752
|
+
keys: ("button" | "list" | "divider" | "icon" | "item" | "groupTitle" | "command")[];
|
|
5743
5753
|
}>;
|
|
5744
5754
|
} | undefined;
|
|
5745
5755
|
defaultProps?: {
|
|
@@ -5747,7 +5757,7 @@ declare const theme: {
|
|
|
5747
5757
|
variant?: string | number | undefined;
|
|
5748
5758
|
colorScheme?: string | undefined;
|
|
5749
5759
|
} | undefined;
|
|
5750
|
-
parts: ("button" | "list" | "
|
|
5760
|
+
parts: ("button" | "list" | "divider" | "icon" | "item" | "groupTitle" | "command")[];
|
|
5751
5761
|
};
|
|
5752
5762
|
NumberInput: {
|
|
5753
5763
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
@@ -6620,8 +6630,8 @@ declare const theme: {
|
|
|
6620
6630
|
"7xl": string;
|
|
6621
6631
|
"8xl": string;
|
|
6622
6632
|
0: string;
|
|
6623
|
-
1: string;
|
|
6624
6633
|
2: string;
|
|
6634
|
+
1: string;
|
|
6625
6635
|
3: string;
|
|
6626
6636
|
6: string;
|
|
6627
6637
|
4: string;
|