@vygruppen/spor-react 9.2.1 → 9.4.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 -10
- package/CHANGELOG.md +24 -0
- package/dist/{CountryCodeSelect-FR7IFLQR.mjs → CountryCodeSelect-5QKP6VFT.mjs} +1 -1
- package/dist/{chunk-EVOFJL5T.mjs → chunk-JRXSGTL2.mjs} +611 -435
- package/dist/index.d.mts +143 -64
- package/dist/index.d.ts +143 -64
- package/dist/index.js +690 -491
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/alert/AlertIcon.tsx +1 -1
- package/src/card/StaticCard.tsx +25 -0
- package/src/card/index.tsx +1 -0
- package/src/input/CardSelect.tsx +15 -1
- package/src/input/Combobox.tsx +52 -38
- package/src/modal/FullScreenDrawer.tsx +179 -0
- package/src/modal/index.tsx +1 -0
- package/src/theme/components/button.ts +1 -1
- package/src/theme/components/choice-chip.ts +0 -2
- package/src/theme/components/datepicker.ts +2 -1
- package/src/theme/components/index.ts +1 -0
- package/src/theme/components/input.ts +1 -1
- package/src/theme/components/numeric-stepper.ts +1 -1
- package/src/theme/components/select.ts +1 -3
- package/src/theme/components/static-card.ts +66 -0
- package/src/theme/components/switch.ts +2 -2
- package/src/theme/utils/base-utils.ts +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -443,6 +443,27 @@ type CardProps = Exclude<BoxProps, "size"> & {
|
|
|
443
443
|
*/
|
|
444
444
|
declare const Card: _chakra_ui_system_dist_system_types.ComponentWithAs<As, CardProps>;
|
|
445
445
|
|
|
446
|
+
/**
|
|
447
|
+
* Renders a static card.
|
|
448
|
+
*
|
|
449
|
+
* The most basic version looks like this:
|
|
450
|
+
*
|
|
451
|
+
* ```tsx
|
|
452
|
+
* <StaticCard colorScheme="white">
|
|
453
|
+
* Content
|
|
454
|
+
* </StaticCard>
|
|
455
|
+
* ```
|
|
456
|
+
*
|
|
457
|
+
* Static cards can also be rendered as whatever DOM element you want – like a li (list item) or an article. You do this by specifying the `as` prop:
|
|
458
|
+
*
|
|
459
|
+
* ```tsx
|
|
460
|
+
* <StaticCard colorScheme="green" as="section">
|
|
461
|
+
* This is now a <section /> element
|
|
462
|
+
* </StaticCard>
|
|
463
|
+
* ```
|
|
464
|
+
*/
|
|
465
|
+
declare const StaticCard: ({ colorScheme, ...props }: any) => React.JSX.Element;
|
|
466
|
+
|
|
446
467
|
/**
|
|
447
468
|
* A date picker component.
|
|
448
469
|
*
|
|
@@ -667,9 +688,13 @@ type CardSelectProps = BoxProps & {
|
|
|
667
688
|
placement?: AriaPositionProps["placement"];
|
|
668
689
|
/** Whether or not to show the chevron. Defaults to true */
|
|
669
690
|
withChevron?: boolean;
|
|
691
|
+
/** Defaults to normal */
|
|
692
|
+
fontWeight?: ResponsiveValue<"normal" | "bold">;
|
|
670
693
|
} & ({
|
|
694
|
+
/** The text label of the trigger button */
|
|
671
695
|
label: string;
|
|
672
696
|
} | {
|
|
697
|
+
/** Accessible label for the trigger button */
|
|
673
698
|
"aria-label": string;
|
|
674
699
|
});
|
|
675
700
|
/**
|
|
@@ -777,6 +802,7 @@ type ChoiceChipProps = {
|
|
|
777
802
|
*/
|
|
778
803
|
declare const ChoiceChip: _chakra_ui_system_dist_system_types.ComponentWithAs<_chakra_ui_system_dist_system_types.As, ChoiceChipProps>;
|
|
779
804
|
|
|
805
|
+
type OverridableInputProps = Pick<InputProps, "marginTop" | "marginBottom" | "marginRight" | "marginLeft" | "marginY" | "marginX" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingY" | "paddingX" | "leftIcon" | "rightIcon" | "borderTopRightRadius" | "borderTopLeftRadius" | "borderBottomRightRadius" | "borderBottomLeftRadius" | "onFocus">;
|
|
780
806
|
type ComboboxProps<T> = AriaComboBoxProps<T> & {
|
|
781
807
|
/** The label of the combobox */
|
|
782
808
|
label: string;
|
|
@@ -788,7 +814,7 @@ type ComboboxProps<T> = AriaComboBoxProps<T> & {
|
|
|
788
814
|
inputRef?: React.RefObject<HTMLInputElement>;
|
|
789
815
|
/** If you want to allow an empty collection */
|
|
790
816
|
allowsEmptyCollection?: boolean;
|
|
791
|
-
} &
|
|
817
|
+
} & OverridableInputProps;
|
|
792
818
|
/**
|
|
793
819
|
* A combobox is a combination of an input and a list of suggestions.
|
|
794
820
|
*
|
|
@@ -1801,6 +1827,25 @@ type DrawerProps = DrawerProps$1;
|
|
|
1801
1827
|
declare const Drawer: (props: DrawerProps) => React.JSX.Element;
|
|
1802
1828
|
declare const DrawerContent: _chakra_ui_system_dist_system_types.ComponentWithAs<any, DrawerContentProps>;
|
|
1803
1829
|
|
|
1830
|
+
type DrawerPlacement = "top" | "right" | "bottom" | "left";
|
|
1831
|
+
type FullScreenDrawerProps = {
|
|
1832
|
+
/** The content inside the drawer */
|
|
1833
|
+
children: React.ReactNode;
|
|
1834
|
+
/** The title in the middle of the top menu */
|
|
1835
|
+
title?: String;
|
|
1836
|
+
/** Determines which side the drawer slides from */
|
|
1837
|
+
placement?: DrawerPlacement;
|
|
1838
|
+
/** A React component that will be placed to the left in the modal header */
|
|
1839
|
+
leftButton?: React.ReactNode;
|
|
1840
|
+
/** A React component that will be placed to the right in the modal header */
|
|
1841
|
+
rightButton?: React.ReactNode;
|
|
1842
|
+
/** Determines if the drawer is open or closed */
|
|
1843
|
+
isOpen: boolean;
|
|
1844
|
+
/** Function that will be called when the drawer closes */
|
|
1845
|
+
onClose: () => void;
|
|
1846
|
+
};
|
|
1847
|
+
declare const FullScreenDrawer: ({ children, title, placement, leftButton, rightButton, isOpen, onClose, }: FullScreenDrawerProps) => React.JSX.Element;
|
|
1848
|
+
|
|
1804
1849
|
type SimpleDrawerProps = {
|
|
1805
1850
|
children: React.ReactNode;
|
|
1806
1851
|
title?: React.ReactNode;
|
|
@@ -3512,14 +3557,12 @@ declare const theme: {
|
|
|
3512
3557
|
base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
3513
3558
|
container: {
|
|
3514
3559
|
_hover: {
|
|
3515
|
-
backgroundColor: string;
|
|
3516
3560
|
outlineWidth: string;
|
|
3517
3561
|
outlineColor: string;
|
|
3518
3562
|
outlineStyle: string;
|
|
3519
3563
|
outlineOffset: string;
|
|
3520
3564
|
color: string;
|
|
3521
3565
|
} | {
|
|
3522
|
-
backgroundColor: string;
|
|
3523
3566
|
outline: string;
|
|
3524
3567
|
outlineColor: string;
|
|
3525
3568
|
color: string;
|
|
@@ -3540,17 +3583,14 @@ declare const theme: {
|
|
|
3540
3583
|
outlineColor: string;
|
|
3541
3584
|
outlineStyle: string;
|
|
3542
3585
|
outlineOffset: string;
|
|
3543
|
-
backgroundColor: string;
|
|
3544
3586
|
} | {
|
|
3545
3587
|
_hover: {
|
|
3546
|
-
backgroundColor: string;
|
|
3547
3588
|
outlineWidth: string;
|
|
3548
3589
|
outlineColor: string;
|
|
3549
3590
|
outlineStyle: string;
|
|
3550
3591
|
outlineOffset: string;
|
|
3551
3592
|
color: string;
|
|
3552
3593
|
} | {
|
|
3553
|
-
backgroundColor: string;
|
|
3554
3594
|
outline: string;
|
|
3555
3595
|
outlineColor: string;
|
|
3556
3596
|
color: string;
|
|
@@ -3569,7 +3609,6 @@ declare const theme: {
|
|
|
3569
3609
|
color: string;
|
|
3570
3610
|
outline: string;
|
|
3571
3611
|
outlineColor: string;
|
|
3572
|
-
backgroundColor: string;
|
|
3573
3612
|
};
|
|
3574
3613
|
};
|
|
3575
3614
|
accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
@@ -3937,6 +3976,7 @@ declare const theme: {
|
|
|
3937
3976
|
};
|
|
3938
3977
|
outline: string;
|
|
3939
3978
|
outlineColor: string;
|
|
3979
|
+
backgroundColor: string;
|
|
3940
3980
|
};
|
|
3941
3981
|
};
|
|
3942
3982
|
ghost: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
@@ -4065,7 +4105,7 @@ declare const theme: {
|
|
|
4065
4105
|
}>;
|
|
4066
4106
|
} | undefined;
|
|
4067
4107
|
defaultProps?: {
|
|
4068
|
-
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "xl" | "3xl" | "4xl" | "5xl" | "6xl" |
|
|
4108
|
+
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "full" | "xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
4069
4109
|
variant?: string | number | undefined;
|
|
4070
4110
|
colorScheme?: string | undefined;
|
|
4071
4111
|
} | undefined;
|
|
@@ -4759,6 +4799,11 @@ declare const theme: {
|
|
|
4759
4799
|
outlineColor: string;
|
|
4760
4800
|
outlineStyle: string;
|
|
4761
4801
|
outlineOffset: string;
|
|
4802
|
+
backgroundColor: string;
|
|
4803
|
+
appearance: string;
|
|
4804
|
+
width: string;
|
|
4805
|
+
outline: string;
|
|
4806
|
+
border: number;
|
|
4762
4807
|
borderRadius: string;
|
|
4763
4808
|
transitionProperty: string;
|
|
4764
4809
|
transitionDuration: string;
|
|
@@ -4766,11 +4811,6 @@ declare const theme: {
|
|
|
4766
4811
|
paddingX: number;
|
|
4767
4812
|
height: string;
|
|
4768
4813
|
fontSize: string;
|
|
4769
|
-
backgroundColor: string;
|
|
4770
|
-
appearance: string;
|
|
4771
|
-
width: string;
|
|
4772
|
-
outline: string;
|
|
4773
|
-
border: number;
|
|
4774
4814
|
} | {
|
|
4775
4815
|
_hover: {
|
|
4776
4816
|
outlineWidth: string;
|
|
@@ -4857,6 +4897,10 @@ declare const theme: {
|
|
|
4857
4897
|
};
|
|
4858
4898
|
outline: string;
|
|
4859
4899
|
outlineColor: string;
|
|
4900
|
+
backgroundColor: string;
|
|
4901
|
+
appearance: string;
|
|
4902
|
+
width: string;
|
|
4903
|
+
border: number;
|
|
4860
4904
|
borderRadius: string;
|
|
4861
4905
|
transitionProperty: string;
|
|
4862
4906
|
transitionDuration: string;
|
|
@@ -4864,10 +4908,6 @@ declare const theme: {
|
|
|
4864
4908
|
paddingX: number;
|
|
4865
4909
|
height: string;
|
|
4866
4910
|
fontSize: string;
|
|
4867
|
-
backgroundColor: string;
|
|
4868
|
-
appearance: string;
|
|
4869
|
-
width: string;
|
|
4870
|
-
border: number;
|
|
4871
4911
|
};
|
|
4872
4912
|
element: {
|
|
4873
4913
|
height: string;
|
|
@@ -5349,7 +5389,7 @@ declare const theme: {
|
|
|
5349
5389
|
}>;
|
|
5350
5390
|
} | undefined;
|
|
5351
5391
|
defaultProps?: {
|
|
5352
|
-
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "xl" | "3xl" | "4xl" | "5xl" | "6xl" |
|
|
5392
|
+
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "full" | "xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
5353
5393
|
variant?: string | number | undefined;
|
|
5354
5394
|
colorScheme?: string | undefined;
|
|
5355
5395
|
} | undefined;
|
|
@@ -5385,8 +5425,8 @@ declare const theme: {
|
|
|
5385
5425
|
_active: {
|
|
5386
5426
|
backgroundColor: string;
|
|
5387
5427
|
};
|
|
5388
|
-
color: string;
|
|
5389
5428
|
backgroundColor: string;
|
|
5429
|
+
color: string;
|
|
5390
5430
|
fontSize: string;
|
|
5391
5431
|
fontWeight: string;
|
|
5392
5432
|
marginX: number;
|
|
@@ -5688,9 +5728,7 @@ declare const theme: {
|
|
|
5688
5728
|
field: {
|
|
5689
5729
|
appearance: string;
|
|
5690
5730
|
paddingTop: string;
|
|
5691
|
-
"option, optgroup": {
|
|
5692
|
-
background: string;
|
|
5693
|
-
};
|
|
5731
|
+
"option, optgroup": {};
|
|
5694
5732
|
_hover: {
|
|
5695
5733
|
outlineWidth: string;
|
|
5696
5734
|
outlineColor: string;
|
|
@@ -5778,6 +5816,10 @@ declare const theme: {
|
|
|
5778
5816
|
outlineColor: string;
|
|
5779
5817
|
outlineStyle: string;
|
|
5780
5818
|
outlineOffset: string;
|
|
5819
|
+
backgroundColor: string;
|
|
5820
|
+
width: string;
|
|
5821
|
+
outline: string;
|
|
5822
|
+
border: number;
|
|
5781
5823
|
borderRadius: string;
|
|
5782
5824
|
transitionProperty: string;
|
|
5783
5825
|
transitionDuration: string;
|
|
@@ -5785,16 +5827,10 @@ declare const theme: {
|
|
|
5785
5827
|
paddingX: number;
|
|
5786
5828
|
height: string;
|
|
5787
5829
|
fontSize: string;
|
|
5788
|
-
backgroundColor: string;
|
|
5789
|
-
width: string;
|
|
5790
|
-
outline: string;
|
|
5791
|
-
border: number;
|
|
5792
5830
|
} | {
|
|
5793
5831
|
appearance: string;
|
|
5794
5832
|
paddingTop: string;
|
|
5795
|
-
"option, optgroup": {
|
|
5796
|
-
background: string;
|
|
5797
|
-
};
|
|
5833
|
+
"option, optgroup": {};
|
|
5798
5834
|
_hover: {
|
|
5799
5835
|
outlineWidth: string;
|
|
5800
5836
|
outlineColor: string;
|
|
@@ -5880,6 +5916,9 @@ declare const theme: {
|
|
|
5880
5916
|
};
|
|
5881
5917
|
outline: string;
|
|
5882
5918
|
outlineColor: string;
|
|
5919
|
+
backgroundColor: string;
|
|
5920
|
+
width: string;
|
|
5921
|
+
border: number;
|
|
5883
5922
|
borderRadius: string;
|
|
5884
5923
|
transitionProperty: string;
|
|
5885
5924
|
transitionDuration: string;
|
|
@@ -5887,9 +5926,6 @@ declare const theme: {
|
|
|
5887
5926
|
paddingX: number;
|
|
5888
5927
|
height: string;
|
|
5889
5928
|
fontSize: string;
|
|
5890
|
-
backgroundColor: string;
|
|
5891
|
-
width: string;
|
|
5892
|
-
border: number;
|
|
5893
5929
|
};
|
|
5894
5930
|
icon: {
|
|
5895
5931
|
width: string;
|
|
@@ -6035,11 +6071,9 @@ declare const theme: {
|
|
|
6035
6071
|
outlineColor: string;
|
|
6036
6072
|
outlineStyle: string;
|
|
6037
6073
|
outlineOffset: string;
|
|
6038
|
-
backgroundColor: string;
|
|
6039
6074
|
} | {
|
|
6040
6075
|
outline: string;
|
|
6041
6076
|
outlineColor: string;
|
|
6042
|
-
backgroundColor: string;
|
|
6043
6077
|
};
|
|
6044
6078
|
_checked: {
|
|
6045
6079
|
outlineColor: string;
|
|
@@ -6083,6 +6117,7 @@ declare const theme: {
|
|
|
6083
6117
|
backgroundColor: string;
|
|
6084
6118
|
pointerEvents: string;
|
|
6085
6119
|
};
|
|
6120
|
+
backgroundColor: string;
|
|
6086
6121
|
_focusVisible: {
|
|
6087
6122
|
outlineWidth: string;
|
|
6088
6123
|
outlineColor: string;
|
|
@@ -6093,7 +6128,6 @@ declare const theme: {
|
|
|
6093
6128
|
outlineColor: string;
|
|
6094
6129
|
outlineStyle: string;
|
|
6095
6130
|
outlineOffset: string;
|
|
6096
|
-
backgroundColor: string;
|
|
6097
6131
|
width: string[];
|
|
6098
6132
|
height: string[];
|
|
6099
6133
|
transitionProperty: string;
|
|
@@ -6104,11 +6138,9 @@ declare const theme: {
|
|
|
6104
6138
|
outlineColor: string;
|
|
6105
6139
|
outlineStyle: string;
|
|
6106
6140
|
outlineOffset: string;
|
|
6107
|
-
backgroundColor: string;
|
|
6108
6141
|
} | {
|
|
6109
6142
|
outline: string;
|
|
6110
6143
|
outlineColor: string;
|
|
6111
|
-
backgroundColor: string;
|
|
6112
6144
|
};
|
|
6113
6145
|
_checked: {
|
|
6114
6146
|
outlineColor: string;
|
|
@@ -6152,6 +6184,7 @@ declare const theme: {
|
|
|
6152
6184
|
backgroundColor: string;
|
|
6153
6185
|
pointerEvents: string;
|
|
6154
6186
|
};
|
|
6187
|
+
backgroundColor: string;
|
|
6155
6188
|
_focusVisible: {
|
|
6156
6189
|
outlineWidth: string;
|
|
6157
6190
|
outlineColor: string;
|
|
@@ -6160,7 +6193,6 @@ declare const theme: {
|
|
|
6160
6193
|
};
|
|
6161
6194
|
outline: string;
|
|
6162
6195
|
outlineColor: string;
|
|
6163
|
-
backgroundColor: string;
|
|
6164
6196
|
width: string[];
|
|
6165
6197
|
height: string[];
|
|
6166
6198
|
transitionProperty: string;
|
|
@@ -6620,6 +6652,10 @@ declare const theme: {
|
|
|
6620
6652
|
outlineColor: string;
|
|
6621
6653
|
outlineStyle: string;
|
|
6622
6654
|
outlineOffset: string;
|
|
6655
|
+
backgroundColor: string;
|
|
6656
|
+
width: string;
|
|
6657
|
+
outline: string;
|
|
6658
|
+
border: number;
|
|
6623
6659
|
borderRadius: string;
|
|
6624
6660
|
transitionProperty: string;
|
|
6625
6661
|
transitionDuration: string;
|
|
@@ -6627,10 +6663,6 @@ declare const theme: {
|
|
|
6627
6663
|
paddingX: number;
|
|
6628
6664
|
height: string;
|
|
6629
6665
|
fontSize: string;
|
|
6630
|
-
backgroundColor: string;
|
|
6631
|
-
width: string;
|
|
6632
|
-
outline: string;
|
|
6633
|
-
border: number;
|
|
6634
6666
|
} | {
|
|
6635
6667
|
minHeight: string;
|
|
6636
6668
|
verticalAlign: string;
|
|
@@ -6723,6 +6755,9 @@ declare const theme: {
|
|
|
6723
6755
|
};
|
|
6724
6756
|
outline: string;
|
|
6725
6757
|
outlineColor: string;
|
|
6758
|
+
backgroundColor: string;
|
|
6759
|
+
width: string;
|
|
6760
|
+
border: number;
|
|
6726
6761
|
borderRadius: string;
|
|
6727
6762
|
transitionProperty: string;
|
|
6728
6763
|
transitionDuration: string;
|
|
@@ -6730,9 +6765,6 @@ declare const theme: {
|
|
|
6730
6765
|
paddingX: number;
|
|
6731
6766
|
height: string;
|
|
6732
6767
|
fontSize: string;
|
|
6733
|
-
backgroundColor: string;
|
|
6734
|
-
width: string;
|
|
6735
|
-
border: number;
|
|
6736
6768
|
}) | undefined;
|
|
6737
6769
|
sizes?: {
|
|
6738
6770
|
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
@@ -6778,6 +6810,53 @@ declare const theme: {
|
|
|
6778
6810
|
colorScheme?: string | undefined;
|
|
6779
6811
|
} | undefined;
|
|
6780
6812
|
};
|
|
6813
|
+
StaticCard: {
|
|
6814
|
+
baseStyle?: ((props: any) => {
|
|
6815
|
+
backgroundColor: string;
|
|
6816
|
+
color: string;
|
|
6817
|
+
outlineWidth: string;
|
|
6818
|
+
outlineColor: string;
|
|
6819
|
+
outlineStyle: string;
|
|
6820
|
+
outlineOffset: string;
|
|
6821
|
+
appearance: string;
|
|
6822
|
+
border: string;
|
|
6823
|
+
overflow: string;
|
|
6824
|
+
fontSize: string;
|
|
6825
|
+
display: string;
|
|
6826
|
+
borderRadius: string;
|
|
6827
|
+
} | {
|
|
6828
|
+
backgroundColor: string;
|
|
6829
|
+
color: string;
|
|
6830
|
+
outline: string;
|
|
6831
|
+
outlineColor: string;
|
|
6832
|
+
appearance: string;
|
|
6833
|
+
border: string;
|
|
6834
|
+
overflow: string;
|
|
6835
|
+
fontSize: string;
|
|
6836
|
+
display: string;
|
|
6837
|
+
borderRadius: string;
|
|
6838
|
+
} | {
|
|
6839
|
+
backgroundColor: string;
|
|
6840
|
+
appearance: string;
|
|
6841
|
+
border: string;
|
|
6842
|
+
overflow: string;
|
|
6843
|
+
fontSize: string;
|
|
6844
|
+
display: string;
|
|
6845
|
+
borderRadius: string;
|
|
6846
|
+
color: string;
|
|
6847
|
+
}) | undefined;
|
|
6848
|
+
sizes?: {
|
|
6849
|
+
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
6850
|
+
} | undefined;
|
|
6851
|
+
variants?: {
|
|
6852
|
+
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
6853
|
+
} | undefined;
|
|
6854
|
+
defaultProps?: {
|
|
6855
|
+
size?: string | number | undefined;
|
|
6856
|
+
variant?: string | number | undefined;
|
|
6857
|
+
colorScheme?: string | undefined;
|
|
6858
|
+
} | undefined;
|
|
6859
|
+
};
|
|
6781
6860
|
TravelTag: {
|
|
6782
6861
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
6783
6862
|
container: {
|
|
@@ -7063,15 +7142,15 @@ declare const theme: {
|
|
|
7063
7142
|
sizes?: {
|
|
7064
7143
|
"2xs": {
|
|
7065
7144
|
container: {
|
|
7066
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 60 | {
|
|
7145
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | {
|
|
7067
7146
|
sm: string;
|
|
7068
7147
|
md: string;
|
|
7069
7148
|
lg: string;
|
|
7070
7149
|
xl: string;
|
|
7071
|
-
} |
|
|
7150
|
+
} | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
7072
7151
|
};
|
|
7073
7152
|
excessLabel: {
|
|
7074
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7153
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7075
7154
|
sm: string;
|
|
7076
7155
|
md: string;
|
|
7077
7156
|
lg: string;
|
|
@@ -7081,7 +7160,7 @@ declare const theme: {
|
|
|
7081
7160
|
};
|
|
7082
7161
|
xs: {
|
|
7083
7162
|
container: {
|
|
7084
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7163
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7085
7164
|
sm: string;
|
|
7086
7165
|
md: string;
|
|
7087
7166
|
lg: string;
|
|
@@ -7089,7 +7168,7 @@ declare const theme: {
|
|
|
7089
7168
|
};
|
|
7090
7169
|
};
|
|
7091
7170
|
excessLabel: {
|
|
7092
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7171
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7093
7172
|
sm: string;
|
|
7094
7173
|
md: string;
|
|
7095
7174
|
lg: string;
|
|
@@ -7099,7 +7178,7 @@ declare const theme: {
|
|
|
7099
7178
|
};
|
|
7100
7179
|
sm: {
|
|
7101
7180
|
container: {
|
|
7102
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7181
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7103
7182
|
sm: string;
|
|
7104
7183
|
md: string;
|
|
7105
7184
|
lg: string;
|
|
@@ -7107,7 +7186,7 @@ declare const theme: {
|
|
|
7107
7186
|
};
|
|
7108
7187
|
};
|
|
7109
7188
|
excessLabel: {
|
|
7110
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7189
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7111
7190
|
sm: string;
|
|
7112
7191
|
md: string;
|
|
7113
7192
|
lg: string;
|
|
@@ -7117,7 +7196,7 @@ declare const theme: {
|
|
|
7117
7196
|
};
|
|
7118
7197
|
md: {
|
|
7119
7198
|
container: {
|
|
7120
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7199
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7121
7200
|
sm: string;
|
|
7122
7201
|
md: string;
|
|
7123
7202
|
lg: string;
|
|
@@ -7125,7 +7204,7 @@ declare const theme: {
|
|
|
7125
7204
|
};
|
|
7126
7205
|
};
|
|
7127
7206
|
excessLabel: {
|
|
7128
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7207
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7129
7208
|
sm: string;
|
|
7130
7209
|
md: string;
|
|
7131
7210
|
lg: string;
|
|
@@ -7135,7 +7214,7 @@ declare const theme: {
|
|
|
7135
7214
|
};
|
|
7136
7215
|
lg: {
|
|
7137
7216
|
container: {
|
|
7138
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7217
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7139
7218
|
sm: string;
|
|
7140
7219
|
md: string;
|
|
7141
7220
|
lg: string;
|
|
@@ -7143,7 +7222,7 @@ declare const theme: {
|
|
|
7143
7222
|
};
|
|
7144
7223
|
};
|
|
7145
7224
|
excessLabel: {
|
|
7146
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7225
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7147
7226
|
sm: string;
|
|
7148
7227
|
md: string;
|
|
7149
7228
|
lg: string;
|
|
@@ -7153,7 +7232,7 @@ declare const theme: {
|
|
|
7153
7232
|
};
|
|
7154
7233
|
xl: {
|
|
7155
7234
|
container: {
|
|
7156
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7235
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7157
7236
|
sm: string;
|
|
7158
7237
|
md: string;
|
|
7159
7238
|
lg: string;
|
|
@@ -7161,7 +7240,7 @@ declare const theme: {
|
|
|
7161
7240
|
};
|
|
7162
7241
|
};
|
|
7163
7242
|
excessLabel: {
|
|
7164
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7243
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7165
7244
|
sm: string;
|
|
7166
7245
|
md: string;
|
|
7167
7246
|
lg: string;
|
|
@@ -7171,7 +7250,7 @@ declare const theme: {
|
|
|
7171
7250
|
};
|
|
7172
7251
|
"2xl": {
|
|
7173
7252
|
container: {
|
|
7174
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7253
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7175
7254
|
sm: string;
|
|
7176
7255
|
md: string;
|
|
7177
7256
|
lg: string;
|
|
@@ -7179,7 +7258,7 @@ declare const theme: {
|
|
|
7179
7258
|
};
|
|
7180
7259
|
};
|
|
7181
7260
|
excessLabel: {
|
|
7182
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7261
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7183
7262
|
sm: string;
|
|
7184
7263
|
md: string;
|
|
7185
7264
|
lg: string;
|
|
@@ -7189,7 +7268,7 @@ declare const theme: {
|
|
|
7189
7268
|
};
|
|
7190
7269
|
full: {
|
|
7191
7270
|
container: {
|
|
7192
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7271
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7193
7272
|
sm: string;
|
|
7194
7273
|
md: string;
|
|
7195
7274
|
lg: string;
|
|
@@ -7197,7 +7276,7 @@ declare const theme: {
|
|
|
7197
7276
|
};
|
|
7198
7277
|
};
|
|
7199
7278
|
excessLabel: {
|
|
7200
|
-
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 |
|
|
7279
|
+
[x: string]: string | 2 | 1 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
|
7201
7280
|
sm: string;
|
|
7202
7281
|
md: string;
|
|
7203
7282
|
lg: string;
|
|
@@ -7212,7 +7291,7 @@ declare const theme: {
|
|
|
7212
7291
|
}>;
|
|
7213
7292
|
} | undefined;
|
|
7214
7293
|
defaultProps?: {
|
|
7215
|
-
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "
|
|
7294
|
+
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "full" | "xl" | "2xs" | undefined;
|
|
7216
7295
|
variant?: string | number | undefined;
|
|
7217
7296
|
colorScheme?: string | undefined;
|
|
7218
7297
|
} | undefined;
|
|
@@ -8863,4 +8942,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
|
|
|
8863
8942
|
**/
|
|
8864
8943
|
declare function slugify(text: string | string[], maxLength?: number): string;
|
|
8865
8944
|
|
|
8866
|
-
export { Accordion, AccordionProps, AttachedInputs, Badge, BadgeProps, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, CardSelect, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChoiceChip, ChoiceChipProps, ClosableAlert, CloseButton, CloseButtonProps, Code, CodeProps, ColorInlineLoader, ColorInlineLoaderProps, ColorSpinner, ColorSpinnerProps, Combobox, ComboboxProps, 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, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightInlineLoaderProps, LightSpinner, LightSpinnerProps, LineIcon, LineIconProps, ListBox, ModalHeader, ModalHeaderProps, NativeSelect, NativeSelectProps, Nudge, NudgeProps, NumericStepper, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, 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, Tooltip, TooltipProps, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, useToast, useTranslation };
|
|
8945
|
+
export { Accordion, AccordionProps, AttachedInputs, Badge, BadgeProps, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, CardSelect, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChoiceChip, ChoiceChipProps, ClosableAlert, CloseButton, CloseButtonProps, Code, CodeProps, ColorInlineLoader, ColorInlineLoaderProps, ColorSpinner, ColorSpinnerProps, Combobox, ComboboxProps, 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, FullScreenDrawer, Heading, HeadingProps, IconButton, IconButtonProps, InfoSelect, InfoTag, InfoTagProps, Input, InputElementProps, InputLeftElement, InputProps, InputRightElement, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightInlineLoaderProps, LightSpinner, LightSpinnerProps, LineIcon, LineIconProps, ListBox, ModalHeader, ModalHeaderProps, NativeSelect, NativeSelectProps, Nudge, NudgeProps, NumericStepper, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, Tooltip, TooltipProps, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, useToast, useTranslation };
|