@vygruppen/spor-react 9.3.0 → 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 +11 -0
- package/dist/{CountryCodeSelect-QD66IDCL.mjs → CountryCodeSelect-5QKP6VFT.mjs} +1 -1
- package/dist/{chunk-U3P2P6PX.mjs → chunk-JRXSGTL2.mjs} +601 -423
- package/dist/index.d.mts +110 -22
- package/dist/index.d.ts +110 -22
- package/dist/index.js +680 -479
- 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/Combobox.tsx +52 -38
- package/src/modal/FullScreenDrawer.tsx +179 -0
- package/src/modal/index.tsx +1 -0
- package/src/theme/components/index.ts +1 -0
- package/src/theme/components/static-card.ts +66 -0
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
|
*
|
|
@@ -781,6 +802,7 @@ type ChoiceChipProps = {
|
|
|
781
802
|
*/
|
|
782
803
|
declare const ChoiceChip: _chakra_ui_system_dist_system_types.ComponentWithAs<_chakra_ui_system_dist_system_types.As, ChoiceChipProps>;
|
|
783
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">;
|
|
784
806
|
type ComboboxProps<T> = AriaComboBoxProps<T> & {
|
|
785
807
|
/** The label of the combobox */
|
|
786
808
|
label: string;
|
|
@@ -792,7 +814,7 @@ type ComboboxProps<T> = AriaComboBoxProps<T> & {
|
|
|
792
814
|
inputRef?: React.RefObject<HTMLInputElement>;
|
|
793
815
|
/** If you want to allow an empty collection */
|
|
794
816
|
allowsEmptyCollection?: boolean;
|
|
795
|
-
} &
|
|
817
|
+
} & OverridableInputProps;
|
|
796
818
|
/**
|
|
797
819
|
* A combobox is a combination of an input and a list of suggestions.
|
|
798
820
|
*
|
|
@@ -1805,6 +1827,25 @@ type DrawerProps = DrawerProps$1;
|
|
|
1805
1827
|
declare const Drawer: (props: DrawerProps) => React.JSX.Element;
|
|
1806
1828
|
declare const DrawerContent: _chakra_ui_system_dist_system_types.ComponentWithAs<any, DrawerContentProps>;
|
|
1807
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
|
+
|
|
1808
1849
|
type SimpleDrawerProps = {
|
|
1809
1850
|
children: React.ReactNode;
|
|
1810
1851
|
title?: React.ReactNode;
|
|
@@ -4064,7 +4105,7 @@ declare const theme: {
|
|
|
4064
4105
|
}>;
|
|
4065
4106
|
} | undefined;
|
|
4066
4107
|
defaultProps?: {
|
|
4067
|
-
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;
|
|
4068
4109
|
variant?: string | number | undefined;
|
|
4069
4110
|
colorScheme?: string | undefined;
|
|
4070
4111
|
} | undefined;
|
|
@@ -5348,7 +5389,7 @@ declare const theme: {
|
|
|
5348
5389
|
}>;
|
|
5349
5390
|
} | undefined;
|
|
5350
5391
|
defaultProps?: {
|
|
5351
|
-
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;
|
|
5352
5393
|
variant?: string | number | undefined;
|
|
5353
5394
|
colorScheme?: string | undefined;
|
|
5354
5395
|
} | undefined;
|
|
@@ -6769,6 +6810,53 @@ declare const theme: {
|
|
|
6769
6810
|
colorScheme?: string | undefined;
|
|
6770
6811
|
} | undefined;
|
|
6771
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
|
+
};
|
|
6772
6860
|
TravelTag: {
|
|
6773
6861
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
6774
6862
|
container: {
|
|
@@ -7054,15 +7142,15 @@ declare const theme: {
|
|
|
7054
7142
|
sizes?: {
|
|
7055
7143
|
"2xs": {
|
|
7056
7144
|
container: {
|
|
7057
|
-
[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 | {
|
|
7058
7146
|
sm: string;
|
|
7059
7147
|
md: string;
|
|
7060
7148
|
lg: string;
|
|
7061
7149
|
xl: string;
|
|
7062
|
-
} |
|
|
7150
|
+
} | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
7063
7151
|
};
|
|
7064
7152
|
excessLabel: {
|
|
7065
|
-
[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 | {
|
|
7066
7154
|
sm: string;
|
|
7067
7155
|
md: string;
|
|
7068
7156
|
lg: string;
|
|
@@ -7072,7 +7160,7 @@ declare const theme: {
|
|
|
7072
7160
|
};
|
|
7073
7161
|
xs: {
|
|
7074
7162
|
container: {
|
|
7075
|
-
[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 | {
|
|
7076
7164
|
sm: string;
|
|
7077
7165
|
md: string;
|
|
7078
7166
|
lg: string;
|
|
@@ -7080,7 +7168,7 @@ declare const theme: {
|
|
|
7080
7168
|
};
|
|
7081
7169
|
};
|
|
7082
7170
|
excessLabel: {
|
|
7083
|
-
[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 | {
|
|
7084
7172
|
sm: string;
|
|
7085
7173
|
md: string;
|
|
7086
7174
|
lg: string;
|
|
@@ -7090,7 +7178,7 @@ declare const theme: {
|
|
|
7090
7178
|
};
|
|
7091
7179
|
sm: {
|
|
7092
7180
|
container: {
|
|
7093
|
-
[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 | {
|
|
7094
7182
|
sm: string;
|
|
7095
7183
|
md: string;
|
|
7096
7184
|
lg: string;
|
|
@@ -7098,7 +7186,7 @@ declare const theme: {
|
|
|
7098
7186
|
};
|
|
7099
7187
|
};
|
|
7100
7188
|
excessLabel: {
|
|
7101
|
-
[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 | {
|
|
7102
7190
|
sm: string;
|
|
7103
7191
|
md: string;
|
|
7104
7192
|
lg: string;
|
|
@@ -7108,7 +7196,7 @@ declare const theme: {
|
|
|
7108
7196
|
};
|
|
7109
7197
|
md: {
|
|
7110
7198
|
container: {
|
|
7111
|
-
[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 | {
|
|
7112
7200
|
sm: string;
|
|
7113
7201
|
md: string;
|
|
7114
7202
|
lg: string;
|
|
@@ -7116,7 +7204,7 @@ declare const theme: {
|
|
|
7116
7204
|
};
|
|
7117
7205
|
};
|
|
7118
7206
|
excessLabel: {
|
|
7119
|
-
[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 | {
|
|
7120
7208
|
sm: string;
|
|
7121
7209
|
md: string;
|
|
7122
7210
|
lg: string;
|
|
@@ -7126,7 +7214,7 @@ declare const theme: {
|
|
|
7126
7214
|
};
|
|
7127
7215
|
lg: {
|
|
7128
7216
|
container: {
|
|
7129
|
-
[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 | {
|
|
7130
7218
|
sm: string;
|
|
7131
7219
|
md: string;
|
|
7132
7220
|
lg: string;
|
|
@@ -7134,7 +7222,7 @@ declare const theme: {
|
|
|
7134
7222
|
};
|
|
7135
7223
|
};
|
|
7136
7224
|
excessLabel: {
|
|
7137
|
-
[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 | {
|
|
7138
7226
|
sm: string;
|
|
7139
7227
|
md: string;
|
|
7140
7228
|
lg: string;
|
|
@@ -7144,7 +7232,7 @@ declare const theme: {
|
|
|
7144
7232
|
};
|
|
7145
7233
|
xl: {
|
|
7146
7234
|
container: {
|
|
7147
|
-
[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 | {
|
|
7148
7236
|
sm: string;
|
|
7149
7237
|
md: string;
|
|
7150
7238
|
lg: string;
|
|
@@ -7152,7 +7240,7 @@ declare const theme: {
|
|
|
7152
7240
|
};
|
|
7153
7241
|
};
|
|
7154
7242
|
excessLabel: {
|
|
7155
|
-
[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 | {
|
|
7156
7244
|
sm: string;
|
|
7157
7245
|
md: string;
|
|
7158
7246
|
lg: string;
|
|
@@ -7162,7 +7250,7 @@ declare const theme: {
|
|
|
7162
7250
|
};
|
|
7163
7251
|
"2xl": {
|
|
7164
7252
|
container: {
|
|
7165
|
-
[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 | {
|
|
7166
7254
|
sm: string;
|
|
7167
7255
|
md: string;
|
|
7168
7256
|
lg: string;
|
|
@@ -7170,7 +7258,7 @@ declare const theme: {
|
|
|
7170
7258
|
};
|
|
7171
7259
|
};
|
|
7172
7260
|
excessLabel: {
|
|
7173
|
-
[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 | {
|
|
7174
7262
|
sm: string;
|
|
7175
7263
|
md: string;
|
|
7176
7264
|
lg: string;
|
|
@@ -7180,7 +7268,7 @@ declare const theme: {
|
|
|
7180
7268
|
};
|
|
7181
7269
|
full: {
|
|
7182
7270
|
container: {
|
|
7183
|
-
[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 | {
|
|
7184
7272
|
sm: string;
|
|
7185
7273
|
md: string;
|
|
7186
7274
|
lg: string;
|
|
@@ -7188,7 +7276,7 @@ declare const theme: {
|
|
|
7188
7276
|
};
|
|
7189
7277
|
};
|
|
7190
7278
|
excessLabel: {
|
|
7191
|
-
[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 | {
|
|
7192
7280
|
sm: string;
|
|
7193
7281
|
md: string;
|
|
7194
7282
|
lg: string;
|
|
@@ -7203,7 +7291,7 @@ declare const theme: {
|
|
|
7203
7291
|
}>;
|
|
7204
7292
|
} | undefined;
|
|
7205
7293
|
defaultProps?: {
|
|
7206
|
-
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "
|
|
7294
|
+
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "full" | "xl" | "2xs" | undefined;
|
|
7207
7295
|
variant?: string | number | undefined;
|
|
7208
7296
|
colorScheme?: string | undefined;
|
|
7209
7297
|
} | undefined;
|
|
@@ -8854,4 +8942,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
|
|
|
8854
8942
|
**/
|
|
8855
8943
|
declare function slugify(text: string | string[], maxLength?: number): string;
|
|
8856
8944
|
|
|
8857
|
-
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 };
|
package/dist/index.d.ts
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
|
*
|
|
@@ -781,6 +802,7 @@ type ChoiceChipProps = {
|
|
|
781
802
|
*/
|
|
782
803
|
declare const ChoiceChip: _chakra_ui_system_dist_system_types.ComponentWithAs<_chakra_ui_system_dist_system_types.As, ChoiceChipProps>;
|
|
783
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">;
|
|
784
806
|
type ComboboxProps<T> = AriaComboBoxProps<T> & {
|
|
785
807
|
/** The label of the combobox */
|
|
786
808
|
label: string;
|
|
@@ -792,7 +814,7 @@ type ComboboxProps<T> = AriaComboBoxProps<T> & {
|
|
|
792
814
|
inputRef?: React.RefObject<HTMLInputElement>;
|
|
793
815
|
/** If you want to allow an empty collection */
|
|
794
816
|
allowsEmptyCollection?: boolean;
|
|
795
|
-
} &
|
|
817
|
+
} & OverridableInputProps;
|
|
796
818
|
/**
|
|
797
819
|
* A combobox is a combination of an input and a list of suggestions.
|
|
798
820
|
*
|
|
@@ -1805,6 +1827,25 @@ type DrawerProps = DrawerProps$1;
|
|
|
1805
1827
|
declare const Drawer: (props: DrawerProps) => React.JSX.Element;
|
|
1806
1828
|
declare const DrawerContent: _chakra_ui_system_dist_system_types.ComponentWithAs<any, DrawerContentProps>;
|
|
1807
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
|
+
|
|
1808
1849
|
type SimpleDrawerProps = {
|
|
1809
1850
|
children: React.ReactNode;
|
|
1810
1851
|
title?: React.ReactNode;
|
|
@@ -4064,7 +4105,7 @@ declare const theme: {
|
|
|
4064
4105
|
}>;
|
|
4065
4106
|
} | undefined;
|
|
4066
4107
|
defaultProps?: {
|
|
4067
|
-
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;
|
|
4068
4109
|
variant?: string | number | undefined;
|
|
4069
4110
|
colorScheme?: string | undefined;
|
|
4070
4111
|
} | undefined;
|
|
@@ -5348,7 +5389,7 @@ declare const theme: {
|
|
|
5348
5389
|
}>;
|
|
5349
5390
|
} | undefined;
|
|
5350
5391
|
defaultProps?: {
|
|
5351
|
-
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;
|
|
5352
5393
|
variant?: string | number | undefined;
|
|
5353
5394
|
colorScheme?: string | undefined;
|
|
5354
5395
|
} | undefined;
|
|
@@ -6769,6 +6810,53 @@ declare const theme: {
|
|
|
6769
6810
|
colorScheme?: string | undefined;
|
|
6770
6811
|
} | undefined;
|
|
6771
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
|
+
};
|
|
6772
6860
|
TravelTag: {
|
|
6773
6861
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
6774
6862
|
container: {
|
|
@@ -7054,15 +7142,15 @@ declare const theme: {
|
|
|
7054
7142
|
sizes?: {
|
|
7055
7143
|
"2xs": {
|
|
7056
7144
|
container: {
|
|
7057
|
-
[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 | {
|
|
7058
7146
|
sm: string;
|
|
7059
7147
|
md: string;
|
|
7060
7148
|
lg: string;
|
|
7061
7149
|
xl: string;
|
|
7062
|
-
} |
|
|
7150
|
+
} | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
|
7063
7151
|
};
|
|
7064
7152
|
excessLabel: {
|
|
7065
|
-
[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 | {
|
|
7066
7154
|
sm: string;
|
|
7067
7155
|
md: string;
|
|
7068
7156
|
lg: string;
|
|
@@ -7072,7 +7160,7 @@ declare const theme: {
|
|
|
7072
7160
|
};
|
|
7073
7161
|
xs: {
|
|
7074
7162
|
container: {
|
|
7075
|
-
[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 | {
|
|
7076
7164
|
sm: string;
|
|
7077
7165
|
md: string;
|
|
7078
7166
|
lg: string;
|
|
@@ -7080,7 +7168,7 @@ declare const theme: {
|
|
|
7080
7168
|
};
|
|
7081
7169
|
};
|
|
7082
7170
|
excessLabel: {
|
|
7083
|
-
[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 | {
|
|
7084
7172
|
sm: string;
|
|
7085
7173
|
md: string;
|
|
7086
7174
|
lg: string;
|
|
@@ -7090,7 +7178,7 @@ declare const theme: {
|
|
|
7090
7178
|
};
|
|
7091
7179
|
sm: {
|
|
7092
7180
|
container: {
|
|
7093
|
-
[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 | {
|
|
7094
7182
|
sm: string;
|
|
7095
7183
|
md: string;
|
|
7096
7184
|
lg: string;
|
|
@@ -7098,7 +7186,7 @@ declare const theme: {
|
|
|
7098
7186
|
};
|
|
7099
7187
|
};
|
|
7100
7188
|
excessLabel: {
|
|
7101
|
-
[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 | {
|
|
7102
7190
|
sm: string;
|
|
7103
7191
|
md: string;
|
|
7104
7192
|
lg: string;
|
|
@@ -7108,7 +7196,7 @@ declare const theme: {
|
|
|
7108
7196
|
};
|
|
7109
7197
|
md: {
|
|
7110
7198
|
container: {
|
|
7111
|
-
[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 | {
|
|
7112
7200
|
sm: string;
|
|
7113
7201
|
md: string;
|
|
7114
7202
|
lg: string;
|
|
@@ -7116,7 +7204,7 @@ declare const theme: {
|
|
|
7116
7204
|
};
|
|
7117
7205
|
};
|
|
7118
7206
|
excessLabel: {
|
|
7119
|
-
[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 | {
|
|
7120
7208
|
sm: string;
|
|
7121
7209
|
md: string;
|
|
7122
7210
|
lg: string;
|
|
@@ -7126,7 +7214,7 @@ declare const theme: {
|
|
|
7126
7214
|
};
|
|
7127
7215
|
lg: {
|
|
7128
7216
|
container: {
|
|
7129
|
-
[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 | {
|
|
7130
7218
|
sm: string;
|
|
7131
7219
|
md: string;
|
|
7132
7220
|
lg: string;
|
|
@@ -7134,7 +7222,7 @@ declare const theme: {
|
|
|
7134
7222
|
};
|
|
7135
7223
|
};
|
|
7136
7224
|
excessLabel: {
|
|
7137
|
-
[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 | {
|
|
7138
7226
|
sm: string;
|
|
7139
7227
|
md: string;
|
|
7140
7228
|
lg: string;
|
|
@@ -7144,7 +7232,7 @@ declare const theme: {
|
|
|
7144
7232
|
};
|
|
7145
7233
|
xl: {
|
|
7146
7234
|
container: {
|
|
7147
|
-
[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 | {
|
|
7148
7236
|
sm: string;
|
|
7149
7237
|
md: string;
|
|
7150
7238
|
lg: string;
|
|
@@ -7152,7 +7240,7 @@ declare const theme: {
|
|
|
7152
7240
|
};
|
|
7153
7241
|
};
|
|
7154
7242
|
excessLabel: {
|
|
7155
|
-
[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 | {
|
|
7156
7244
|
sm: string;
|
|
7157
7245
|
md: string;
|
|
7158
7246
|
lg: string;
|
|
@@ -7162,7 +7250,7 @@ declare const theme: {
|
|
|
7162
7250
|
};
|
|
7163
7251
|
"2xl": {
|
|
7164
7252
|
container: {
|
|
7165
|
-
[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 | {
|
|
7166
7254
|
sm: string;
|
|
7167
7255
|
md: string;
|
|
7168
7256
|
lg: string;
|
|
@@ -7170,7 +7258,7 @@ declare const theme: {
|
|
|
7170
7258
|
};
|
|
7171
7259
|
};
|
|
7172
7260
|
excessLabel: {
|
|
7173
|
-
[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 | {
|
|
7174
7262
|
sm: string;
|
|
7175
7263
|
md: string;
|
|
7176
7264
|
lg: string;
|
|
@@ -7180,7 +7268,7 @@ declare const theme: {
|
|
|
7180
7268
|
};
|
|
7181
7269
|
full: {
|
|
7182
7270
|
container: {
|
|
7183
|
-
[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 | {
|
|
7184
7272
|
sm: string;
|
|
7185
7273
|
md: string;
|
|
7186
7274
|
lg: string;
|
|
@@ -7188,7 +7276,7 @@ declare const theme: {
|
|
|
7188
7276
|
};
|
|
7189
7277
|
};
|
|
7190
7278
|
excessLabel: {
|
|
7191
|
-
[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 | {
|
|
7192
7280
|
sm: string;
|
|
7193
7281
|
md: string;
|
|
7194
7282
|
lg: string;
|
|
@@ -7203,7 +7291,7 @@ declare const theme: {
|
|
|
7203
7291
|
}>;
|
|
7204
7292
|
} | undefined;
|
|
7205
7293
|
defaultProps?: {
|
|
7206
|
-
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "
|
|
7294
|
+
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "full" | "xl" | "2xs" | undefined;
|
|
7207
7295
|
variant?: string | number | undefined;
|
|
7208
7296
|
colorScheme?: string | undefined;
|
|
7209
7297
|
} | undefined;
|
|
@@ -8854,4 +8942,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
|
|
|
8854
8942
|
**/
|
|
8855
8943
|
declare function slugify(text: string | string[], maxLength?: number): string;
|
|
8856
8944
|
|
|
8857
|
-
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 };
|