@vygruppen/spor-react 9.10.1 → 9.11.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 +6 -0
- package/dist/{CountryCodeSelect-CO6P2KH4.mjs → CountryCodeSelect-633P6ZEW.mjs} +1 -1
- package/dist/{chunk-QOPSLFKS.mjs → chunk-RR7HZ3VH.mjs} +2809 -2524
- package/dist/index.d.mts +45 -23
- package/dist/index.d.ts +45 -23
- package/dist/index.js +4078 -3760
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/index.tsx +1 -0
- package/src/loader/ColorInlineLoader.tsx +10 -1
- package/src/loader/ColorSpinner.tsx +12 -2
- package/src/loader/ContentLoader.tsx +13 -2
- package/src/loader/DarkInlineLoader.tsx +13 -2
- package/src/loader/LightFullScreenLoader.tsx +10 -1
- package/src/loader/LightInlineLoader.tsx +13 -2
- package/src/logo/VyLogo.tsx +7 -0
- package/src/logo/VyLogoPride.tsx +164 -0
- package/src/logo/index.tsx +1 -0
- package/src/pride/PrideProvider.tsx +58 -0
- package/src/pride/TogglePride.tsx +23 -0
- package/src/pride/index.tsx +2 -0
- package/src/provider/SporProvider.tsx +7 -4
- package/src/provider/index.tsx +1 -0
package/dist/index.d.mts
CHANGED
@@ -1928,6 +1928,16 @@ type VyLogoProps = {
|
|
1928
1928
|
} & BoxProps;
|
1929
1929
|
declare const VyLogo: ({ colorScheme, ...boxProps }: VyLogoProps) => React.JSX.Element;
|
1930
1930
|
|
1931
|
+
type VyLogoPrideProps = {
|
1932
|
+
/** The color of the logo
|
1933
|
+
*
|
1934
|
+
* Use `"light"` when the logo is used on a light background.
|
1935
|
+
* Use `"dark"` when the logo is used on a dark background.
|
1936
|
+
*/
|
1937
|
+
colorScheme: "light" | "dark";
|
1938
|
+
} & BoxProps;
|
1939
|
+
declare const VyLogoPride: ({ colorScheme, ...boxProps }: VyLogoPrideProps) => React.JSX.Element;
|
1940
|
+
|
1931
1941
|
type JumpButtonProps = BoxProps & {
|
1932
1942
|
onClick: () => void;
|
1933
1943
|
"aria-label"?: string;
|
@@ -2176,6 +2186,18 @@ type PaginationProps = {
|
|
2176
2186
|
**/
|
2177
2187
|
declare const Pagination: ({ totalPages, selectedPage, onPageChange, }: PaginationProps) => React.JSX.Element;
|
2178
2188
|
|
2189
|
+
interface PrideContextProps {
|
2190
|
+
isPride: boolean;
|
2191
|
+
togglePride: () => void;
|
2192
|
+
}
|
2193
|
+
declare const PrideProvider: React.FC<React.PropsWithChildren<{}>>;
|
2194
|
+
declare const usePride: () => PrideContextProps;
|
2195
|
+
|
2196
|
+
type TogglePrideProps = {
|
2197
|
+
label: string;
|
2198
|
+
};
|
2199
|
+
declare const TogglePride: ({ label }: TogglePrideProps) => React.JSX.Element;
|
2200
|
+
|
2179
2201
|
type ProgressIndicatorProps = {
|
2180
2202
|
numberOfSteps: number;
|
2181
2203
|
activeStep: number;
|
@@ -4634,7 +4656,7 @@ declare const theme: {
|
|
4634
4656
|
position: string;
|
4635
4657
|
width?: string | undefined;
|
4636
4658
|
whiteSpace?: string | undefined;
|
4637
|
-
fontSize: ("
|
4659
|
+
fontSize: ("mobile.xs" | "desktop.sm")[];
|
4638
4660
|
};
|
4639
4661
|
innerButton: {
|
4640
4662
|
display: string;
|
@@ -6491,7 +6513,7 @@ declare const theme: {
|
|
6491
6513
|
} | undefined;
|
6492
6514
|
sizes?: {
|
6493
6515
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
6494
|
-
keys: ("title" | "container" | "
|
6516
|
+
keys: ("title" | "container" | "root" | "closeButton" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
|
6495
6517
|
}>;
|
6496
6518
|
} | undefined;
|
6497
6519
|
variants?: {
|
@@ -6523,7 +6545,7 @@ declare const theme: {
|
|
6523
6545
|
variant?: "base" | "accent" | undefined;
|
6524
6546
|
colorScheme?: string | undefined;
|
6525
6547
|
} | undefined;
|
6526
|
-
parts: ("title" | "container" | "
|
6548
|
+
parts: ("title" | "container" | "root" | "closeButton" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
|
6527
6549
|
};
|
6528
6550
|
Switch: {
|
6529
6551
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
@@ -7737,7 +7759,7 @@ declare const theme: {
|
|
7737
7759
|
sizes?: {
|
7738
7760
|
"2xs": {
|
7739
7761
|
container: {
|
7740
|
-
[x: string]: string | 1 | 2 |
|
7762
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | {
|
7741
7763
|
sm: string;
|
7742
7764
|
md: string;
|
7743
7765
|
lg: string;
|
@@ -7745,7 +7767,7 @@ declare const theme: {
|
|
7745
7767
|
} | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
7746
7768
|
};
|
7747
7769
|
excessLabel: {
|
7748
|
-
[x: string]: string | 1 | 2 |
|
7770
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7749
7771
|
sm: string;
|
7750
7772
|
md: string;
|
7751
7773
|
lg: string;
|
@@ -7755,7 +7777,7 @@ declare const theme: {
|
|
7755
7777
|
};
|
7756
7778
|
xs: {
|
7757
7779
|
container: {
|
7758
|
-
[x: string]: string | 1 | 2 |
|
7780
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7759
7781
|
sm: string;
|
7760
7782
|
md: string;
|
7761
7783
|
lg: string;
|
@@ -7763,7 +7785,7 @@ declare const theme: {
|
|
7763
7785
|
};
|
7764
7786
|
};
|
7765
7787
|
excessLabel: {
|
7766
|
-
[x: string]: string | 1 | 2 |
|
7788
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7767
7789
|
sm: string;
|
7768
7790
|
md: string;
|
7769
7791
|
lg: string;
|
@@ -7773,7 +7795,7 @@ declare const theme: {
|
|
7773
7795
|
};
|
7774
7796
|
sm: {
|
7775
7797
|
container: {
|
7776
|
-
[x: string]: string | 1 | 2 |
|
7798
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7777
7799
|
sm: string;
|
7778
7800
|
md: string;
|
7779
7801
|
lg: string;
|
@@ -7781,7 +7803,7 @@ declare const theme: {
|
|
7781
7803
|
};
|
7782
7804
|
};
|
7783
7805
|
excessLabel: {
|
7784
|
-
[x: string]: string | 1 | 2 |
|
7806
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7785
7807
|
sm: string;
|
7786
7808
|
md: string;
|
7787
7809
|
lg: string;
|
@@ -7791,7 +7813,7 @@ declare const theme: {
|
|
7791
7813
|
};
|
7792
7814
|
md: {
|
7793
7815
|
container: {
|
7794
|
-
[x: string]: string | 1 | 2 |
|
7816
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7795
7817
|
sm: string;
|
7796
7818
|
md: string;
|
7797
7819
|
lg: string;
|
@@ -7799,7 +7821,7 @@ declare const theme: {
|
|
7799
7821
|
};
|
7800
7822
|
};
|
7801
7823
|
excessLabel: {
|
7802
|
-
[x: string]: string | 1 | 2 |
|
7824
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7803
7825
|
sm: string;
|
7804
7826
|
md: string;
|
7805
7827
|
lg: string;
|
@@ -7809,7 +7831,7 @@ declare const theme: {
|
|
7809
7831
|
};
|
7810
7832
|
lg: {
|
7811
7833
|
container: {
|
7812
|
-
[x: string]: string | 1 | 2 |
|
7834
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7813
7835
|
sm: string;
|
7814
7836
|
md: string;
|
7815
7837
|
lg: string;
|
@@ -7817,7 +7839,7 @@ declare const theme: {
|
|
7817
7839
|
};
|
7818
7840
|
};
|
7819
7841
|
excessLabel: {
|
7820
|
-
[x: string]: string | 1 | 2 |
|
7842
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7821
7843
|
sm: string;
|
7822
7844
|
md: string;
|
7823
7845
|
lg: string;
|
@@ -7827,7 +7849,7 @@ declare const theme: {
|
|
7827
7849
|
};
|
7828
7850
|
xl: {
|
7829
7851
|
container: {
|
7830
|
-
[x: string]: string | 1 | 2 |
|
7852
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7831
7853
|
sm: string;
|
7832
7854
|
md: string;
|
7833
7855
|
lg: string;
|
@@ -7835,7 +7857,7 @@ declare const theme: {
|
|
7835
7857
|
};
|
7836
7858
|
};
|
7837
7859
|
excessLabel: {
|
7838
|
-
[x: string]: string | 1 | 2 |
|
7860
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7839
7861
|
sm: string;
|
7840
7862
|
md: string;
|
7841
7863
|
lg: string;
|
@@ -7845,7 +7867,7 @@ declare const theme: {
|
|
7845
7867
|
};
|
7846
7868
|
"2xl": {
|
7847
7869
|
container: {
|
7848
|
-
[x: string]: string | 1 | 2 |
|
7870
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7849
7871
|
sm: string;
|
7850
7872
|
md: string;
|
7851
7873
|
lg: string;
|
@@ -7853,7 +7875,7 @@ declare const theme: {
|
|
7853
7875
|
};
|
7854
7876
|
};
|
7855
7877
|
excessLabel: {
|
7856
|
-
[x: string]: string | 1 | 2 |
|
7878
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7857
7879
|
sm: string;
|
7858
7880
|
md: string;
|
7859
7881
|
lg: string;
|
@@ -7863,7 +7885,7 @@ declare const theme: {
|
|
7863
7885
|
};
|
7864
7886
|
full: {
|
7865
7887
|
container: {
|
7866
|
-
[x: string]: string | 1 | 2 |
|
7888
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7867
7889
|
sm: string;
|
7868
7890
|
md: string;
|
7869
7891
|
lg: string;
|
@@ -7871,7 +7893,7 @@ declare const theme: {
|
|
7871
7893
|
};
|
7872
7894
|
};
|
7873
7895
|
excessLabel: {
|
7874
|
-
[x: string]: string | 1 | 2 |
|
7896
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7875
7897
|
sm: string;
|
7876
7898
|
md: string;
|
7877
7899
|
lg: string;
|
@@ -9056,18 +9078,18 @@ declare const theme: {
|
|
9056
9078
|
0: string;
|
9057
9079
|
1: string;
|
9058
9080
|
2: string;
|
9081
|
+
12: string;
|
9059
9082
|
3: string;
|
9060
|
-
6: string;
|
9061
9083
|
4: string;
|
9062
9084
|
5: string;
|
9085
|
+
6: string;
|
9063
9086
|
7: string;
|
9064
9087
|
8: string;
|
9065
9088
|
9: string;
|
9066
9089
|
10: string;
|
9067
9090
|
11: string;
|
9068
|
-
12: string;
|
9069
|
-
0.5: string;
|
9070
9091
|
1.5: string;
|
9092
|
+
0.5: string;
|
9071
9093
|
};
|
9072
9094
|
spacing: Record<keyof {
|
9073
9095
|
0: {
|
@@ -9537,4 +9559,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
|
|
9537
9559
|
**/
|
9538
9560
|
declare function slugify(text: string | string[], maxLength?: number): string;
|
9539
9561
|
|
9540
|
-
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, Pagination, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, StaticCardProps, 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 };
|
9562
|
+
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, Pagination, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton, PressableCard, PrideProvider, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, StaticCardProps, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, TogglePride, Tooltip, TooltipProps, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoPride, VyLogoPrideProps, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, usePride, useToast, useTranslation };
|
package/dist/index.d.ts
CHANGED
@@ -1928,6 +1928,16 @@ type VyLogoProps = {
|
|
1928
1928
|
} & BoxProps;
|
1929
1929
|
declare const VyLogo: ({ colorScheme, ...boxProps }: VyLogoProps) => React.JSX.Element;
|
1930
1930
|
|
1931
|
+
type VyLogoPrideProps = {
|
1932
|
+
/** The color of the logo
|
1933
|
+
*
|
1934
|
+
* Use `"light"` when the logo is used on a light background.
|
1935
|
+
* Use `"dark"` when the logo is used on a dark background.
|
1936
|
+
*/
|
1937
|
+
colorScheme: "light" | "dark";
|
1938
|
+
} & BoxProps;
|
1939
|
+
declare const VyLogoPride: ({ colorScheme, ...boxProps }: VyLogoPrideProps) => React.JSX.Element;
|
1940
|
+
|
1931
1941
|
type JumpButtonProps = BoxProps & {
|
1932
1942
|
onClick: () => void;
|
1933
1943
|
"aria-label"?: string;
|
@@ -2176,6 +2186,18 @@ type PaginationProps = {
|
|
2176
2186
|
**/
|
2177
2187
|
declare const Pagination: ({ totalPages, selectedPage, onPageChange, }: PaginationProps) => React.JSX.Element;
|
2178
2188
|
|
2189
|
+
interface PrideContextProps {
|
2190
|
+
isPride: boolean;
|
2191
|
+
togglePride: () => void;
|
2192
|
+
}
|
2193
|
+
declare const PrideProvider: React.FC<React.PropsWithChildren<{}>>;
|
2194
|
+
declare const usePride: () => PrideContextProps;
|
2195
|
+
|
2196
|
+
type TogglePrideProps = {
|
2197
|
+
label: string;
|
2198
|
+
};
|
2199
|
+
declare const TogglePride: ({ label }: TogglePrideProps) => React.JSX.Element;
|
2200
|
+
|
2179
2201
|
type ProgressIndicatorProps = {
|
2180
2202
|
numberOfSteps: number;
|
2181
2203
|
activeStep: number;
|
@@ -4634,7 +4656,7 @@ declare const theme: {
|
|
4634
4656
|
position: string;
|
4635
4657
|
width?: string | undefined;
|
4636
4658
|
whiteSpace?: string | undefined;
|
4637
|
-
fontSize: ("
|
4659
|
+
fontSize: ("mobile.xs" | "desktop.sm")[];
|
4638
4660
|
};
|
4639
4661
|
innerButton: {
|
4640
4662
|
display: string;
|
@@ -6491,7 +6513,7 @@ declare const theme: {
|
|
6491
6513
|
} | undefined;
|
6492
6514
|
sizes?: {
|
6493
6515
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
6494
|
-
keys: ("title" | "container" | "
|
6516
|
+
keys: ("title" | "container" | "root" | "closeButton" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
|
6495
6517
|
}>;
|
6496
6518
|
} | undefined;
|
6497
6519
|
variants?: {
|
@@ -6523,7 +6545,7 @@ declare const theme: {
|
|
6523
6545
|
variant?: "base" | "accent" | undefined;
|
6524
6546
|
colorScheme?: string | undefined;
|
6525
6547
|
} | undefined;
|
6526
|
-
parts: ("title" | "container" | "
|
6548
|
+
parts: ("title" | "container" | "root" | "closeButton" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
|
6527
6549
|
};
|
6528
6550
|
Switch: {
|
6529
6551
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
@@ -7737,7 +7759,7 @@ declare const theme: {
|
|
7737
7759
|
sizes?: {
|
7738
7760
|
"2xs": {
|
7739
7761
|
container: {
|
7740
|
-
[x: string]: string | 1 | 2 |
|
7762
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | {
|
7741
7763
|
sm: string;
|
7742
7764
|
md: string;
|
7743
7765
|
lg: string;
|
@@ -7745,7 +7767,7 @@ declare const theme: {
|
|
7745
7767
|
} | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
|
7746
7768
|
};
|
7747
7769
|
excessLabel: {
|
7748
|
-
[x: string]: string | 1 | 2 |
|
7770
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7749
7771
|
sm: string;
|
7750
7772
|
md: string;
|
7751
7773
|
lg: string;
|
@@ -7755,7 +7777,7 @@ declare const theme: {
|
|
7755
7777
|
};
|
7756
7778
|
xs: {
|
7757
7779
|
container: {
|
7758
|
-
[x: string]: string | 1 | 2 |
|
7780
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7759
7781
|
sm: string;
|
7760
7782
|
md: string;
|
7761
7783
|
lg: string;
|
@@ -7763,7 +7785,7 @@ declare const theme: {
|
|
7763
7785
|
};
|
7764
7786
|
};
|
7765
7787
|
excessLabel: {
|
7766
|
-
[x: string]: string | 1 | 2 |
|
7788
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7767
7789
|
sm: string;
|
7768
7790
|
md: string;
|
7769
7791
|
lg: string;
|
@@ -7773,7 +7795,7 @@ declare const theme: {
|
|
7773
7795
|
};
|
7774
7796
|
sm: {
|
7775
7797
|
container: {
|
7776
|
-
[x: string]: string | 1 | 2 |
|
7798
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7777
7799
|
sm: string;
|
7778
7800
|
md: string;
|
7779
7801
|
lg: string;
|
@@ -7781,7 +7803,7 @@ declare const theme: {
|
|
7781
7803
|
};
|
7782
7804
|
};
|
7783
7805
|
excessLabel: {
|
7784
|
-
[x: string]: string | 1 | 2 |
|
7806
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7785
7807
|
sm: string;
|
7786
7808
|
md: string;
|
7787
7809
|
lg: string;
|
@@ -7791,7 +7813,7 @@ declare const theme: {
|
|
7791
7813
|
};
|
7792
7814
|
md: {
|
7793
7815
|
container: {
|
7794
|
-
[x: string]: string | 1 | 2 |
|
7816
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7795
7817
|
sm: string;
|
7796
7818
|
md: string;
|
7797
7819
|
lg: string;
|
@@ -7799,7 +7821,7 @@ declare const theme: {
|
|
7799
7821
|
};
|
7800
7822
|
};
|
7801
7823
|
excessLabel: {
|
7802
|
-
[x: string]: string | 1 | 2 |
|
7824
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7803
7825
|
sm: string;
|
7804
7826
|
md: string;
|
7805
7827
|
lg: string;
|
@@ -7809,7 +7831,7 @@ declare const theme: {
|
|
7809
7831
|
};
|
7810
7832
|
lg: {
|
7811
7833
|
container: {
|
7812
|
-
[x: string]: string | 1 | 2 |
|
7834
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7813
7835
|
sm: string;
|
7814
7836
|
md: string;
|
7815
7837
|
lg: string;
|
@@ -7817,7 +7839,7 @@ declare const theme: {
|
|
7817
7839
|
};
|
7818
7840
|
};
|
7819
7841
|
excessLabel: {
|
7820
|
-
[x: string]: string | 1 | 2 |
|
7842
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7821
7843
|
sm: string;
|
7822
7844
|
md: string;
|
7823
7845
|
lg: string;
|
@@ -7827,7 +7849,7 @@ declare const theme: {
|
|
7827
7849
|
};
|
7828
7850
|
xl: {
|
7829
7851
|
container: {
|
7830
|
-
[x: string]: string | 1 | 2 |
|
7852
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7831
7853
|
sm: string;
|
7832
7854
|
md: string;
|
7833
7855
|
lg: string;
|
@@ -7835,7 +7857,7 @@ declare const theme: {
|
|
7835
7857
|
};
|
7836
7858
|
};
|
7837
7859
|
excessLabel: {
|
7838
|
-
[x: string]: string | 1 | 2 |
|
7860
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7839
7861
|
sm: string;
|
7840
7862
|
md: string;
|
7841
7863
|
lg: string;
|
@@ -7845,7 +7867,7 @@ declare const theme: {
|
|
7845
7867
|
};
|
7846
7868
|
"2xl": {
|
7847
7869
|
container: {
|
7848
|
-
[x: string]: string | 1 | 2 |
|
7870
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7849
7871
|
sm: string;
|
7850
7872
|
md: string;
|
7851
7873
|
lg: string;
|
@@ -7853,7 +7875,7 @@ declare const theme: {
|
|
7853
7875
|
};
|
7854
7876
|
};
|
7855
7877
|
excessLabel: {
|
7856
|
-
[x: string]: string | 1 | 2 |
|
7878
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7857
7879
|
sm: string;
|
7858
7880
|
md: string;
|
7859
7881
|
lg: string;
|
@@ -7863,7 +7885,7 @@ declare const theme: {
|
|
7863
7885
|
};
|
7864
7886
|
full: {
|
7865
7887
|
container: {
|
7866
|
-
[x: string]: string | 1 | 2 |
|
7888
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7867
7889
|
sm: string;
|
7868
7890
|
md: string;
|
7869
7891
|
lg: string;
|
@@ -7871,7 +7893,7 @@ declare const theme: {
|
|
7871
7893
|
};
|
7872
7894
|
};
|
7873
7895
|
excessLabel: {
|
7874
|
-
[x: string]: string | 1 | 2 |
|
7896
|
+
[x: string]: string | 1 | 2 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 24 | 2.5 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
|
7875
7897
|
sm: string;
|
7876
7898
|
md: string;
|
7877
7899
|
lg: string;
|
@@ -9056,18 +9078,18 @@ declare const theme: {
|
|
9056
9078
|
0: string;
|
9057
9079
|
1: string;
|
9058
9080
|
2: string;
|
9081
|
+
12: string;
|
9059
9082
|
3: string;
|
9060
|
-
6: string;
|
9061
9083
|
4: string;
|
9062
9084
|
5: string;
|
9085
|
+
6: string;
|
9063
9086
|
7: string;
|
9064
9087
|
8: string;
|
9065
9088
|
9: string;
|
9066
9089
|
10: string;
|
9067
9090
|
11: string;
|
9068
|
-
12: string;
|
9069
|
-
0.5: string;
|
9070
9091
|
1.5: string;
|
9092
|
+
0.5: string;
|
9071
9093
|
};
|
9072
9094
|
spacing: Record<keyof {
|
9073
9095
|
0: {
|
@@ -9537,4 +9559,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
|
|
9537
9559
|
**/
|
9538
9560
|
declare function slugify(text: string | string[], maxLength?: number): string;
|
9539
9561
|
|
9540
|
-
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, Pagination, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, StaticCardProps, 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 };
|
9562
|
+
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, Pagination, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton, PressableCard, PrideProvider, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, StaticCardProps, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, TogglePride, Tooltip, TooltipProps, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoPride, VyLogoPrideProps, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, usePride, useToast, useTranslation };
|