@vygruppen/spor-react 3.0.3 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +9 -9
- package/CHANGELOG.md +18 -0
- package/dist/{CountryCodeSelect-7ASYXAQD.mjs → CountryCodeSelect-WPMTKT2L.mjs} +308 -423
- package/dist/{chunk-B2RY6AU2.mjs → chunk-V6MFUVYF.mjs} +407 -371
- package/dist/index.d.ts +116 -110
- package/dist/index.js +1014 -989
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/datepicker/DateField.tsx +47 -27
- package/src/datepicker/DatePicker.tsx +122 -107
- package/src/datepicker/DateTimeSegment.tsx +41 -32
- package/src/input/Combobox.tsx +3 -7
- package/src/input/Popover.tsx +7 -1
- package/src/input/Textarea.tsx +12 -6
- package/src/loader/SkeletonText.tsx +3 -2
- package/src/theme/components/textarea.ts +9 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AccordionProps as AccordionProps$1, AccordionItemProps, BoxProps, ButtonProps as ButtonProps$1, ButtonGroupProps as ButtonGroupProps$1, IconButtonProps as IconButtonProps$1, As, StackProps as StackProps$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, 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';
|
|
1
|
+
import { AccordionProps as AccordionProps$1, AccordionItemProps, BoxProps, ButtonProps as ButtonProps$1, ButtonGroupProps as ButtonGroupProps$1, IconButtonProps as IconButtonProps$1, As, StackProps as StackProps$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';
|
|
@@ -417,11 +417,6 @@ type CardProps = Exclude<BoxProps, "size"> & {
|
|
|
417
417
|
*/
|
|
418
418
|
declare const Card: _chakra_ui_system_dist_system_types.ComponentWithAs<As, CardProps>;
|
|
419
419
|
|
|
420
|
-
type DatePickerProps = AriaDatePickerProps<DateValue> & Pick<BoxProps, "minHeight" | "width"> & {
|
|
421
|
-
variant: ResponsiveValue<"simple" | "with-trigger">;
|
|
422
|
-
name?: string;
|
|
423
|
-
showYearNavigation?: boolean;
|
|
424
|
-
};
|
|
425
420
|
/**
|
|
426
421
|
* A date picker component.
|
|
427
422
|
*
|
|
@@ -431,7 +426,11 @@ type DatePickerProps = AriaDatePickerProps<DateValue> & Pick<BoxProps, "minHeigh
|
|
|
431
426
|
* <DatePicker label="Dato" variant="simple" />
|
|
432
427
|
* ```
|
|
433
428
|
*/
|
|
434
|
-
declare
|
|
429
|
+
declare const DatePicker: React__default.ForwardRefExoticComponent<AriaDatePickerProps<DateValue> & Pick<BoxProps, "width" | "minHeight"> & {
|
|
430
|
+
variant: ResponsiveValue<"simple" | "with-trigger">;
|
|
431
|
+
name?: string | undefined;
|
|
432
|
+
showYearNavigation?: boolean | undefined;
|
|
433
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
435
434
|
|
|
436
435
|
type DateRangePickerProps = AriaDateRangePickerProps<DateValue> & Pick<BoxProps, "minHeight"> & {
|
|
437
436
|
startLabel?: string;
|
|
@@ -1249,12 +1248,12 @@ type SwitchProps = Exclude<SwitchProps$1, "colorScheme" | "variant"> & {
|
|
|
1249
1248
|
declare const Switch: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", SwitchProps>;
|
|
1250
1249
|
|
|
1251
1250
|
type TextareaProps = Exclude<TextareaProps$1, "variant" | "size"> & {
|
|
1252
|
-
label
|
|
1251
|
+
label?: string;
|
|
1253
1252
|
};
|
|
1254
1253
|
/**
|
|
1255
1254
|
* Text area that works with the `FormControl` component.
|
|
1256
1255
|
*
|
|
1257
|
-
*
|
|
1256
|
+
* Providing a label is optional.
|
|
1258
1257
|
*
|
|
1259
1258
|
* ```tsx
|
|
1260
1259
|
* <FormControl>
|
|
@@ -1596,7 +1595,7 @@ type SkeletonCircleProps = BoxProps;
|
|
|
1596
1595
|
*/
|
|
1597
1596
|
declare const SkeletonCircle: (props: SkeletonCircleProps) => React__default.JSX.Element;
|
|
1598
1597
|
|
|
1599
|
-
type SkeletonTextProps =
|
|
1598
|
+
type SkeletonTextProps = SkeletonTextProps$1;
|
|
1600
1599
|
/**
|
|
1601
1600
|
* SkeletonText renders a loading animation for a given text. It works great as a placeholder to avoid layout shifts.
|
|
1602
1601
|
*/
|
|
@@ -3418,12 +3417,12 @@ declare const theme: {
|
|
|
3418
3417
|
}) | undefined;
|
|
3419
3418
|
sizes?: {
|
|
3420
3419
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
3421
|
-
keys: ("element" | "addon" | "field")[];
|
|
3420
|
+
keys: ("element" | "group" | "addon" | "field")[];
|
|
3422
3421
|
}>;
|
|
3423
3422
|
} | undefined;
|
|
3424
3423
|
variants?: {
|
|
3425
3424
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
3426
|
-
keys: ("element" | "addon" | "field")[];
|
|
3425
|
+
keys: ("element" | "group" | "addon" | "field")[];
|
|
3427
3426
|
}>;
|
|
3428
3427
|
} | undefined;
|
|
3429
3428
|
defaultProps?: {
|
|
@@ -3431,7 +3430,7 @@ declare const theme: {
|
|
|
3431
3430
|
variant?: string | number | undefined;
|
|
3432
3431
|
colorScheme?: string | undefined;
|
|
3433
3432
|
} | undefined;
|
|
3434
|
-
parts: ("element" | "addon" | "field")[];
|
|
3433
|
+
parts: ("element" | "group" | "addon" | "field")[];
|
|
3435
3434
|
};
|
|
3436
3435
|
LineIcon: {
|
|
3437
3436
|
baseStyle?: {
|
|
@@ -4800,9 +4799,17 @@ declare const theme: {
|
|
|
4800
4799
|
Textarea: {
|
|
4801
4800
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4802
4801
|
minHeight: string;
|
|
4803
|
-
py: number;
|
|
4804
4802
|
verticalAlign: string;
|
|
4805
4803
|
appearance: string;
|
|
4804
|
+
paddingTop: number;
|
|
4805
|
+
"&:not(:placeholder-shown)": {
|
|
4806
|
+
"&:has(+ label)": {
|
|
4807
|
+
paddingTop: number;
|
|
4808
|
+
};
|
|
4809
|
+
"& + label": {
|
|
4810
|
+
transform: string;
|
|
4811
|
+
};
|
|
4812
|
+
};
|
|
4806
4813
|
_disabled: {
|
|
4807
4814
|
boxShadow: string;
|
|
4808
4815
|
_hover: {
|
|
@@ -4832,12 +4839,6 @@ declare const theme: {
|
|
|
4832
4839
|
transformOrigin: string;
|
|
4833
4840
|
cursor: string;
|
|
4834
4841
|
};
|
|
4835
|
-
"&:not(:placeholder-shown)": {
|
|
4836
|
-
pt: string;
|
|
4837
|
-
"& + label": {
|
|
4838
|
-
transform: string;
|
|
4839
|
-
};
|
|
4840
|
-
};
|
|
4841
4842
|
_focus: _chakra_ui_styled_system.SystemStyleObject;
|
|
4842
4843
|
_focusVisible: _chakra_ui_styled_system.SystemStyleObject;
|
|
4843
4844
|
"&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
|
|
@@ -5127,195 +5128,190 @@ declare const theme: {
|
|
|
5127
5128
|
};
|
|
5128
5129
|
borderRadius: string;
|
|
5129
5130
|
border: string;
|
|
5131
|
+
borderColor: string;
|
|
5130
5132
|
_dark: {
|
|
5131
5133
|
[x: string]: string;
|
|
5132
5134
|
};
|
|
5133
|
-
borderColor: string;
|
|
5134
5135
|
};
|
|
5135
5136
|
excessLabel: {
|
|
5136
5137
|
[x: string]: string | {
|
|
5137
5138
|
[x: string]: string;
|
|
5138
5139
|
};
|
|
5140
|
+
bg: string;
|
|
5141
|
+
fontSize: string;
|
|
5142
|
+
width: string;
|
|
5143
|
+
height: string;
|
|
5144
|
+
lineHeight: string;
|
|
5139
5145
|
_dark: {
|
|
5140
5146
|
[x: string]: string;
|
|
5141
5147
|
};
|
|
5142
|
-
bgColor: string;
|
|
5143
5148
|
};
|
|
5144
5149
|
container: {
|
|
5145
5150
|
[x: string]: string | {
|
|
5146
5151
|
[x: string]: string;
|
|
5147
5152
|
};
|
|
5148
5153
|
bg: string;
|
|
5154
|
+
fontSize: string;
|
|
5155
|
+
color: string;
|
|
5156
|
+
borderColor: string;
|
|
5157
|
+
verticalAlign: string;
|
|
5158
|
+
width: string;
|
|
5159
|
+
height: string;
|
|
5149
5160
|
"&:not([data-loaded])": {
|
|
5150
5161
|
[x: string]: string;
|
|
5151
5162
|
};
|
|
5152
|
-
color: string;
|
|
5153
5163
|
_dark: {
|
|
5154
5164
|
[x: string]: string;
|
|
5155
5165
|
};
|
|
5156
|
-
|
|
5157
|
-
|
|
5166
|
+
};
|
|
5167
|
+
label: {
|
|
5168
|
+
fontSize: string;
|
|
5169
|
+
lineHeight: string;
|
|
5158
5170
|
};
|
|
5159
5171
|
}) | undefined;
|
|
5160
5172
|
sizes?: {
|
|
5161
5173
|
"2xs": {
|
|
5162
5174
|
container: {
|
|
5163
|
-
|
|
5164
|
-
|
|
5165
|
-
|
|
5175
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | {
|
|
5176
|
+
sm: string;
|
|
5177
|
+
md: string;
|
|
5178
|
+
lg: string;
|
|
5179
|
+
xl: string;
|
|
5180
|
+
} | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
5166
5181
|
};
|
|
5167
5182
|
excessLabel: {
|
|
5168
|
-
|
|
5169
|
-
height: "px" | "container" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "max" | "min" | "full" | "prose" | 1 | 2 | 3 | "100%" | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
5170
|
-
};
|
|
5171
|
-
label: {
|
|
5172
|
-
fontSize: string;
|
|
5173
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5183
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5174
5184
|
sm: string;
|
|
5175
5185
|
md: string;
|
|
5176
5186
|
lg: string;
|
|
5177
5187
|
xl: string;
|
|
5178
|
-
}
|
|
5188
|
+
};
|
|
5179
5189
|
};
|
|
5180
5190
|
};
|
|
5181
5191
|
xs: {
|
|
5182
5192
|
container: {
|
|
5183
|
-
|
|
5184
|
-
|
|
5185
|
-
|
|
5193
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5194
|
+
sm: string;
|
|
5195
|
+
md: string;
|
|
5196
|
+
lg: string;
|
|
5197
|
+
xl: string;
|
|
5198
|
+
};
|
|
5186
5199
|
};
|
|
5187
5200
|
excessLabel: {
|
|
5188
|
-
|
|
5189
|
-
height: "px" | "container" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "max" | "min" | "full" | "prose" | 1 | 2 | 3 | "100%" | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
5190
|
-
};
|
|
5191
|
-
label: {
|
|
5192
|
-
fontSize: string;
|
|
5193
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5201
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5194
5202
|
sm: string;
|
|
5195
5203
|
md: string;
|
|
5196
5204
|
lg: string;
|
|
5197
5205
|
xl: string;
|
|
5198
|
-
}
|
|
5206
|
+
};
|
|
5199
5207
|
};
|
|
5200
5208
|
};
|
|
5201
5209
|
sm: {
|
|
5202
5210
|
container: {
|
|
5203
|
-
|
|
5204
|
-
|
|
5205
|
-
|
|
5211
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5212
|
+
sm: string;
|
|
5213
|
+
md: string;
|
|
5214
|
+
lg: string;
|
|
5215
|
+
xl: string;
|
|
5216
|
+
};
|
|
5206
5217
|
};
|
|
5207
5218
|
excessLabel: {
|
|
5208
|
-
|
|
5209
|
-
height: "px" | "container" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "max" | "min" | "full" | "prose" | 1 | 2 | 3 | "100%" | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
5210
|
-
};
|
|
5211
|
-
label: {
|
|
5212
|
-
fontSize: string;
|
|
5213
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5219
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5214
5220
|
sm: string;
|
|
5215
5221
|
md: string;
|
|
5216
5222
|
lg: string;
|
|
5217
5223
|
xl: string;
|
|
5218
|
-
}
|
|
5224
|
+
};
|
|
5219
5225
|
};
|
|
5220
5226
|
};
|
|
5221
5227
|
md: {
|
|
5222
5228
|
container: {
|
|
5223
|
-
|
|
5224
|
-
|
|
5225
|
-
|
|
5229
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5230
|
+
sm: string;
|
|
5231
|
+
md: string;
|
|
5232
|
+
lg: string;
|
|
5233
|
+
xl: string;
|
|
5234
|
+
};
|
|
5226
5235
|
};
|
|
5227
5236
|
excessLabel: {
|
|
5228
|
-
|
|
5229
|
-
height: "px" | "container" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "max" | "min" | "full" | "prose" | 1 | 2 | 3 | "100%" | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
5230
|
-
};
|
|
5231
|
-
label: {
|
|
5232
|
-
fontSize: string;
|
|
5233
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5237
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5234
5238
|
sm: string;
|
|
5235
5239
|
md: string;
|
|
5236
5240
|
lg: string;
|
|
5237
5241
|
xl: string;
|
|
5238
|
-
}
|
|
5242
|
+
};
|
|
5239
5243
|
};
|
|
5240
5244
|
};
|
|
5241
5245
|
lg: {
|
|
5242
5246
|
container: {
|
|
5243
|
-
|
|
5244
|
-
|
|
5245
|
-
|
|
5247
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5248
|
+
sm: string;
|
|
5249
|
+
md: string;
|
|
5250
|
+
lg: string;
|
|
5251
|
+
xl: string;
|
|
5252
|
+
};
|
|
5246
5253
|
};
|
|
5247
5254
|
excessLabel: {
|
|
5248
|
-
|
|
5249
|
-
height: "px" | "container" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "max" | "min" | "full" | "prose" | 1 | 2 | 3 | "100%" | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
5250
|
-
};
|
|
5251
|
-
label: {
|
|
5252
|
-
fontSize: string;
|
|
5253
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5255
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5254
5256
|
sm: string;
|
|
5255
5257
|
md: string;
|
|
5256
5258
|
lg: string;
|
|
5257
5259
|
xl: string;
|
|
5258
|
-
}
|
|
5260
|
+
};
|
|
5259
5261
|
};
|
|
5260
5262
|
};
|
|
5261
5263
|
xl: {
|
|
5262
5264
|
container: {
|
|
5263
|
-
|
|
5264
|
-
|
|
5265
|
-
|
|
5265
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5266
|
+
sm: string;
|
|
5267
|
+
md: string;
|
|
5268
|
+
lg: string;
|
|
5269
|
+
xl: string;
|
|
5270
|
+
};
|
|
5266
5271
|
};
|
|
5267
5272
|
excessLabel: {
|
|
5268
|
-
|
|
5269
|
-
height: "px" | "container" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "max" | "min" | "full" | "prose" | 1 | 2 | 3 | "100%" | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
5270
|
-
};
|
|
5271
|
-
label: {
|
|
5272
|
-
fontSize: string;
|
|
5273
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5273
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5274
5274
|
sm: string;
|
|
5275
5275
|
md: string;
|
|
5276
5276
|
lg: string;
|
|
5277
5277
|
xl: string;
|
|
5278
|
-
}
|
|
5278
|
+
};
|
|
5279
5279
|
};
|
|
5280
5280
|
};
|
|
5281
5281
|
"2xl": {
|
|
5282
5282
|
container: {
|
|
5283
|
-
|
|
5284
|
-
|
|
5285
|
-
|
|
5283
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5284
|
+
sm: string;
|
|
5285
|
+
md: string;
|
|
5286
|
+
lg: string;
|
|
5287
|
+
xl: string;
|
|
5288
|
+
};
|
|
5286
5289
|
};
|
|
5287
5290
|
excessLabel: {
|
|
5288
|
-
|
|
5289
|
-
height: "px" | "container" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "max" | "min" | "full" | "prose" | 1 | 2 | 3 | "100%" | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
5290
|
-
};
|
|
5291
|
-
label: {
|
|
5292
|
-
fontSize: string;
|
|
5293
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5291
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5294
5292
|
sm: string;
|
|
5295
5293
|
md: string;
|
|
5296
5294
|
lg: string;
|
|
5297
5295
|
xl: string;
|
|
5298
|
-
}
|
|
5296
|
+
};
|
|
5299
5297
|
};
|
|
5300
5298
|
};
|
|
5301
5299
|
full: {
|
|
5302
5300
|
container: {
|
|
5303
|
-
|
|
5304
|
-
|
|
5305
|
-
|
|
5301
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5302
|
+
sm: string;
|
|
5303
|
+
md: string;
|
|
5304
|
+
lg: string;
|
|
5305
|
+
xl: string;
|
|
5306
|
+
};
|
|
5306
5307
|
};
|
|
5307
5308
|
excessLabel: {
|
|
5308
|
-
|
|
5309
|
-
height: "px" | "container" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "max" | "min" | "full" | "prose" | 1 | 2 | 3 | "100%" | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
5310
|
-
};
|
|
5311
|
-
label: {
|
|
5312
|
-
fontSize: string;
|
|
5313
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5309
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5314
5310
|
sm: string;
|
|
5315
5311
|
md: string;
|
|
5316
5312
|
lg: string;
|
|
5317
5313
|
xl: string;
|
|
5318
|
-
}
|
|
5314
|
+
};
|
|
5319
5315
|
};
|
|
5320
5316
|
};
|
|
5321
5317
|
} | undefined;
|
|
@@ -5679,6 +5675,12 @@ declare const theme: {
|
|
|
5679
5675
|
fontWeight: string;
|
|
5680
5676
|
fontSize: string;
|
|
5681
5677
|
};
|
|
5678
|
+
icon: {
|
|
5679
|
+
display: string;
|
|
5680
|
+
alignItems: string;
|
|
5681
|
+
justifyContent: string;
|
|
5682
|
+
flexShrink: number;
|
|
5683
|
+
};
|
|
5682
5684
|
command: {
|
|
5683
5685
|
opacity: number;
|
|
5684
5686
|
};
|
|
@@ -5692,12 +5694,12 @@ declare const theme: {
|
|
|
5692
5694
|
} | undefined;
|
|
5693
5695
|
sizes?: {
|
|
5694
5696
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
5695
|
-
keys: ("button" | "list" | "divider" | "item" | "groupTitle" | "command")[];
|
|
5697
|
+
keys: ("button" | "list" | "icon" | "divider" | "item" | "groupTitle" | "command")[];
|
|
5696
5698
|
}>;
|
|
5697
5699
|
} | undefined;
|
|
5698
5700
|
variants?: {
|
|
5699
5701
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
5700
|
-
keys: ("button" | "list" | "divider" | "item" | "groupTitle" | "command")[];
|
|
5702
|
+
keys: ("button" | "list" | "icon" | "divider" | "item" | "groupTitle" | "command")[];
|
|
5701
5703
|
}>;
|
|
5702
5704
|
} | undefined;
|
|
5703
5705
|
defaultProps?: {
|
|
@@ -5705,7 +5707,7 @@ declare const theme: {
|
|
|
5705
5707
|
variant?: string | number | undefined;
|
|
5706
5708
|
colorScheme?: string | undefined;
|
|
5707
5709
|
} | undefined;
|
|
5708
|
-
parts: ("button" | "list" | "divider" | "item" | "groupTitle" | "command")[];
|
|
5710
|
+
parts: ("button" | "list" | "icon" | "divider" | "item" | "groupTitle" | "command")[];
|
|
5709
5711
|
};
|
|
5710
5712
|
NumberInput: {
|
|
5711
5713
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
@@ -5913,7 +5915,7 @@ declare const theme: {
|
|
|
5913
5915
|
} | undefined;
|
|
5914
5916
|
defaultProps?: {
|
|
5915
5917
|
size?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
5916
|
-
variant?: "outline" | "
|
|
5918
|
+
variant?: "outline" | "unstyled" | "filled" | "flushed" | undefined;
|
|
5917
5919
|
colorScheme?: string | undefined;
|
|
5918
5920
|
} | undefined;
|
|
5919
5921
|
parts: ("root" | "field" | "stepper" | "stepperGroup")[];
|
|
@@ -5922,6 +5924,10 @@ declare const theme: {
|
|
|
5922
5924
|
baseStyle?: {
|
|
5923
5925
|
textAlign: string;
|
|
5924
5926
|
width?: string | undefined;
|
|
5927
|
+
height?: string | undefined;
|
|
5928
|
+
fontSize?: string | undefined;
|
|
5929
|
+
px?: string | undefined;
|
|
5930
|
+
borderRadius?: string | undefined;
|
|
5925
5931
|
minWidth?: number | undefined;
|
|
5926
5932
|
outline?: number | undefined;
|
|
5927
5933
|
position?: string | undefined;
|
|
@@ -5967,7 +5973,7 @@ declare const theme: {
|
|
|
5967
5973
|
} | undefined;
|
|
5968
5974
|
defaultProps?: {
|
|
5969
5975
|
size?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
5970
|
-
variant?: "outline" | "
|
|
5976
|
+
variant?: "outline" | "unstyled" | "filled" | "flushed" | undefined;
|
|
5971
5977
|
colorScheme?: string | undefined;
|
|
5972
5978
|
} | undefined;
|
|
5973
5979
|
};
|