@vygruppen/spor-react 9.10.0 → 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.
Files changed (30) hide show
  1. package/.turbo/turbo-build.log +10 -10
  2. package/CHANGELOG.md +12 -0
  3. package/dist/{CountryCodeSelect-FVCL47RT.mjs → CountryCodeSelect-633P6ZEW.mjs} +1 -1
  4. package/dist/{chunk-WZYWSOJB.mjs → chunk-RR7HZ3VH.mjs} +2825 -2603
  5. package/dist/index.d.mts +58 -27
  6. package/dist/index.d.ts +58 -27
  7. package/dist/index.js +4118 -3869
  8. package/dist/index.mjs +1 -1
  9. package/package.json +1 -1
  10. package/src/index.tsx +1 -0
  11. package/src/loader/ColorInlineLoader.tsx +10 -1
  12. package/src/loader/ColorSpinner.tsx +12 -2
  13. package/src/loader/ContentLoader.tsx +13 -2
  14. package/src/loader/DarkInlineLoader.tsx +13 -2
  15. package/src/loader/LightFullScreenLoader.tsx +10 -1
  16. package/src/loader/LightInlineLoader.tsx +13 -2
  17. package/src/logo/VyLogo.tsx +7 -0
  18. package/src/logo/VyLogoPride.tsx +164 -0
  19. package/src/logo/index.tsx +1 -0
  20. package/src/media-controller/JumpButton.tsx +6 -3
  21. package/src/media-controller/PlayPauseButton.tsx +6 -3
  22. package/src/media-controller/SkipButton.tsx +6 -3
  23. package/src/pride/PrideProvider.tsx +58 -0
  24. package/src/pride/TogglePride.tsx +23 -0
  25. package/src/pride/index.tsx +2 -0
  26. package/src/provider/SporProvider.tsx +7 -4
  27. package/src/provider/index.tsx +1 -0
  28. package/src/theme/components/media-controller-button.ts +20 -11
  29. package/src/theme/components/static-card.ts +4 -2
  30. package/src/media-controller/icons.tsx +0 -80
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: ("desktop.sm" | "mobile.xs")[];
4659
+ fontSize: ("mobile.xs" | "desktop.sm")[];
4638
4660
  };
4639
4661
  innerButton: {
4640
4662
  display: string;
@@ -5475,31 +5497,40 @@ declare const theme: {
5475
5497
  };
5476
5498
  }) | undefined;
5477
5499
  sizes?: {
5478
- sm: {
5500
+ sm: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5479
5501
  container: {
5480
5502
  fontSize: number;
5503
+ width: string | undefined;
5504
+ height: string | undefined;
5481
5505
  };
5482
5506
  };
5483
- lg: {
5507
+ lg: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5484
5508
  container: {
5485
5509
  fontSize: number;
5510
+ width: string | undefined;
5511
+ height: string | undefined;
5486
5512
  };
5487
5513
  };
5488
5514
  } | undefined;
5489
5515
  variants?: {
5490
5516
  play: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5491
5517
  container: {
5492
- padding: number;
5493
5518
  _hover: {
5519
+ backgroundColor: string;
5494
5520
  color: string;
5495
5521
  };
5496
5522
  _active: {
5523
+ backgroundColor: string;
5497
5524
  color: string;
5498
5525
  };
5499
5526
  _disabled: {
5527
+ backgroundColor: string;
5500
5528
  pointerEvents: string;
5501
5529
  color: string;
5502
5530
  };
5531
+ backgroundColor: string;
5532
+ color: string;
5533
+ padding: number;
5503
5534
  };
5504
5535
  };
5505
5536
  jumpSkip: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
@@ -6482,7 +6513,7 @@ declare const theme: {
6482
6513
  } | undefined;
6483
6514
  sizes?: {
6484
6515
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
6485
- keys: ("title" | "container" | "closeButton" | "root" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
6516
+ keys: ("title" | "container" | "root" | "closeButton" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
6486
6517
  }>;
6487
6518
  } | undefined;
6488
6519
  variants?: {
@@ -6514,7 +6545,7 @@ declare const theme: {
6514
6545
  variant?: "base" | "accent" | undefined;
6515
6546
  colorScheme?: string | undefined;
6516
6547
  } | undefined;
6517
- parts: ("title" | "container" | "closeButton" | "root" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
6548
+ parts: ("title" | "container" | "root" | "closeButton" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
6518
6549
  };
6519
6550
  Switch: {
6520
6551
  baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
@@ -7288,7 +7319,7 @@ declare const theme: {
7288
7319
  display: string;
7289
7320
  borderRadius: string;
7290
7321
  } | {
7291
- backgroundColor: any;
7322
+ backgroundColor: string;
7292
7323
  _focusVisible: {
7293
7324
  outlineWidth: string;
7294
7325
  outlineColor: string;
@@ -7728,7 +7759,7 @@ declare const theme: {
7728
7759
  sizes?: {
7729
7760
  "2xs": {
7730
7761
  container: {
7731
- [x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | {
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 | {
7732
7763
  sm: string;
7733
7764
  md: string;
7734
7765
  lg: string;
@@ -7736,7 +7767,7 @@ declare const theme: {
7736
7767
  } | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
7737
7768
  };
7738
7769
  excessLabel: {
7739
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7740
7771
  sm: string;
7741
7772
  md: string;
7742
7773
  lg: string;
@@ -7746,7 +7777,7 @@ declare const theme: {
7746
7777
  };
7747
7778
  xs: {
7748
7779
  container: {
7749
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7750
7781
  sm: string;
7751
7782
  md: string;
7752
7783
  lg: string;
@@ -7754,7 +7785,7 @@ declare const theme: {
7754
7785
  };
7755
7786
  };
7756
7787
  excessLabel: {
7757
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7758
7789
  sm: string;
7759
7790
  md: string;
7760
7791
  lg: string;
@@ -7764,7 +7795,7 @@ declare const theme: {
7764
7795
  };
7765
7796
  sm: {
7766
7797
  container: {
7767
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7768
7799
  sm: string;
7769
7800
  md: string;
7770
7801
  lg: string;
@@ -7772,7 +7803,7 @@ declare const theme: {
7772
7803
  };
7773
7804
  };
7774
7805
  excessLabel: {
7775
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7776
7807
  sm: string;
7777
7808
  md: string;
7778
7809
  lg: string;
@@ -7782,7 +7813,7 @@ declare const theme: {
7782
7813
  };
7783
7814
  md: {
7784
7815
  container: {
7785
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7786
7817
  sm: string;
7787
7818
  md: string;
7788
7819
  lg: string;
@@ -7790,7 +7821,7 @@ declare const theme: {
7790
7821
  };
7791
7822
  };
7792
7823
  excessLabel: {
7793
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7794
7825
  sm: string;
7795
7826
  md: string;
7796
7827
  lg: string;
@@ -7800,7 +7831,7 @@ declare const theme: {
7800
7831
  };
7801
7832
  lg: {
7802
7833
  container: {
7803
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7804
7835
  sm: string;
7805
7836
  md: string;
7806
7837
  lg: string;
@@ -7808,7 +7839,7 @@ declare const theme: {
7808
7839
  };
7809
7840
  };
7810
7841
  excessLabel: {
7811
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7812
7843
  sm: string;
7813
7844
  md: string;
7814
7845
  lg: string;
@@ -7818,7 +7849,7 @@ declare const theme: {
7818
7849
  };
7819
7850
  xl: {
7820
7851
  container: {
7821
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7822
7853
  sm: string;
7823
7854
  md: string;
7824
7855
  lg: string;
@@ -7826,7 +7857,7 @@ declare const theme: {
7826
7857
  };
7827
7858
  };
7828
7859
  excessLabel: {
7829
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7830
7861
  sm: string;
7831
7862
  md: string;
7832
7863
  lg: string;
@@ -7836,7 +7867,7 @@ declare const theme: {
7836
7867
  };
7837
7868
  "2xl": {
7838
7869
  container: {
7839
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7840
7871
  sm: string;
7841
7872
  md: string;
7842
7873
  lg: string;
@@ -7844,7 +7875,7 @@ declare const theme: {
7844
7875
  };
7845
7876
  };
7846
7877
  excessLabel: {
7847
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7848
7879
  sm: string;
7849
7880
  md: string;
7850
7881
  lg: string;
@@ -7854,7 +7885,7 @@ declare const theme: {
7854
7885
  };
7855
7886
  full: {
7856
7887
  container: {
7857
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7858
7889
  sm: string;
7859
7890
  md: string;
7860
7891
  lg: string;
@@ -7862,7 +7893,7 @@ declare const theme: {
7862
7893
  };
7863
7894
  };
7864
7895
  excessLabel: {
7865
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7866
7897
  sm: string;
7867
7898
  md: string;
7868
7899
  lg: string;
@@ -9047,18 +9078,18 @@ declare const theme: {
9047
9078
  0: string;
9048
9079
  1: string;
9049
9080
  2: string;
9081
+ 12: string;
9050
9082
  3: string;
9051
- 6: string;
9052
9083
  4: string;
9053
9084
  5: string;
9085
+ 6: string;
9054
9086
  7: string;
9055
9087
  8: string;
9056
9088
  9: string;
9057
9089
  10: string;
9058
9090
  11: string;
9059
- 12: string;
9060
- 0.5: string;
9061
9091
  1.5: string;
9092
+ 0.5: string;
9062
9093
  };
9063
9094
  spacing: Record<keyof {
9064
9095
  0: {
@@ -9528,4 +9559,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
9528
9559
  **/
9529
9560
  declare function slugify(text: string | string[], maxLength?: number): string;
9530
9561
 
9531
- 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: ("desktop.sm" | "mobile.xs")[];
4659
+ fontSize: ("mobile.xs" | "desktop.sm")[];
4638
4660
  };
4639
4661
  innerButton: {
4640
4662
  display: string;
@@ -5475,31 +5497,40 @@ declare const theme: {
5475
5497
  };
5476
5498
  }) | undefined;
5477
5499
  sizes?: {
5478
- sm: {
5500
+ sm: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5479
5501
  container: {
5480
5502
  fontSize: number;
5503
+ width: string | undefined;
5504
+ height: string | undefined;
5481
5505
  };
5482
5506
  };
5483
- lg: {
5507
+ lg: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5484
5508
  container: {
5485
5509
  fontSize: number;
5510
+ width: string | undefined;
5511
+ height: string | undefined;
5486
5512
  };
5487
5513
  };
5488
5514
  } | undefined;
5489
5515
  variants?: {
5490
5516
  play: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5491
5517
  container: {
5492
- padding: number;
5493
5518
  _hover: {
5519
+ backgroundColor: string;
5494
5520
  color: string;
5495
5521
  };
5496
5522
  _active: {
5523
+ backgroundColor: string;
5497
5524
  color: string;
5498
5525
  };
5499
5526
  _disabled: {
5527
+ backgroundColor: string;
5500
5528
  pointerEvents: string;
5501
5529
  color: string;
5502
5530
  };
5531
+ backgroundColor: string;
5532
+ color: string;
5533
+ padding: number;
5503
5534
  };
5504
5535
  };
5505
5536
  jumpSkip: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
@@ -6482,7 +6513,7 @@ declare const theme: {
6482
6513
  } | undefined;
6483
6514
  sizes?: {
6484
6515
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
6485
- keys: ("title" | "container" | "closeButton" | "root" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
6516
+ keys: ("title" | "container" | "root" | "closeButton" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
6486
6517
  }>;
6487
6518
  } | undefined;
6488
6519
  variants?: {
@@ -6514,7 +6545,7 @@ declare const theme: {
6514
6545
  variant?: "base" | "accent" | undefined;
6515
6546
  colorScheme?: string | undefined;
6516
6547
  } | undefined;
6517
- parts: ("title" | "container" | "closeButton" | "root" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
6548
+ parts: ("title" | "container" | "root" | "closeButton" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
6518
6549
  };
6519
6550
  Switch: {
6520
6551
  baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
@@ -7288,7 +7319,7 @@ declare const theme: {
7288
7319
  display: string;
7289
7320
  borderRadius: string;
7290
7321
  } | {
7291
- backgroundColor: any;
7322
+ backgroundColor: string;
7292
7323
  _focusVisible: {
7293
7324
  outlineWidth: string;
7294
7325
  outlineColor: string;
@@ -7728,7 +7759,7 @@ declare const theme: {
7728
7759
  sizes?: {
7729
7760
  "2xs": {
7730
7761
  container: {
7731
- [x: string]: string | 1 | 2 | 3 | 6 | 4 | 5 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 0.5 | 1.5 | 24 | 2.5 | 60 | {
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 | {
7732
7763
  sm: string;
7733
7764
  md: string;
7734
7765
  lg: string;
@@ -7736,7 +7767,7 @@ declare const theme: {
7736
7767
  } | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
7737
7768
  };
7738
7769
  excessLabel: {
7739
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7740
7771
  sm: string;
7741
7772
  md: string;
7742
7773
  lg: string;
@@ -7746,7 +7777,7 @@ declare const theme: {
7746
7777
  };
7747
7778
  xs: {
7748
7779
  container: {
7749
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7750
7781
  sm: string;
7751
7782
  md: string;
7752
7783
  lg: string;
@@ -7754,7 +7785,7 @@ declare const theme: {
7754
7785
  };
7755
7786
  };
7756
7787
  excessLabel: {
7757
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7758
7789
  sm: string;
7759
7790
  md: string;
7760
7791
  lg: string;
@@ -7764,7 +7795,7 @@ declare const theme: {
7764
7795
  };
7765
7796
  sm: {
7766
7797
  container: {
7767
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7768
7799
  sm: string;
7769
7800
  md: string;
7770
7801
  lg: string;
@@ -7772,7 +7803,7 @@ declare const theme: {
7772
7803
  };
7773
7804
  };
7774
7805
  excessLabel: {
7775
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7776
7807
  sm: string;
7777
7808
  md: string;
7778
7809
  lg: string;
@@ -7782,7 +7813,7 @@ declare const theme: {
7782
7813
  };
7783
7814
  md: {
7784
7815
  container: {
7785
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7786
7817
  sm: string;
7787
7818
  md: string;
7788
7819
  lg: string;
@@ -7790,7 +7821,7 @@ declare const theme: {
7790
7821
  };
7791
7822
  };
7792
7823
  excessLabel: {
7793
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7794
7825
  sm: string;
7795
7826
  md: string;
7796
7827
  lg: string;
@@ -7800,7 +7831,7 @@ declare const theme: {
7800
7831
  };
7801
7832
  lg: {
7802
7833
  container: {
7803
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7804
7835
  sm: string;
7805
7836
  md: string;
7806
7837
  lg: string;
@@ -7808,7 +7839,7 @@ declare const theme: {
7808
7839
  };
7809
7840
  };
7810
7841
  excessLabel: {
7811
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7812
7843
  sm: string;
7813
7844
  md: string;
7814
7845
  lg: string;
@@ -7818,7 +7849,7 @@ declare const theme: {
7818
7849
  };
7819
7850
  xl: {
7820
7851
  container: {
7821
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7822
7853
  sm: string;
7823
7854
  md: string;
7824
7855
  lg: string;
@@ -7826,7 +7857,7 @@ declare const theme: {
7826
7857
  };
7827
7858
  };
7828
7859
  excessLabel: {
7829
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7830
7861
  sm: string;
7831
7862
  md: string;
7832
7863
  lg: string;
@@ -7836,7 +7867,7 @@ declare const theme: {
7836
7867
  };
7837
7868
  "2xl": {
7838
7869
  container: {
7839
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7840
7871
  sm: string;
7841
7872
  md: string;
7842
7873
  lg: string;
@@ -7844,7 +7875,7 @@ declare const theme: {
7844
7875
  };
7845
7876
  };
7846
7877
  excessLabel: {
7847
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7848
7879
  sm: string;
7849
7880
  md: string;
7850
7881
  lg: string;
@@ -7854,7 +7885,7 @@ declare const theme: {
7854
7885
  };
7855
7886
  full: {
7856
7887
  container: {
7857
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7858
7889
  sm: string;
7859
7890
  md: string;
7860
7891
  lg: string;
@@ -7862,7 +7893,7 @@ declare const theme: {
7862
7893
  };
7863
7894
  };
7864
7895
  excessLabel: {
7865
- [x: string]: string | 1 | 2 | 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 | {
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 | {
7866
7897
  sm: string;
7867
7898
  md: string;
7868
7899
  lg: string;
@@ -9047,18 +9078,18 @@ declare const theme: {
9047
9078
  0: string;
9048
9079
  1: string;
9049
9080
  2: string;
9081
+ 12: string;
9050
9082
  3: string;
9051
- 6: string;
9052
9083
  4: string;
9053
9084
  5: string;
9085
+ 6: string;
9054
9086
  7: string;
9055
9087
  8: string;
9056
9088
  9: string;
9057
9089
  10: string;
9058
9090
  11: string;
9059
- 12: string;
9060
- 0.5: string;
9061
9091
  1.5: string;
9092
+ 0.5: string;
9062
9093
  };
9063
9094
  spacing: Record<keyof {
9064
9095
  0: {
@@ -9528,4 +9559,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
9528
9559
  **/
9529
9560
  declare function slugify(text: string | string[], maxLength?: number): string;
9530
9561
 
9531
- 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 };