@vygruppen/spor-react 2.0.0 → 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 +11 -9
- package/CHANGELOG.md +18 -0
- package/dist/CountryCodeSelect-AH34A2N4.mjs +6629 -0
- package/dist/chunk-XYGGYJ2I.mjs +13978 -0
- package/dist/index.d.ts +127 -52
- package/dist/index.js +19796 -11362
- package/dist/index.mjs +1 -13818
- package/package.json +4 -4
- package/src/datepicker/DateRangePicker.tsx +7 -1
- 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';
|
|
@@ -436,7 +436,9 @@ declare function DatePicker({ variant, errorMessage, minHeight, showYearNavigati
|
|
|
436
436
|
|
|
437
437
|
type DateRangePickerProps = AriaDateRangePickerProps<DateValue> & Pick<BoxProps, "minHeight"> & {
|
|
438
438
|
startLabel?: string;
|
|
439
|
+
startName?: string;
|
|
439
440
|
endLabel?: string;
|
|
441
|
+
endName?: string;
|
|
440
442
|
variant: ResponsiveValue<"simple" | "with-trigger">;
|
|
441
443
|
};
|
|
442
444
|
/**
|
|
@@ -445,10 +447,10 @@ type DateRangePickerProps = AriaDateRangePickerProps<DateValue> & Pick<BoxProps,
|
|
|
445
447
|
* There are two versions of this component – a simple one, and one with a trigger button for showing the calendar. Use whatever fits your design.
|
|
446
448
|
*
|
|
447
449
|
* ```tsx
|
|
448
|
-
* <DateRangePicker startLabel="From" endLabel="To" variant="simple" />
|
|
450
|
+
* <DateRangePicker startLabel="From" startName="from" endLabel="To" endName="to" variant="simple" />
|
|
449
451
|
* ```
|
|
450
452
|
*/
|
|
451
|
-
declare function DateRangePicker({ variant, minHeight, ...props }: DateRangePickerProps): JSX.Element;
|
|
453
|
+
declare function DateRangePicker({ variant, minHeight, startName, endName, ...props }: DateRangePickerProps): JSX.Element;
|
|
452
454
|
|
|
453
455
|
type TimePickerProps = Omit<BoxProps, "defaultValue"> & {
|
|
454
456
|
/** The label. Defaults to a localized version of "Time" */
|
|
@@ -530,6 +532,21 @@ type Translations = {
|
|
|
530
532
|
*/
|
|
531
533
|
declare function createTexts<T extends Translations>(texts: T): T;
|
|
532
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
|
+
|
|
533
550
|
type CardSelectProps = BoxProps & {
|
|
534
551
|
/** The design of the trigger button.
|
|
535
552
|
*
|
|
@@ -663,7 +680,7 @@ declare const ChoiceChip: _chakra_ui_system_dist_system_types.ComponentWithAs<_c
|
|
|
663
680
|
type FormControlProps = FormControlProps$1;
|
|
664
681
|
declare const FormControl: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", FormControlProps$1>;
|
|
665
682
|
|
|
666
|
-
type FormErrorMessageProps = {
|
|
683
|
+
type FormErrorMessageProps = BoxProps & {
|
|
667
684
|
/**
|
|
668
685
|
* The error message itself.
|
|
669
686
|
*/
|
|
@@ -694,12 +711,12 @@ type FormErrorMessageProps = {
|
|
|
694
711
|
*
|
|
695
712
|
* @see https://spor.vy.no/komponenter/skjemaelementer
|
|
696
713
|
*/
|
|
697
|
-
declare const FormErrorMessage: ({ children }: FormErrorMessageProps) => JSX.Element | null;
|
|
714
|
+
declare const FormErrorMessage: ({ children, ...boxProps }: FormErrorMessageProps) => JSX.Element | null;
|
|
698
715
|
|
|
699
716
|
type FormLabelProps = FormLabelProps$1;
|
|
700
717
|
declare const FormLabel: _chakra_ui_system_dist_system_types.ComponentWithAs<"label", FormLabelProps$1>;
|
|
701
718
|
|
|
702
|
-
type InfoSelectProps = {
|
|
719
|
+
type InfoSelectProps<T> = {
|
|
703
720
|
/**
|
|
704
721
|
* Either a render function accepting an item, and returning a <SelectItem />,
|
|
705
722
|
* or a list of <SelectItem />s.
|
|
@@ -727,7 +744,7 @@ type InfoSelectProps = {
|
|
|
727
744
|
* </Select>
|
|
728
745
|
* ```
|
|
729
746
|
**/
|
|
730
|
-
children:
|
|
747
|
+
children: React__default.ReactNode | ((item: T) => React__default.ReactNode);
|
|
731
748
|
/**
|
|
732
749
|
* The items to render
|
|
733
750
|
*
|
|
@@ -741,7 +758,7 @@ type InfoSelectProps = {
|
|
|
741
758
|
* </Select>
|
|
742
759
|
* ```
|
|
743
760
|
*/
|
|
744
|
-
items
|
|
761
|
+
items?: T[];
|
|
745
762
|
/** Callback for when something is selected */
|
|
746
763
|
onChange?: (value: string | number) => void;
|
|
747
764
|
value?: string | number;
|
|
@@ -758,6 +775,12 @@ type InfoSelectProps = {
|
|
|
758
775
|
onOpenChange?: (isOpen: boolean) => void;
|
|
759
776
|
/** The label describing the choice */
|
|
760
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;
|
|
761
784
|
/** The name of the select element */
|
|
762
785
|
name?: string;
|
|
763
786
|
/**
|
|
@@ -771,6 +794,11 @@ type InfoSelectProps = {
|
|
|
771
794
|
* Defaults to the width of the selected content
|
|
772
795
|
*/
|
|
773
796
|
width?: ResponsiveValue<string | number>;
|
|
797
|
+
/** The height of the select box.
|
|
798
|
+
*
|
|
799
|
+
* Defaults to "auto"
|
|
800
|
+
*/
|
|
801
|
+
height?: ResponsiveValue<string | number>;
|
|
774
802
|
isDisabled?: boolean;
|
|
775
803
|
/** A list of disabled keys.
|
|
776
804
|
*
|
|
@@ -783,6 +811,8 @@ type InfoSelectProps = {
|
|
|
783
811
|
* ```
|
|
784
812
|
**/
|
|
785
813
|
disabledKeys?: string[];
|
|
814
|
+
/** Whether or not the input is invalid */
|
|
815
|
+
"aria-invalid"?: boolean;
|
|
786
816
|
};
|
|
787
817
|
/**
|
|
788
818
|
* A styled select component.
|
|
@@ -819,7 +849,9 @@ type InfoSelectProps = {
|
|
|
819
849
|
*
|
|
820
850
|
* @see https://spor.vy.no/komponenter/info-select
|
|
821
851
|
*/
|
|
822
|
-
declare
|
|
852
|
+
declare function InfoSelect<T extends {
|
|
853
|
+
key: string;
|
|
854
|
+
}>({ placeholder, width, height, onChange, value, isLabelSrOnly, defaultValue, ...props }: InfoSelectProps<T>): JSX.Element;
|
|
823
855
|
|
|
824
856
|
type InputProps = Exclude<InputProps$1, "variant" | "size"> & {
|
|
825
857
|
/** The input's label */
|
|
@@ -928,6 +960,40 @@ declare const NativeSelect: _chakra_ui_system_dist_system_types.ComponentWithAs<
|
|
|
928
960
|
type PasswordInputProps = InputProps;
|
|
929
961
|
declare const PasswordInput: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", InputProps>;
|
|
930
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
|
+
|
|
931
997
|
type RadioProps = Exclude<RadioProps$1, "colorScheme" | "size" | "variant">;
|
|
932
998
|
/**
|
|
933
999
|
* The humble radio button.
|
|
@@ -2450,7 +2516,6 @@ declare const theme: {
|
|
|
2450
2516
|
display: string;
|
|
2451
2517
|
flex: number;
|
|
2452
2518
|
paddingY: number;
|
|
2453
|
-
minHeight: number;
|
|
2454
2519
|
alignItems: string;
|
|
2455
2520
|
_hover: {
|
|
2456
2521
|
boxShadow: string;
|
|
@@ -2904,7 +2969,16 @@ declare const theme: {
|
|
|
2904
2969
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
2905
2970
|
container: {};
|
|
2906
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;
|
|
2907
2979
|
position: string;
|
|
2980
|
+
width?: string | undefined;
|
|
2981
|
+
whiteSpace?: string | undefined;
|
|
2908
2982
|
};
|
|
2909
2983
|
button: {
|
|
2910
2984
|
_disabled: {
|
|
@@ -2936,6 +3010,7 @@ declare const theme: {
|
|
|
2936
3010
|
display: string;
|
|
2937
3011
|
justifyContent: string;
|
|
2938
3012
|
alignItems: string;
|
|
3013
|
+
fontSize: string;
|
|
2939
3014
|
boxShadow: string;
|
|
2940
3015
|
_hover: {
|
|
2941
3016
|
boxShadow: string;
|
|
@@ -3748,7 +3823,7 @@ declare const theme: {
|
|
|
3748
3823
|
};
|
|
3749
3824
|
field: {
|
|
3750
3825
|
appearance: string;
|
|
3751
|
-
|
|
3826
|
+
paddingTop: string;
|
|
3752
3827
|
"option, optgroup": {
|
|
3753
3828
|
background: string;
|
|
3754
3829
|
};
|
|
@@ -4886,17 +4961,17 @@ declare const theme: {
|
|
|
4886
4961
|
sizes?: {
|
|
4887
4962
|
"2xs": {
|
|
4888
4963
|
container: {
|
|
4889
|
-
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 |
|
|
4890
|
-
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;
|
|
4891
4966
|
fontSize: string;
|
|
4892
4967
|
};
|
|
4893
4968
|
excessLabel: {
|
|
4894
|
-
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 |
|
|
4895
|
-
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;
|
|
4896
4971
|
};
|
|
4897
4972
|
label: {
|
|
4898
4973
|
fontSize: string;
|
|
4899
|
-
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 | {
|
|
4900
4975
|
sm: string;
|
|
4901
4976
|
md: string;
|
|
4902
4977
|
lg: string;
|
|
@@ -4906,17 +4981,17 @@ declare const theme: {
|
|
|
4906
4981
|
};
|
|
4907
4982
|
xs: {
|
|
4908
4983
|
container: {
|
|
4909
|
-
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 |
|
|
4910
|
-
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;
|
|
4911
4986
|
fontSize: string;
|
|
4912
4987
|
};
|
|
4913
4988
|
excessLabel: {
|
|
4914
|
-
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 |
|
|
4915
|
-
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;
|
|
4916
4991
|
};
|
|
4917
4992
|
label: {
|
|
4918
4993
|
fontSize: string;
|
|
4919
|
-
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 | {
|
|
4920
4995
|
sm: string;
|
|
4921
4996
|
md: string;
|
|
4922
4997
|
lg: string;
|
|
@@ -4926,17 +5001,17 @@ declare const theme: {
|
|
|
4926
5001
|
};
|
|
4927
5002
|
sm: {
|
|
4928
5003
|
container: {
|
|
4929
|
-
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 |
|
|
4930
|
-
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;
|
|
4931
5006
|
fontSize: string;
|
|
4932
5007
|
};
|
|
4933
5008
|
excessLabel: {
|
|
4934
|
-
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 |
|
|
4935
|
-
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;
|
|
4936
5011
|
};
|
|
4937
5012
|
label: {
|
|
4938
5013
|
fontSize: string;
|
|
4939
|
-
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 | {
|
|
4940
5015
|
sm: string;
|
|
4941
5016
|
md: string;
|
|
4942
5017
|
lg: string;
|
|
@@ -4946,17 +5021,17 @@ declare const theme: {
|
|
|
4946
5021
|
};
|
|
4947
5022
|
md: {
|
|
4948
5023
|
container: {
|
|
4949
|
-
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 |
|
|
4950
|
-
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;
|
|
4951
5026
|
fontSize: string;
|
|
4952
5027
|
};
|
|
4953
5028
|
excessLabel: {
|
|
4954
|
-
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 |
|
|
4955
|
-
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;
|
|
4956
5031
|
};
|
|
4957
5032
|
label: {
|
|
4958
5033
|
fontSize: string;
|
|
4959
|
-
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 | {
|
|
4960
5035
|
sm: string;
|
|
4961
5036
|
md: string;
|
|
4962
5037
|
lg: string;
|
|
@@ -4966,17 +5041,17 @@ declare const theme: {
|
|
|
4966
5041
|
};
|
|
4967
5042
|
lg: {
|
|
4968
5043
|
container: {
|
|
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 |
|
|
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 |
|
|
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;
|
|
4971
5046
|
fontSize: string;
|
|
4972
5047
|
};
|
|
4973
5048
|
excessLabel: {
|
|
4974
|
-
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 |
|
|
4975
|
-
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;
|
|
4976
5051
|
};
|
|
4977
5052
|
label: {
|
|
4978
5053
|
fontSize: string;
|
|
4979
|
-
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 | {
|
|
4980
5055
|
sm: string;
|
|
4981
5056
|
md: string;
|
|
4982
5057
|
lg: string;
|
|
@@ -4986,17 +5061,17 @@ declare const theme: {
|
|
|
4986
5061
|
};
|
|
4987
5062
|
xl: {
|
|
4988
5063
|
container: {
|
|
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 |
|
|
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 |
|
|
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;
|
|
4991
5066
|
fontSize: string;
|
|
4992
5067
|
};
|
|
4993
5068
|
excessLabel: {
|
|
4994
|
-
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 |
|
|
4995
|
-
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;
|
|
4996
5071
|
};
|
|
4997
5072
|
label: {
|
|
4998
5073
|
fontSize: string;
|
|
4999
|
-
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 | {
|
|
5000
5075
|
sm: string;
|
|
5001
5076
|
md: string;
|
|
5002
5077
|
lg: string;
|
|
@@ -5006,17 +5081,17 @@ declare const theme: {
|
|
|
5006
5081
|
};
|
|
5007
5082
|
"2xl": {
|
|
5008
5083
|
container: {
|
|
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 |
|
|
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 |
|
|
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;
|
|
5011
5086
|
fontSize: string;
|
|
5012
5087
|
};
|
|
5013
5088
|
excessLabel: {
|
|
5014
|
-
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 |
|
|
5015
|
-
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;
|
|
5016
5091
|
};
|
|
5017
5092
|
label: {
|
|
5018
5093
|
fontSize: string;
|
|
5019
|
-
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 | {
|
|
5020
5095
|
sm: string;
|
|
5021
5096
|
md: string;
|
|
5022
5097
|
lg: string;
|
|
@@ -5026,17 +5101,17 @@ declare const theme: {
|
|
|
5026
5101
|
};
|
|
5027
5102
|
full: {
|
|
5028
5103
|
container: {
|
|
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 |
|
|
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 |
|
|
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;
|
|
5031
5106
|
fontSize: string;
|
|
5032
5107
|
};
|
|
5033
5108
|
excessLabel: {
|
|
5034
|
-
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 |
|
|
5035
|
-
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;
|
|
5036
5111
|
};
|
|
5037
5112
|
label: {
|
|
5038
5113
|
fontSize: string;
|
|
5039
|
-
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 | {
|
|
5040
5115
|
sm: string;
|
|
5041
5116
|
md: string;
|
|
5042
5117
|
lg: string;
|
|
@@ -6715,4 +6790,4 @@ type TextProps = Omit<TextProps$1, "textStyle"> & {
|
|
|
6715
6790
|
*/
|
|
6716
6791
|
declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", TextProps>;
|
|
6717
6792
|
|
|
6718
|
-
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 };
|