@vygruppen/spor-react 3.0.4 → 3.1.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 +10 -10
- package/CHANGELOG.md +21 -0
- package/dist/{CountryCodeSelect-PXKYFQHM.mjs → CountryCodeSelect-PU2FEIUH.mjs} +308 -423
- package/dist/{chunk-ETCK74GR.mjs → chunk-GIRK7GTN.mjs} +473 -497
- package/dist/index.d.ts +114 -107
- package/dist/index.js +1378 -1413
- package/dist/index.mjs +1 -1
- package/package.json +2 -2
- package/src/accordion/Expandable.tsx +2 -2
- package/src/alert/ExpandableAlert.tsx +2 -1
- package/src/datepicker/DateField.tsx +3 -1
- package/src/datepicker/DateTimeSegment.tsx +2 -1
- package/src/datepicker/TimeField.tsx +3 -1
- package/src/datepicker/TimePicker.tsx +4 -4
- package/src/input/Combobox.tsx +3 -7
- package/src/input/Popover.tsx +17 -9
- 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';
|
|
@@ -45,7 +45,7 @@ type AccordionProps = Omit<AccordionProps$1, "variant" | "size"> & {
|
|
|
45
45
|
declare const Accordion: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", AccordionProps>;
|
|
46
46
|
|
|
47
47
|
type HeadingLevel = "h2" | "h3" | "h4" | "h5" | "h6";
|
|
48
|
-
type ExpandableProps = AccordionProps & {
|
|
48
|
+
type ExpandableProps = Omit<AccordionProps, "title"> & {
|
|
49
49
|
/** The hidden content */
|
|
50
50
|
children: React__default.ReactNode;
|
|
51
51
|
/** The title that's shown inside the toggle button */
|
|
@@ -75,7 +75,7 @@ type ExpandableProps = AccordionProps & {
|
|
|
75
75
|
* ```
|
|
76
76
|
*/
|
|
77
77
|
declare const Expandable: ({ children, headingLevel, title, leftIcon, size, ...rest }: ExpandableProps) => React__default.JSX.Element;
|
|
78
|
-
type ExpandableItemProps = AccordionItemProps & {
|
|
78
|
+
type ExpandableItemProps = Omit<AccordionItemProps, "title"> & {
|
|
79
79
|
/** The hidden content */
|
|
80
80
|
children: React__default.ReactNode;
|
|
81
81
|
/** The title that's shown inside the toggle button */
|
|
@@ -166,7 +166,7 @@ type ExpandableAlertProps = BaseAlertProps & {
|
|
|
166
166
|
* </ExpandableAlert>
|
|
167
167
|
* ```
|
|
168
168
|
*/
|
|
169
|
-
declare const ExpandableAlert: ({ variant, children, title, headingLevel, defaultOpen, onToggle, }: ExpandableAlertProps) => React__default.JSX.Element;
|
|
169
|
+
declare const ExpandableAlert: ({ variant, children, title, headingLevel, defaultOpen, onToggle, ...boxProps }: ExpandableAlertProps) => React__default.JSX.Element;
|
|
170
170
|
|
|
171
171
|
type StaticAlertProps = BaseAlertProps;
|
|
172
172
|
/**
|
|
@@ -1248,12 +1248,12 @@ type SwitchProps = Exclude<SwitchProps$1, "colorScheme" | "variant"> & {
|
|
|
1248
1248
|
declare const Switch: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", SwitchProps>;
|
|
1249
1249
|
|
|
1250
1250
|
type TextareaProps = Exclude<TextareaProps$1, "variant" | "size"> & {
|
|
1251
|
-
label
|
|
1251
|
+
label?: string;
|
|
1252
1252
|
};
|
|
1253
1253
|
/**
|
|
1254
1254
|
* Text area that works with the `FormControl` component.
|
|
1255
1255
|
*
|
|
1256
|
-
*
|
|
1256
|
+
* Providing a label is optional.
|
|
1257
1257
|
*
|
|
1258
1258
|
* ```tsx
|
|
1259
1259
|
* <FormControl>
|
|
@@ -1595,7 +1595,7 @@ type SkeletonCircleProps = BoxProps;
|
|
|
1595
1595
|
*/
|
|
1596
1596
|
declare const SkeletonCircle: (props: SkeletonCircleProps) => React__default.JSX.Element;
|
|
1597
1597
|
|
|
1598
|
-
type SkeletonTextProps =
|
|
1598
|
+
type SkeletonTextProps = SkeletonTextProps$1;
|
|
1599
1599
|
/**
|
|
1600
1600
|
* SkeletonText renders a loading animation for a given text. It works great as a placeholder to avoid layout shifts.
|
|
1601
1601
|
*/
|
|
@@ -3417,12 +3417,12 @@ declare const theme: {
|
|
|
3417
3417
|
}) | undefined;
|
|
3418
3418
|
sizes?: {
|
|
3419
3419
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
3420
|
-
keys: ("element" | "addon" | "field")[];
|
|
3420
|
+
keys: ("element" | "group" | "addon" | "field")[];
|
|
3421
3421
|
}>;
|
|
3422
3422
|
} | undefined;
|
|
3423
3423
|
variants?: {
|
|
3424
3424
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
3425
|
-
keys: ("element" | "addon" | "field")[];
|
|
3425
|
+
keys: ("element" | "group" | "addon" | "field")[];
|
|
3426
3426
|
}>;
|
|
3427
3427
|
} | undefined;
|
|
3428
3428
|
defaultProps?: {
|
|
@@ -3430,7 +3430,7 @@ declare const theme: {
|
|
|
3430
3430
|
variant?: string | number | undefined;
|
|
3431
3431
|
colorScheme?: string | undefined;
|
|
3432
3432
|
} | undefined;
|
|
3433
|
-
parts: ("element" | "addon" | "field")[];
|
|
3433
|
+
parts: ("element" | "group" | "addon" | "field")[];
|
|
3434
3434
|
};
|
|
3435
3435
|
LineIcon: {
|
|
3436
3436
|
baseStyle?: {
|
|
@@ -4799,9 +4799,17 @@ declare const theme: {
|
|
|
4799
4799
|
Textarea: {
|
|
4800
4800
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4801
4801
|
minHeight: string;
|
|
4802
|
-
py: number;
|
|
4803
4802
|
verticalAlign: string;
|
|
4804
4803
|
appearance: string;
|
|
4804
|
+
paddingTop: number;
|
|
4805
|
+
"&:not(:placeholder-shown)": {
|
|
4806
|
+
"&:has(+ label)": {
|
|
4807
|
+
paddingTop: number;
|
|
4808
|
+
};
|
|
4809
|
+
"& + label": {
|
|
4810
|
+
transform: string;
|
|
4811
|
+
};
|
|
4812
|
+
};
|
|
4805
4813
|
_disabled: {
|
|
4806
4814
|
boxShadow: string;
|
|
4807
4815
|
_hover: {
|
|
@@ -4831,12 +4839,6 @@ declare const theme: {
|
|
|
4831
4839
|
transformOrigin: string;
|
|
4832
4840
|
cursor: string;
|
|
4833
4841
|
};
|
|
4834
|
-
"&:not(:placeholder-shown)": {
|
|
4835
|
-
pt: string;
|
|
4836
|
-
"& + label": {
|
|
4837
|
-
transform: string;
|
|
4838
|
-
};
|
|
4839
|
-
};
|
|
4840
4842
|
_focus: _chakra_ui_styled_system.SystemStyleObject;
|
|
4841
4843
|
_focusVisible: _chakra_ui_styled_system.SystemStyleObject;
|
|
4842
4844
|
"&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
|
|
@@ -5126,195 +5128,190 @@ declare const theme: {
|
|
|
5126
5128
|
};
|
|
5127
5129
|
borderRadius: string;
|
|
5128
5130
|
border: string;
|
|
5131
|
+
borderColor: string;
|
|
5129
5132
|
_dark: {
|
|
5130
5133
|
[x: string]: string;
|
|
5131
5134
|
};
|
|
5132
|
-
borderColor: string;
|
|
5133
5135
|
};
|
|
5134
5136
|
excessLabel: {
|
|
5135
5137
|
[x: string]: string | {
|
|
5136
5138
|
[x: string]: string;
|
|
5137
5139
|
};
|
|
5140
|
+
bg: string;
|
|
5141
|
+
fontSize: string;
|
|
5142
|
+
width: string;
|
|
5143
|
+
height: string;
|
|
5144
|
+
lineHeight: string;
|
|
5138
5145
|
_dark: {
|
|
5139
5146
|
[x: string]: string;
|
|
5140
5147
|
};
|
|
5141
|
-
bgColor: string;
|
|
5142
5148
|
};
|
|
5143
5149
|
container: {
|
|
5144
5150
|
[x: string]: string | {
|
|
5145
5151
|
[x: string]: string;
|
|
5146
5152
|
};
|
|
5147
5153
|
bg: string;
|
|
5154
|
+
fontSize: string;
|
|
5155
|
+
color: string;
|
|
5156
|
+
borderColor: string;
|
|
5157
|
+
verticalAlign: string;
|
|
5158
|
+
width: string;
|
|
5159
|
+
height: string;
|
|
5148
5160
|
"&:not([data-loaded])": {
|
|
5149
5161
|
[x: string]: string;
|
|
5150
5162
|
};
|
|
5151
|
-
color: string;
|
|
5152
5163
|
_dark: {
|
|
5153
5164
|
[x: string]: string;
|
|
5154
5165
|
};
|
|
5155
|
-
|
|
5156
|
-
|
|
5166
|
+
};
|
|
5167
|
+
label: {
|
|
5168
|
+
fontSize: string;
|
|
5169
|
+
lineHeight: string;
|
|
5157
5170
|
};
|
|
5158
5171
|
}) | undefined;
|
|
5159
5172
|
sizes?: {
|
|
5160
5173
|
"2xs": {
|
|
5161
5174
|
container: {
|
|
5162
|
-
|
|
5163
|
-
|
|
5164
|
-
|
|
5175
|
+
[x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 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;
|
|
5165
5181
|
};
|
|
5166
5182
|
excessLabel: {
|
|
5167
|
-
|
|
5168
|
-
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;
|
|
5169
|
-
};
|
|
5170
|
-
label: {
|
|
5171
|
-
fontSize: string;
|
|
5172
|
-
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 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5173
5184
|
sm: string;
|
|
5174
5185
|
md: string;
|
|
5175
5186
|
lg: string;
|
|
5176
5187
|
xl: string;
|
|
5177
|
-
}
|
|
5188
|
+
};
|
|
5178
5189
|
};
|
|
5179
5190
|
};
|
|
5180
5191
|
xs: {
|
|
5181
5192
|
container: {
|
|
5182
|
-
|
|
5183
|
-
|
|
5184
|
-
|
|
5193
|
+
[x: string]: string | 1 | 2 | 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 | {
|
|
5194
|
+
sm: string;
|
|
5195
|
+
md: string;
|
|
5196
|
+
lg: string;
|
|
5197
|
+
xl: string;
|
|
5198
|
+
};
|
|
5185
5199
|
};
|
|
5186
5200
|
excessLabel: {
|
|
5187
|
-
|
|
5188
|
-
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;
|
|
5189
|
-
};
|
|
5190
|
-
label: {
|
|
5191
|
-
fontSize: string;
|
|
5192
|
-
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 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5193
5202
|
sm: string;
|
|
5194
5203
|
md: string;
|
|
5195
5204
|
lg: string;
|
|
5196
5205
|
xl: string;
|
|
5197
|
-
}
|
|
5206
|
+
};
|
|
5198
5207
|
};
|
|
5199
5208
|
};
|
|
5200
5209
|
sm: {
|
|
5201
5210
|
container: {
|
|
5202
|
-
|
|
5203
|
-
|
|
5204
|
-
|
|
5211
|
+
[x: string]: string | 1 | 2 | 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 | {
|
|
5212
|
+
sm: string;
|
|
5213
|
+
md: string;
|
|
5214
|
+
lg: string;
|
|
5215
|
+
xl: string;
|
|
5216
|
+
};
|
|
5205
5217
|
};
|
|
5206
5218
|
excessLabel: {
|
|
5207
|
-
|
|
5208
|
-
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;
|
|
5209
|
-
};
|
|
5210
|
-
label: {
|
|
5211
|
-
fontSize: string;
|
|
5212
|
-
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 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5213
5220
|
sm: string;
|
|
5214
5221
|
md: string;
|
|
5215
5222
|
lg: string;
|
|
5216
5223
|
xl: string;
|
|
5217
|
-
}
|
|
5224
|
+
};
|
|
5218
5225
|
};
|
|
5219
5226
|
};
|
|
5220
5227
|
md: {
|
|
5221
5228
|
container: {
|
|
5222
|
-
|
|
5223
|
-
|
|
5224
|
-
|
|
5229
|
+
[x: string]: string | 1 | 2 | 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 | {
|
|
5230
|
+
sm: string;
|
|
5231
|
+
md: string;
|
|
5232
|
+
lg: string;
|
|
5233
|
+
xl: string;
|
|
5234
|
+
};
|
|
5225
5235
|
};
|
|
5226
5236
|
excessLabel: {
|
|
5227
|
-
|
|
5228
|
-
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;
|
|
5229
|
-
};
|
|
5230
|
-
label: {
|
|
5231
|
-
fontSize: string;
|
|
5232
|
-
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 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5233
5238
|
sm: string;
|
|
5234
5239
|
md: string;
|
|
5235
5240
|
lg: string;
|
|
5236
5241
|
xl: string;
|
|
5237
|
-
}
|
|
5242
|
+
};
|
|
5238
5243
|
};
|
|
5239
5244
|
};
|
|
5240
5245
|
lg: {
|
|
5241
5246
|
container: {
|
|
5242
|
-
|
|
5243
|
-
|
|
5244
|
-
|
|
5247
|
+
[x: string]: string | 1 | 2 | 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 | {
|
|
5248
|
+
sm: string;
|
|
5249
|
+
md: string;
|
|
5250
|
+
lg: string;
|
|
5251
|
+
xl: string;
|
|
5252
|
+
};
|
|
5245
5253
|
};
|
|
5246
5254
|
excessLabel: {
|
|
5247
|
-
|
|
5248
|
-
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;
|
|
5249
|
-
};
|
|
5250
|
-
label: {
|
|
5251
|
-
fontSize: string;
|
|
5252
|
-
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 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5253
5256
|
sm: string;
|
|
5254
5257
|
md: string;
|
|
5255
5258
|
lg: string;
|
|
5256
5259
|
xl: string;
|
|
5257
|
-
}
|
|
5260
|
+
};
|
|
5258
5261
|
};
|
|
5259
5262
|
};
|
|
5260
5263
|
xl: {
|
|
5261
5264
|
container: {
|
|
5262
|
-
|
|
5263
|
-
|
|
5264
|
-
|
|
5265
|
+
[x: string]: string | 1 | 2 | 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 | {
|
|
5266
|
+
sm: string;
|
|
5267
|
+
md: string;
|
|
5268
|
+
lg: string;
|
|
5269
|
+
xl: string;
|
|
5270
|
+
};
|
|
5265
5271
|
};
|
|
5266
5272
|
excessLabel: {
|
|
5267
|
-
|
|
5268
|
-
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;
|
|
5269
|
-
};
|
|
5270
|
-
label: {
|
|
5271
|
-
fontSize: string;
|
|
5272
|
-
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 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5273
5274
|
sm: string;
|
|
5274
5275
|
md: string;
|
|
5275
5276
|
lg: string;
|
|
5276
5277
|
xl: string;
|
|
5277
|
-
}
|
|
5278
|
+
};
|
|
5278
5279
|
};
|
|
5279
5280
|
};
|
|
5280
5281
|
"2xl": {
|
|
5281
5282
|
container: {
|
|
5282
|
-
|
|
5283
|
-
|
|
5284
|
-
|
|
5283
|
+
[x: string]: string | 1 | 2 | 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 | {
|
|
5284
|
+
sm: string;
|
|
5285
|
+
md: string;
|
|
5286
|
+
lg: string;
|
|
5287
|
+
xl: string;
|
|
5288
|
+
};
|
|
5285
5289
|
};
|
|
5286
5290
|
excessLabel: {
|
|
5287
|
-
|
|
5288
|
-
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;
|
|
5289
|
-
};
|
|
5290
|
-
label: {
|
|
5291
|
-
fontSize: string;
|
|
5292
|
-
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 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5293
5292
|
sm: string;
|
|
5294
5293
|
md: string;
|
|
5295
5294
|
lg: string;
|
|
5296
5295
|
xl: string;
|
|
5297
|
-
}
|
|
5296
|
+
};
|
|
5298
5297
|
};
|
|
5299
5298
|
};
|
|
5300
5299
|
full: {
|
|
5301
5300
|
container: {
|
|
5302
|
-
|
|
5303
|
-
|
|
5304
|
-
|
|
5301
|
+
[x: string]: string | 1 | 2 | 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 | {
|
|
5302
|
+
sm: string;
|
|
5303
|
+
md: string;
|
|
5304
|
+
lg: string;
|
|
5305
|
+
xl: string;
|
|
5306
|
+
};
|
|
5305
5307
|
};
|
|
5306
5308
|
excessLabel: {
|
|
5307
|
-
|
|
5308
|
-
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;
|
|
5309
|
-
};
|
|
5310
|
-
label: {
|
|
5311
|
-
fontSize: string;
|
|
5312
|
-
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 | 0.5 | 1.5 | 24 | 60 | 2.5 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
5313
5310
|
sm: string;
|
|
5314
5311
|
md: string;
|
|
5315
5312
|
lg: string;
|
|
5316
5313
|
xl: string;
|
|
5317
|
-
}
|
|
5314
|
+
};
|
|
5318
5315
|
};
|
|
5319
5316
|
};
|
|
5320
5317
|
} | undefined;
|
|
@@ -5678,6 +5675,12 @@ declare const theme: {
|
|
|
5678
5675
|
fontWeight: string;
|
|
5679
5676
|
fontSize: string;
|
|
5680
5677
|
};
|
|
5678
|
+
icon: {
|
|
5679
|
+
display: string;
|
|
5680
|
+
alignItems: string;
|
|
5681
|
+
justifyContent: string;
|
|
5682
|
+
flexShrink: number;
|
|
5683
|
+
};
|
|
5681
5684
|
command: {
|
|
5682
5685
|
opacity: number;
|
|
5683
5686
|
};
|
|
@@ -5691,12 +5694,12 @@ declare const theme: {
|
|
|
5691
5694
|
} | undefined;
|
|
5692
5695
|
sizes?: {
|
|
5693
5696
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
5694
|
-
keys: ("button" | "list" | "divider" | "item" | "groupTitle" | "command")[];
|
|
5697
|
+
keys: ("button" | "list" | "icon" | "divider" | "item" | "groupTitle" | "command")[];
|
|
5695
5698
|
}>;
|
|
5696
5699
|
} | undefined;
|
|
5697
5700
|
variants?: {
|
|
5698
5701
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
5699
|
-
keys: ("button" | "list" | "divider" | "item" | "groupTitle" | "command")[];
|
|
5702
|
+
keys: ("button" | "list" | "icon" | "divider" | "item" | "groupTitle" | "command")[];
|
|
5700
5703
|
}>;
|
|
5701
5704
|
} | undefined;
|
|
5702
5705
|
defaultProps?: {
|
|
@@ -5704,7 +5707,7 @@ declare const theme: {
|
|
|
5704
5707
|
variant?: string | number | undefined;
|
|
5705
5708
|
colorScheme?: string | undefined;
|
|
5706
5709
|
} | undefined;
|
|
5707
|
-
parts: ("button" | "list" | "divider" | "item" | "groupTitle" | "command")[];
|
|
5710
|
+
parts: ("button" | "list" | "icon" | "divider" | "item" | "groupTitle" | "command")[];
|
|
5708
5711
|
};
|
|
5709
5712
|
NumberInput: {
|
|
5710
5713
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
@@ -5912,7 +5915,7 @@ declare const theme: {
|
|
|
5912
5915
|
} | undefined;
|
|
5913
5916
|
defaultProps?: {
|
|
5914
5917
|
size?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
5915
|
-
variant?: "outline" | "
|
|
5918
|
+
variant?: "outline" | "unstyled" | "filled" | "flushed" | undefined;
|
|
5916
5919
|
colorScheme?: string | undefined;
|
|
5917
5920
|
} | undefined;
|
|
5918
5921
|
parts: ("root" | "field" | "stepper" | "stepperGroup")[];
|
|
@@ -5921,6 +5924,10 @@ declare const theme: {
|
|
|
5921
5924
|
baseStyle?: {
|
|
5922
5925
|
textAlign: string;
|
|
5923
5926
|
width?: string | undefined;
|
|
5927
|
+
height?: string | undefined;
|
|
5928
|
+
fontSize?: string | undefined;
|
|
5929
|
+
px?: string | undefined;
|
|
5930
|
+
borderRadius?: string | undefined;
|
|
5924
5931
|
minWidth?: number | undefined;
|
|
5925
5932
|
outline?: number | undefined;
|
|
5926
5933
|
position?: string | undefined;
|
|
@@ -5966,7 +5973,7 @@ declare const theme: {
|
|
|
5966
5973
|
} | undefined;
|
|
5967
5974
|
defaultProps?: {
|
|
5968
5975
|
size?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
5969
|
-
variant?: "outline" | "
|
|
5976
|
+
variant?: "outline" | "unstyled" | "filled" | "flushed" | undefined;
|
|
5970
5977
|
colorScheme?: string | undefined;
|
|
5971
5978
|
} | undefined;
|
|
5972
5979
|
};
|