@vygruppen/spor-react 2.0.1 → 2.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 +10 -8
- package/CHANGELOG.md +12 -0
- package/dist/CountryCodeSelect-AH34A2N4.mjs +6629 -0
- package/dist/chunk-XYGGYJ2I.mjs +13978 -0
- package/dist/index.d.ts +123 -50
- package/dist/index.js +19766 -11336
- package/dist/index.mjs +1 -13822
- package/package.json +4 -4
- package/src/datepicker/DateTimeSegment.tsx +1 -0
- package/src/datepicker/TimePicker.tsx +0 -1
- package/src/input/AttachedInputs.tsx +55 -0
- package/src/input/CardSelect.tsx +1 -0
- package/src/input/CountryCodeSelect.tsx +52 -0
- package/src/input/FormErrorMessage.tsx +6 -2
- package/src/input/InfoSelect.tsx +37 -9
- package/src/input/Input.tsx +6 -5
- package/src/input/NativeSelect.tsx +6 -1
- package/src/input/PasswordInput.tsx +1 -0
- package/src/input/PhoneNumberInput.tsx +113 -0
- package/src/input/SearchInput.tsx +1 -0
- package/src/input/index.tsx +2 -0
- package/src/theme/components/datepicker.ts +0 -1
- package/src/theme/components/info-select.ts +8 -7
- package/src/theme/components/input.ts +8 -6
- package/src/theme/components/select.ts +1 -1
- package/src/theme/utils/sr-utils.ts +13 -0
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, 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, 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, Container, ContainerProps, DarkMode, DrawerBody, DrawerCloseButton, DrawerFooter, DrawerOverlay, DrawerProps, 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, SimpleGrid, SimpleGridProps, 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';
|
|
@@ -532,6 +532,21 @@ type Translations = {
|
|
|
532
532
|
*/
|
|
533
533
|
declare function createTexts<T extends Translations>(texts: T): T;
|
|
534
534
|
|
|
535
|
+
type AttachedInputsProps = FlexProps;
|
|
536
|
+
/**
|
|
537
|
+
* Attaches several inputs together, so that they look like one input.
|
|
538
|
+
*
|
|
539
|
+
* ```tsx
|
|
540
|
+
* <AttachedInputs>
|
|
541
|
+
* <Input />
|
|
542
|
+
* <NativeSelect>
|
|
543
|
+
* <SelectItem />
|
|
544
|
+
* </NativeSelect>
|
|
545
|
+
* </AttachedInputs>
|
|
546
|
+
* ```
|
|
547
|
+
*/
|
|
548
|
+
declare const AttachedInputs: ({ flexDirection, ...rest }: AttachedInputsProps) => JSX.Element;
|
|
549
|
+
|
|
535
550
|
type CardSelectProps = BoxProps & {
|
|
536
551
|
/** The design of the trigger button.
|
|
537
552
|
*
|
|
@@ -665,7 +680,7 @@ declare const ChoiceChip: _chakra_ui_system_dist_system_types.ComponentWithAs<_c
|
|
|
665
680
|
type FormControlProps = FormControlProps$1;
|
|
666
681
|
declare const FormControl: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", FormControlProps$1>;
|
|
667
682
|
|
|
668
|
-
type FormErrorMessageProps = {
|
|
683
|
+
type FormErrorMessageProps = BoxProps & {
|
|
669
684
|
/**
|
|
670
685
|
* The error message itself.
|
|
671
686
|
*/
|
|
@@ -696,12 +711,12 @@ type FormErrorMessageProps = {
|
|
|
696
711
|
*
|
|
697
712
|
* @see https://spor.vy.no/komponenter/skjemaelementer
|
|
698
713
|
*/
|
|
699
|
-
declare const FormErrorMessage: ({ children }: FormErrorMessageProps) => JSX.Element | null;
|
|
714
|
+
declare const FormErrorMessage: ({ children, ...boxProps }: FormErrorMessageProps) => JSX.Element | null;
|
|
700
715
|
|
|
701
716
|
type FormLabelProps = FormLabelProps$1;
|
|
702
717
|
declare const FormLabel: _chakra_ui_system_dist_system_types.ComponentWithAs<"label", FormLabelProps$1>;
|
|
703
718
|
|
|
704
|
-
type InfoSelectProps = {
|
|
719
|
+
type InfoSelectProps<T> = {
|
|
705
720
|
/**
|
|
706
721
|
* Either a render function accepting an item, and returning a <SelectItem />,
|
|
707
722
|
* or a list of <SelectItem />s.
|
|
@@ -729,7 +744,7 @@ type InfoSelectProps = {
|
|
|
729
744
|
* </Select>
|
|
730
745
|
* ```
|
|
731
746
|
**/
|
|
732
|
-
children:
|
|
747
|
+
children: React__default.ReactNode | ((item: T) => React__default.ReactNode);
|
|
733
748
|
/**
|
|
734
749
|
* The items to render
|
|
735
750
|
*
|
|
@@ -743,7 +758,7 @@ type InfoSelectProps = {
|
|
|
743
758
|
* </Select>
|
|
744
759
|
* ```
|
|
745
760
|
*/
|
|
746
|
-
items
|
|
761
|
+
items?: T[];
|
|
747
762
|
/** Callback for when something is selected */
|
|
748
763
|
onChange?: (value: string | number) => void;
|
|
749
764
|
value?: string | number;
|
|
@@ -760,6 +775,12 @@ type InfoSelectProps = {
|
|
|
760
775
|
onOpenChange?: (isOpen: boolean) => void;
|
|
761
776
|
/** The label describing the choice */
|
|
762
777
|
label: string;
|
|
778
|
+
/** Hide the label visually
|
|
779
|
+
*
|
|
780
|
+
* Should be used sparingly, as it makes the component less accessible.
|
|
781
|
+
* Useful for the label is obvious, like a phone number country code select.
|
|
782
|
+
*/
|
|
783
|
+
isLabelSrOnly?: boolean;
|
|
763
784
|
/** The name of the select element */
|
|
764
785
|
name?: string;
|
|
765
786
|
/**
|
|
@@ -773,6 +794,11 @@ type InfoSelectProps = {
|
|
|
773
794
|
* Defaults to the width of the selected content
|
|
774
795
|
*/
|
|
775
796
|
width?: ResponsiveValue<string | number>;
|
|
797
|
+
/** The height of the select box.
|
|
798
|
+
*
|
|
799
|
+
* Defaults to "auto"
|
|
800
|
+
*/
|
|
801
|
+
height?: ResponsiveValue<string | number>;
|
|
776
802
|
isDisabled?: boolean;
|
|
777
803
|
/** A list of disabled keys.
|
|
778
804
|
*
|
|
@@ -785,6 +811,8 @@ type InfoSelectProps = {
|
|
|
785
811
|
* ```
|
|
786
812
|
**/
|
|
787
813
|
disabledKeys?: string[];
|
|
814
|
+
/** Whether or not the input is invalid */
|
|
815
|
+
"aria-invalid"?: boolean;
|
|
788
816
|
};
|
|
789
817
|
/**
|
|
790
818
|
* A styled select component.
|
|
@@ -821,7 +849,9 @@ type InfoSelectProps = {
|
|
|
821
849
|
*
|
|
822
850
|
* @see https://spor.vy.no/komponenter/info-select
|
|
823
851
|
*/
|
|
824
|
-
declare
|
|
852
|
+
declare function InfoSelect<T extends {
|
|
853
|
+
key: string;
|
|
854
|
+
}>({ placeholder, width, height, onChange, value, isLabelSrOnly, defaultValue, ...props }: InfoSelectProps<T>): JSX.Element;
|
|
825
855
|
|
|
826
856
|
type InputProps = Exclude<InputProps$1, "variant" | "size"> & {
|
|
827
857
|
/** The input's label */
|
|
@@ -930,6 +960,40 @@ declare const NativeSelect: _chakra_ui_system_dist_system_types.ComponentWithAs<
|
|
|
930
960
|
type PasswordInputProps = InputProps;
|
|
931
961
|
declare const PasswordInput: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", InputProps>;
|
|
932
962
|
|
|
963
|
+
type CountryCodeAndPhoneNumber = {
|
|
964
|
+
countryCode: string;
|
|
965
|
+
phoneNumber: string;
|
|
966
|
+
};
|
|
967
|
+
type PhoneNumberInputProps = BoxProps & {
|
|
968
|
+
/** The root name.
|
|
969
|
+
*
|
|
970
|
+
* Please note that when specifying the name, the rendered names will be `${name}-country-code` and `${name}-phone-number`, respectively
|
|
971
|
+
*/
|
|
972
|
+
name?: string;
|
|
973
|
+
/** Callback for when the country code or phone number changes */
|
|
974
|
+
onChange?: (change: CountryCodeAndPhoneNumber) => void;
|
|
975
|
+
/** The optional value of the country code and phone number */
|
|
976
|
+
value?: CountryCodeAndPhoneNumber;
|
|
977
|
+
};
|
|
978
|
+
/**
|
|
979
|
+
* A component for entering phone numbers.
|
|
980
|
+
*
|
|
981
|
+
* ```tsx
|
|
982
|
+
* <PhoneNumberInput name="phone" />
|
|
983
|
+
* ```
|
|
984
|
+
*
|
|
985
|
+
* > Please note that when specifying the name, the rendered names will be `${name}-country-code` and `${name}-phone-number`, respectively
|
|
986
|
+
*
|
|
987
|
+
* The field can be controlled as well:
|
|
988
|
+
* ```tsx
|
|
989
|
+
* <PhoneNumberInput
|
|
990
|
+
* value={{ countryCode: '+47', phoneNumber: '81549300' }}
|
|
991
|
+
* onChange={handleChange}
|
|
992
|
+
* />
|
|
993
|
+
* ```
|
|
994
|
+
*/
|
|
995
|
+
declare const PhoneNumberInput: _chakra_ui_system_dist_system_types.ComponentWithAs<As, PhoneNumberInputProps>;
|
|
996
|
+
|
|
933
997
|
type RadioProps = Exclude<RadioProps$1, "colorScheme" | "size" | "variant">;
|
|
934
998
|
/**
|
|
935
999
|
* The humble radio button.
|
|
@@ -2452,7 +2516,6 @@ declare const theme: {
|
|
|
2452
2516
|
display: string;
|
|
2453
2517
|
flex: number;
|
|
2454
2518
|
paddingY: number;
|
|
2455
|
-
minHeight: number;
|
|
2456
2519
|
alignItems: string;
|
|
2457
2520
|
_hover: {
|
|
2458
2521
|
boxShadow: string;
|
|
@@ -2906,7 +2969,16 @@ declare const theme: {
|
|
|
2906
2969
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
2907
2970
|
container: {};
|
|
2908
2971
|
label: {
|
|
2972
|
+
border?: string | undefined;
|
|
2973
|
+
clip?: string | undefined;
|
|
2974
|
+
clipPath?: string | undefined;
|
|
2975
|
+
height?: string | undefined;
|
|
2976
|
+
margin?: string | undefined;
|
|
2977
|
+
overflow?: string | undefined;
|
|
2978
|
+
padding?: string | undefined;
|
|
2909
2979
|
position: string;
|
|
2980
|
+
width?: string | undefined;
|
|
2981
|
+
whiteSpace?: string | undefined;
|
|
2910
2982
|
};
|
|
2911
2983
|
button: {
|
|
2912
2984
|
_disabled: {
|
|
@@ -2938,6 +3010,7 @@ declare const theme: {
|
|
|
2938
3010
|
display: string;
|
|
2939
3011
|
justifyContent: string;
|
|
2940
3012
|
alignItems: string;
|
|
3013
|
+
fontSize: string;
|
|
2941
3014
|
boxShadow: string;
|
|
2942
3015
|
_hover: {
|
|
2943
3016
|
boxShadow: string;
|
|
@@ -3750,7 +3823,7 @@ declare const theme: {
|
|
|
3750
3823
|
};
|
|
3751
3824
|
field: {
|
|
3752
3825
|
appearance: string;
|
|
3753
|
-
|
|
3826
|
+
paddingTop: string;
|
|
3754
3827
|
"option, optgroup": {
|
|
3755
3828
|
background: string;
|
|
3756
3829
|
};
|
|
@@ -4888,17 +4961,17 @@ declare const theme: {
|
|
|
4888
4961
|
sizes?: {
|
|
4889
4962
|
"2xs": {
|
|
4890
4963
|
container: {
|
|
4891
|
-
width: "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 |
|
|
4892
|
-
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 |
|
|
4964
|
+
width: "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;
|
|
4965
|
+
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;
|
|
4893
4966
|
fontSize: string;
|
|
4894
4967
|
};
|
|
4895
4968
|
excessLabel: {
|
|
4896
|
-
width: "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 |
|
|
4897
|
-
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 |
|
|
4969
|
+
width: "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;
|
|
4970
|
+
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;
|
|
4898
4971
|
};
|
|
4899
4972
|
label: {
|
|
4900
4973
|
fontSize: string;
|
|
4901
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 |
|
|
4974
|
+
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 | {
|
|
4902
4975
|
sm: string;
|
|
4903
4976
|
md: string;
|
|
4904
4977
|
lg: string;
|
|
@@ -4908,17 +4981,17 @@ declare const theme: {
|
|
|
4908
4981
|
};
|
|
4909
4982
|
xs: {
|
|
4910
4983
|
container: {
|
|
4911
|
-
width: "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 |
|
|
4912
|
-
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 |
|
|
4984
|
+
width: "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;
|
|
4985
|
+
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;
|
|
4913
4986
|
fontSize: string;
|
|
4914
4987
|
};
|
|
4915
4988
|
excessLabel: {
|
|
4916
|
-
width: "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 |
|
|
4917
|
-
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 |
|
|
4989
|
+
width: "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;
|
|
4990
|
+
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;
|
|
4918
4991
|
};
|
|
4919
4992
|
label: {
|
|
4920
4993
|
fontSize: string;
|
|
4921
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 |
|
|
4994
|
+
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 | {
|
|
4922
4995
|
sm: string;
|
|
4923
4996
|
md: string;
|
|
4924
4997
|
lg: string;
|
|
@@ -4928,17 +5001,17 @@ declare const theme: {
|
|
|
4928
5001
|
};
|
|
4929
5002
|
sm: {
|
|
4930
5003
|
container: {
|
|
4931
|
-
width: "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 |
|
|
4932
|
-
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 |
|
|
5004
|
+
width: "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;
|
|
5005
|
+
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;
|
|
4933
5006
|
fontSize: string;
|
|
4934
5007
|
};
|
|
4935
5008
|
excessLabel: {
|
|
4936
|
-
width: "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 |
|
|
4937
|
-
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 |
|
|
5009
|
+
width: "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;
|
|
5010
|
+
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;
|
|
4938
5011
|
};
|
|
4939
5012
|
label: {
|
|
4940
5013
|
fontSize: string;
|
|
4941
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 |
|
|
5014
|
+
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 | {
|
|
4942
5015
|
sm: string;
|
|
4943
5016
|
md: string;
|
|
4944
5017
|
lg: string;
|
|
@@ -4948,17 +5021,17 @@ declare const theme: {
|
|
|
4948
5021
|
};
|
|
4949
5022
|
md: {
|
|
4950
5023
|
container: {
|
|
4951
|
-
width: "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 |
|
|
4952
|
-
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 |
|
|
5024
|
+
width: "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;
|
|
5025
|
+
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;
|
|
4953
5026
|
fontSize: string;
|
|
4954
5027
|
};
|
|
4955
5028
|
excessLabel: {
|
|
4956
|
-
width: "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 |
|
|
4957
|
-
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 |
|
|
5029
|
+
width: "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;
|
|
5030
|
+
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;
|
|
4958
5031
|
};
|
|
4959
5032
|
label: {
|
|
4960
5033
|
fontSize: string;
|
|
4961
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 |
|
|
5034
|
+
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 | {
|
|
4962
5035
|
sm: string;
|
|
4963
5036
|
md: string;
|
|
4964
5037
|
lg: string;
|
|
@@ -4968,17 +5041,17 @@ declare const theme: {
|
|
|
4968
5041
|
};
|
|
4969
5042
|
lg: {
|
|
4970
5043
|
container: {
|
|
4971
|
-
width: "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 |
|
|
4972
|
-
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 |
|
|
5044
|
+
width: "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;
|
|
5045
|
+
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;
|
|
4973
5046
|
fontSize: string;
|
|
4974
5047
|
};
|
|
4975
5048
|
excessLabel: {
|
|
4976
|
-
width: "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 |
|
|
4977
|
-
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 |
|
|
5049
|
+
width: "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;
|
|
5050
|
+
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;
|
|
4978
5051
|
};
|
|
4979
5052
|
label: {
|
|
4980
5053
|
fontSize: string;
|
|
4981
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 |
|
|
5054
|
+
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 | {
|
|
4982
5055
|
sm: string;
|
|
4983
5056
|
md: string;
|
|
4984
5057
|
lg: string;
|
|
@@ -4988,17 +5061,17 @@ declare const theme: {
|
|
|
4988
5061
|
};
|
|
4989
5062
|
xl: {
|
|
4990
5063
|
container: {
|
|
4991
|
-
width: "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 |
|
|
4992
|
-
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 |
|
|
5064
|
+
width: "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;
|
|
5065
|
+
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;
|
|
4993
5066
|
fontSize: string;
|
|
4994
5067
|
};
|
|
4995
5068
|
excessLabel: {
|
|
4996
|
-
width: "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 |
|
|
4997
|
-
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 |
|
|
5069
|
+
width: "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;
|
|
5070
|
+
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;
|
|
4998
5071
|
};
|
|
4999
5072
|
label: {
|
|
5000
5073
|
fontSize: string;
|
|
5001
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 |
|
|
5074
|
+
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 | {
|
|
5002
5075
|
sm: string;
|
|
5003
5076
|
md: string;
|
|
5004
5077
|
lg: string;
|
|
@@ -5008,17 +5081,17 @@ declare const theme: {
|
|
|
5008
5081
|
};
|
|
5009
5082
|
"2xl": {
|
|
5010
5083
|
container: {
|
|
5011
|
-
width: "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 |
|
|
5012
|
-
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 |
|
|
5084
|
+
width: "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;
|
|
5085
|
+
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;
|
|
5013
5086
|
fontSize: string;
|
|
5014
5087
|
};
|
|
5015
5088
|
excessLabel: {
|
|
5016
|
-
width: "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 |
|
|
5017
|
-
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 |
|
|
5089
|
+
width: "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;
|
|
5090
|
+
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;
|
|
5018
5091
|
};
|
|
5019
5092
|
label: {
|
|
5020
5093
|
fontSize: string;
|
|
5021
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 |
|
|
5094
|
+
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 | {
|
|
5022
5095
|
sm: string;
|
|
5023
5096
|
md: string;
|
|
5024
5097
|
lg: string;
|
|
@@ -5028,17 +5101,17 @@ declare const theme: {
|
|
|
5028
5101
|
};
|
|
5029
5102
|
full: {
|
|
5030
5103
|
container: {
|
|
5031
|
-
width: "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 |
|
|
5032
|
-
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 |
|
|
5104
|
+
width: "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;
|
|
5105
|
+
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;
|
|
5033
5106
|
fontSize: string;
|
|
5034
5107
|
};
|
|
5035
5108
|
excessLabel: {
|
|
5036
|
-
width: "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 |
|
|
5037
|
-
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 |
|
|
5109
|
+
width: "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;
|
|
5110
|
+
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;
|
|
5038
5111
|
};
|
|
5039
5112
|
label: {
|
|
5040
5113
|
fontSize: string;
|
|
5041
|
-
lineHeight: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 0.5 | 1.5 |
|
|
5114
|
+
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 | {
|
|
5042
5115
|
sm: string;
|
|
5043
5116
|
md: string;
|
|
5044
5117
|
lg: string;
|
|
@@ -6717,4 +6790,4 @@ type TextProps = Omit<TextProps$1, "textStyle"> & {
|
|
|
6717
6790
|
*/
|
|
6718
6791
|
declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", TextProps>;
|
|
6719
6792
|
|
|
6720
|
-
export { Accordion, AccordionProps, Badge, BadgeProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, CardSelect, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChoiceChip, ChoiceChipProps, ClosableAlert, CloseButton, CloseButtonProps, Code, CodeProps, ColorInlineLoader, ColorInlineLoaderProps, ColorSpinner, ColorSpinnerProps, 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, Heading, HeadingProps, IconButton, IconButtonProps, InfoSelect, InfoTag, InfoTagProps, Input, InputElementProps, InputLeftElement, InputProps, InputRightElement, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightInlineLoaderProps, LightSpinner, LightSpinnerProps, LineIcon, LineIconProps, ListBox, ModalHeader, ModalHeaderProps, NativeSelect, NativeSelectProps, PasswordInput, PasswordInputProps, PlayPauseButton, PopoverWizardBody, PopoverWizardProps, ProgressBar, ProgressLoader, Radio, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SelectItemDescription, SelectItemLabel, SimpleDrawer, SimpleDrawerProps, SimplePopover, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoProps, WizardPopover, WizardPopoverProps, createTexts, fontFaces, theme, useToast, useTranslation };
|
|
6793
|
+
export { Accordion, AccordionProps, AttachedInputs, Badge, BadgeProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, CardSelect, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChoiceChip, ChoiceChipProps, ClosableAlert, CloseButton, CloseButtonProps, Code, CodeProps, ColorInlineLoader, ColorInlineLoaderProps, ColorSpinner, ColorSpinnerProps, 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, Heading, HeadingProps, IconButton, IconButtonProps, InfoSelect, InfoTag, InfoTagProps, Input, InputElementProps, InputLeftElement, InputProps, InputRightElement, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightInlineLoaderProps, LightSpinner, LightSpinnerProps, LineIcon, LineIconProps, ListBox, ModalHeader, ModalHeaderProps, NativeSelect, NativeSelectProps, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton, PopoverWizardBody, PopoverWizardProps, ProgressBar, ProgressLoader, Radio, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SelectItemDescription, SelectItemLabel, SimpleDrawer, SimpleDrawerProps, SimplePopover, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoProps, WizardPopover, WizardPopoverProps, createTexts, fontFaces, theme, useToast, useTranslation };
|