@vygruppen/spor-react 9.10.1 → 9.11.1

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/dist/index.d.mts CHANGED
@@ -1,4 +1,3 @@
1
- import tokens__default from '@vygruppen/spor-design-tokens';
2
1
  import * as tokens from '@vygruppen/spor-design-tokens';
3
2
  export { tokens };
4
3
  import * as _chakra_ui_system_dist_system_types from '@chakra-ui/system/dist/system.types';
@@ -1928,6 +1927,26 @@ type VyLogoProps = {
1928
1927
  } & BoxProps;
1929
1928
  declare const VyLogo: ({ colorScheme, ...boxProps }: VyLogoProps) => React.JSX.Element;
1930
1929
 
1930
+ type VyLogoPrideProps = {
1931
+ /** The color of the logo
1932
+ *
1933
+ * Use `"light"` when the logo is used on a light background.
1934
+ * Use `"dark"` when the logo is used on a dark background.
1935
+ */
1936
+ colorScheme: "light" | "dark";
1937
+ } & BoxProps;
1938
+ declare const VyLogoPride: ({ colorScheme, ...boxProps }: VyLogoPrideProps) => React.JSX.Element;
1939
+
1940
+ type VyLogoDefaultProps = {
1941
+ /** The color of the logo
1942
+ *
1943
+ * Use `"light"` when the logo is used on a light background.
1944
+ * Use `"dark"` when the logo is used on a dark background.
1945
+ */
1946
+ colorScheme: "light" | "dark";
1947
+ } & BoxProps;
1948
+ declare const VyLogoDefault: ({ colorScheme, ...boxProps }: VyLogoDefaultProps) => React.JSX.Element;
1949
+
1931
1950
  type JumpButtonProps = BoxProps & {
1932
1951
  onClick: () => void;
1933
1952
  "aria-label"?: string;
@@ -2176,6 +2195,18 @@ type PaginationProps = {
2176
2195
  **/
2177
2196
  declare const Pagination: ({ totalPages, selectedPage, onPageChange, }: PaginationProps) => React.JSX.Element;
2178
2197
 
2198
+ interface PrideContextProps {
2199
+ isPride: boolean;
2200
+ togglePride: () => void;
2201
+ }
2202
+ declare const PrideProvider: React.FC<React.PropsWithChildren<{}>>;
2203
+ declare const usePride: () => PrideContextProps;
2204
+
2205
+ type TogglePrideProps = {
2206
+ label: string;
2207
+ };
2208
+ declare const TogglePride: ({ label }: TogglePrideProps) => React.JSX.Element;
2209
+
2179
2210
  type ProgressIndicatorProps = {
2180
2211
  numberOfSteps: number;
2181
2212
  activeStep: number;
@@ -2325,48 +2356,6 @@ type TableProps = Omit<TableProps$1, "variant" | "colorScheme"> & {
2325
2356
  */
2326
2357
  declare const Table: _chakra_ui_system_dist_system_types.ComponentWithAs<"table", TableProps>;
2327
2358
 
2328
- type ColorsType = typeof tokens__default.color.alias & typeof tokens__default.color.palette & typeof tokens__default.color.vyDigital & {
2329
- linjetag: typeof tokens__default.color.linjetag;
2330
- };
2331
-
2332
- declare const textStyles: {
2333
- "2xl": {
2334
- fontSize: (string | null)[];
2335
- fontFamily: string;
2336
- lineHeight: string;
2337
- };
2338
- "xl-display": {
2339
- fontSize: (string | null)[];
2340
- fontFamily: string;
2341
- lineHeight: string;
2342
- };
2343
- "xl-sans": {
2344
- fontSize: (string | null)[];
2345
- fontFamily: string;
2346
- lineHeight: string;
2347
- };
2348
- lg: {
2349
- fontSize: (string | null)[];
2350
- fontFamily: string;
2351
- lineHeight: string;
2352
- };
2353
- md: {
2354
- fontSize: (string | null)[];
2355
- fontFamily: string;
2356
- lineHeight: string;
2357
- };
2358
- sm: {
2359
- fontSize: (string | null)[];
2360
- fontFamily: string;
2361
- lineHeight: string;
2362
- };
2363
- xs: {
2364
- fontSize: (string | null)[];
2365
- fontFamily: string;
2366
- lineHeight: string;
2367
- };
2368
- };
2369
-
2370
2359
  /** A string of CSS that should be injected in the global CSS space */
2371
2360
  declare const fontFaces: string;
2372
2361
 
@@ -2947,16 +2936,16 @@ declare const theme: {
2947
2936
  outlineColor: string;
2948
2937
  backgroundColor?: undefined;
2949
2938
  } | {
2950
- backgroundColor: string;
2951
- outlineColor: string;
2939
+ backgroundColor: any;
2940
+ outlineColor: any;
2952
2941
  };
2953
2942
  _active: {
2954
2943
  outline: string;
2955
2944
  outlineColor: string;
2956
2945
  backgroundColor: string;
2957
2946
  } | {
2958
- backgroundColor: string;
2959
- outlineColor: string;
2947
+ backgroundColor: any;
2948
+ outlineColor: any;
2960
2949
  };
2961
2950
  _disabled: {
2962
2951
  pointerEvents: string;
@@ -2991,16 +2980,16 @@ declare const theme: {
2991
2980
  outlineColor: string;
2992
2981
  backgroundColor?: undefined;
2993
2982
  } | {
2994
- backgroundColor: string;
2995
- outlineColor: string;
2983
+ backgroundColor: any;
2984
+ outlineColor: any;
2996
2985
  };
2997
2986
  _active: {
2998
2987
  outline: string;
2999
2988
  outlineColor: string;
3000
2989
  backgroundColor: string;
3001
2990
  } | {
3002
- backgroundColor: string;
3003
- outlineColor: string;
2991
+ backgroundColor: any;
2992
+ outlineColor: any;
3004
2993
  };
3005
2994
  _disabled: {
3006
2995
  pointerEvents: string;
@@ -3035,16 +3024,16 @@ declare const theme: {
3035
3024
  outlineColor: string;
3036
3025
  backgroundColor?: undefined;
3037
3026
  } | {
3038
- backgroundColor: string;
3039
- outlineColor: string;
3027
+ backgroundColor: any;
3028
+ outlineColor: any;
3040
3029
  };
3041
3030
  _active: {
3042
3031
  outline: string;
3043
3032
  outlineColor: string;
3044
3033
  backgroundColor: string;
3045
3034
  } | {
3046
- backgroundColor: string;
3047
- outlineColor: string;
3035
+ backgroundColor: any;
3036
+ outlineColor: any;
3048
3037
  };
3049
3038
  _disabled: {
3050
3039
  pointerEvents: string;
@@ -3067,8 +3056,8 @@ declare const theme: {
3067
3056
  outlineStyle: string;
3068
3057
  outlineOffset: string;
3069
3058
  };
3070
- backgroundColor: string;
3071
- outlineColor: string;
3059
+ backgroundColor: any;
3060
+ outlineColor: any;
3072
3061
  outline: string;
3073
3062
  };
3074
3063
  backgroundColor: string;
@@ -3095,16 +3084,16 @@ declare const theme: {
3095
3084
  outlineColor: string;
3096
3085
  backgroundColor?: undefined;
3097
3086
  } | {
3098
- backgroundColor: string;
3099
- outlineColor: string;
3087
+ backgroundColor: any;
3088
+ outlineColor: any;
3100
3089
  };
3101
3090
  _active: {
3102
3091
  outline: string;
3103
3092
  outlineColor: string;
3104
3093
  backgroundColor: string;
3105
3094
  } | {
3106
- backgroundColor: string;
3107
- outlineColor: string;
3095
+ backgroundColor: any;
3096
+ outlineColor: any;
3108
3097
  };
3109
3098
  _disabled: {
3110
3099
  pointerEvents: string;
@@ -3139,16 +3128,16 @@ declare const theme: {
3139
3128
  outlineColor: string;
3140
3129
  backgroundColor?: undefined;
3141
3130
  } | {
3142
- backgroundColor: string;
3143
- outlineColor: string;
3131
+ backgroundColor: any;
3132
+ outlineColor: any;
3144
3133
  };
3145
3134
  _active: {
3146
3135
  outline: string;
3147
3136
  outlineColor: string;
3148
3137
  backgroundColor: string;
3149
3138
  } | {
3150
- backgroundColor: string;
3151
- outlineColor: string;
3139
+ backgroundColor: any;
3140
+ outlineColor: any;
3152
3141
  };
3153
3142
  _disabled: {
3154
3143
  pointerEvents: string;
@@ -3183,16 +3172,16 @@ declare const theme: {
3183
3172
  outlineColor: string;
3184
3173
  backgroundColor?: undefined;
3185
3174
  } | {
3186
- backgroundColor: string;
3187
- outlineColor: string;
3175
+ backgroundColor: any;
3176
+ outlineColor: any;
3188
3177
  };
3189
3178
  _active: {
3190
3179
  outline: string;
3191
3180
  outlineColor: string;
3192
3181
  backgroundColor: string;
3193
3182
  } | {
3194
- backgroundColor: string;
3195
- outlineColor: string;
3183
+ backgroundColor: any;
3184
+ outlineColor: any;
3196
3185
  };
3197
3186
  _disabled: {
3198
3187
  pointerEvents: string;
@@ -3215,8 +3204,8 @@ declare const theme: {
3215
3204
  outlineStyle: string;
3216
3205
  outlineOffset: string;
3217
3206
  };
3218
- backgroundColor: string;
3219
- outlineColor: string;
3207
+ backgroundColor: any;
3208
+ outlineColor: any;
3220
3209
  outline: string;
3221
3210
  };
3222
3211
  backgroundColor: string;
@@ -3241,16 +3230,16 @@ declare const theme: {
3241
3230
  outlineColor: string;
3242
3231
  backgroundColor?: undefined;
3243
3232
  } | {
3244
- backgroundColor: string;
3245
- outlineColor: string;
3233
+ backgroundColor: any;
3234
+ outlineColor: any;
3246
3235
  };
3247
3236
  _active: {
3248
3237
  outline: string;
3249
3238
  outlineColor: string;
3250
3239
  backgroundColor: string;
3251
3240
  } | {
3252
- backgroundColor: string;
3253
- outlineColor: string;
3241
+ backgroundColor: any;
3242
+ outlineColor: any;
3254
3243
  };
3255
3244
  _disabled: {
3256
3245
  pointerEvents: string;
@@ -3285,16 +3274,16 @@ declare const theme: {
3285
3274
  outlineColor: string;
3286
3275
  backgroundColor?: undefined;
3287
3276
  } | {
3288
- backgroundColor: string;
3289
- outlineColor: string;
3277
+ backgroundColor: any;
3278
+ outlineColor: any;
3290
3279
  };
3291
3280
  _active: {
3292
3281
  outline: string;
3293
3282
  outlineColor: string;
3294
3283
  backgroundColor: string;
3295
3284
  } | {
3296
- backgroundColor: string;
3297
- outlineColor: string;
3285
+ backgroundColor: any;
3286
+ outlineColor: any;
3298
3287
  };
3299
3288
  _disabled: {
3300
3289
  pointerEvents: string;
@@ -3329,16 +3318,16 @@ declare const theme: {
3329
3318
  outlineColor: string;
3330
3319
  backgroundColor?: undefined;
3331
3320
  } | {
3332
- backgroundColor: string;
3333
- outlineColor: string;
3321
+ backgroundColor: any;
3322
+ outlineColor: any;
3334
3323
  };
3335
3324
  _active: {
3336
3325
  outline: string;
3337
3326
  outlineColor: string;
3338
3327
  backgroundColor: string;
3339
3328
  } | {
3340
- backgroundColor: string;
3341
- outlineColor: string;
3329
+ backgroundColor: any;
3330
+ outlineColor: any;
3342
3331
  };
3343
3332
  _disabled: {
3344
3333
  pointerEvents: string;
@@ -3361,11 +3350,11 @@ declare const theme: {
3361
3350
  outlineStyle: string;
3362
3351
  outlineOffset: string;
3363
3352
  };
3364
- backgroundColor: string;
3365
- outlineColor: string;
3353
+ backgroundColor: any;
3354
+ outlineColor: any;
3366
3355
  outline: string;
3367
3356
  };
3368
- backgroundColor: string;
3357
+ backgroundColor: any;
3369
3358
  appearance: string;
3370
3359
  border: string;
3371
3360
  overflow: string;
@@ -3942,7 +3931,7 @@ declare const theme: {
3942
3931
  paddingY: number;
3943
3932
  alignItems: string;
3944
3933
  _hover: {
3945
- zIndex: number;
3934
+ zIndex: any;
3946
3935
  };
3947
3936
  _disabled: {
3948
3937
  backgroundColor: string;
@@ -4634,7 +4623,7 @@ declare const theme: {
4634
4623
  position: string;
4635
4624
  width?: string | undefined;
4636
4625
  whiteSpace?: string | undefined;
4637
- fontSize: ("desktop.sm" | "mobile.xs")[];
4626
+ fontSize: ("mobile.xs" | "desktop.sm")[];
4638
4627
  };
4639
4628
  innerButton: {
4640
4629
  display: string;
@@ -6491,7 +6480,7 @@ declare const theme: {
6491
6480
  } | undefined;
6492
6481
  sizes?: {
6493
6482
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
6494
- keys: ("title" | "container" | "closeButton" | "root" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
6483
+ keys: ("title" | "container" | "root" | "closeButton" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
6495
6484
  }>;
6496
6485
  } | undefined;
6497
6486
  variants?: {
@@ -6523,7 +6512,7 @@ declare const theme: {
6523
6512
  variant?: "base" | "accent" | undefined;
6524
6513
  colorScheme?: string | undefined;
6525
6514
  } | undefined;
6526
- parts: ("title" | "container" | "closeButton" | "root" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
6515
+ parts: ("title" | "container" | "root" | "closeButton" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
6527
6516
  };
6528
6517
  Switch: {
6529
6518
  baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
@@ -7297,7 +7286,7 @@ declare const theme: {
7297
7286
  display: string;
7298
7287
  borderRadius: string;
7299
7288
  } | {
7300
- backgroundColor: string;
7289
+ backgroundColor: any;
7301
7290
  _focusVisible: {
7302
7291
  outlineWidth: string;
7303
7292
  outlineColor: string;
@@ -7737,7 +7726,7 @@ declare const theme: {
7737
7726
  sizes?: {
7738
7727
  "2xs": {
7739
7728
  container: {
7740
- [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 | {
7729
+ [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
7730
  sm: string;
7742
7731
  md: string;
7743
7732
  lg: string;
@@ -7745,7 +7734,7 @@ declare const theme: {
7745
7734
  } | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
7746
7735
  };
7747
7736
  excessLabel: {
7748
- [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 | {
7737
+ [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
7738
  sm: string;
7750
7739
  md: string;
7751
7740
  lg: string;
@@ -7755,7 +7744,7 @@ declare const theme: {
7755
7744
  };
7756
7745
  xs: {
7757
7746
  container: {
7758
- [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 | {
7747
+ [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
7748
  sm: string;
7760
7749
  md: string;
7761
7750
  lg: string;
@@ -7763,7 +7752,7 @@ declare const theme: {
7763
7752
  };
7764
7753
  };
7765
7754
  excessLabel: {
7766
- [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 | {
7755
+ [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
7756
  sm: string;
7768
7757
  md: string;
7769
7758
  lg: string;
@@ -7773,7 +7762,7 @@ declare const theme: {
7773
7762
  };
7774
7763
  sm: {
7775
7764
  container: {
7776
- [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 | {
7765
+ [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
7766
  sm: string;
7778
7767
  md: string;
7779
7768
  lg: string;
@@ -7781,7 +7770,7 @@ declare const theme: {
7781
7770
  };
7782
7771
  };
7783
7772
  excessLabel: {
7784
- [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 | {
7773
+ [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
7774
  sm: string;
7786
7775
  md: string;
7787
7776
  lg: string;
@@ -7791,7 +7780,7 @@ declare const theme: {
7791
7780
  };
7792
7781
  md: {
7793
7782
  container: {
7794
- [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 | {
7783
+ [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
7784
  sm: string;
7796
7785
  md: string;
7797
7786
  lg: string;
@@ -7799,7 +7788,7 @@ declare const theme: {
7799
7788
  };
7800
7789
  };
7801
7790
  excessLabel: {
7802
- [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 | {
7791
+ [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
7792
  sm: string;
7804
7793
  md: string;
7805
7794
  lg: string;
@@ -7809,7 +7798,7 @@ declare const theme: {
7809
7798
  };
7810
7799
  lg: {
7811
7800
  container: {
7812
- [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 | {
7801
+ [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
7802
  sm: string;
7814
7803
  md: string;
7815
7804
  lg: string;
@@ -7817,7 +7806,7 @@ declare const theme: {
7817
7806
  };
7818
7807
  };
7819
7808
  excessLabel: {
7820
- [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 | {
7809
+ [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
7810
  sm: string;
7822
7811
  md: string;
7823
7812
  lg: string;
@@ -7827,7 +7816,7 @@ declare const theme: {
7827
7816
  };
7828
7817
  xl: {
7829
7818
  container: {
7830
- [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 | {
7819
+ [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
7820
  sm: string;
7832
7821
  md: string;
7833
7822
  lg: string;
@@ -7835,7 +7824,7 @@ declare const theme: {
7835
7824
  };
7836
7825
  };
7837
7826
  excessLabel: {
7838
- [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 | {
7827
+ [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
7828
  sm: string;
7840
7829
  md: string;
7841
7830
  lg: string;
@@ -7845,7 +7834,7 @@ declare const theme: {
7845
7834
  };
7846
7835
  "2xl": {
7847
7836
  container: {
7848
- [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 | {
7837
+ [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
7838
  sm: string;
7850
7839
  md: string;
7851
7840
  lg: string;
@@ -7853,7 +7842,7 @@ declare const theme: {
7853
7842
  };
7854
7843
  };
7855
7844
  excessLabel: {
7856
- [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 | {
7845
+ [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
7846
  sm: string;
7858
7847
  md: string;
7859
7848
  lg: string;
@@ -7863,7 +7852,7 @@ declare const theme: {
7863
7852
  };
7864
7853
  full: {
7865
7854
  container: {
7866
- [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 | {
7855
+ [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
7856
  sm: string;
7868
7857
  md: string;
7869
7858
  lg: string;
@@ -7871,7 +7860,7 @@ declare const theme: {
7871
7860
  };
7872
7861
  };
7873
7862
  excessLabel: {
7874
- [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 | {
7863
+ [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
7864
  sm: string;
7876
7865
  md: string;
7877
7866
  lg: string;
@@ -8961,13 +8950,13 @@ declare const theme: {
8961
8950
  };
8962
8951
  breakpoints: {
8963
8952
  base: string;
8964
- sm: string;
8965
- md: string;
8966
- lg: string;
8967
- xl: string;
8968
- "2xl": string;
8953
+ sm: any;
8954
+ md: any;
8955
+ lg: any;
8956
+ xl: any;
8957
+ "2xl": any;
8969
8958
  };
8970
- colors: ColorsType;
8959
+ colors: any;
8971
8960
  config: {
8972
8961
  cssVarPrefix: string;
8973
8962
  initialColorMode: string;
@@ -8979,29 +8968,29 @@ declare const theme: {
8979
8968
  mono: string;
8980
8969
  };
8981
8970
  fontSizes: {
8982
- "2xs": string;
8983
- xs: string;
8984
- sm: string;
8985
- md: string;
8986
- lg: string;
8987
- xl: string;
8988
- "2xl": string;
8989
- "3xl": string;
8971
+ "2xs": any;
8972
+ xs: any;
8973
+ sm: any;
8974
+ md: any;
8975
+ lg: any;
8976
+ xl: any;
8977
+ "2xl": any;
8978
+ "3xl": any;
8990
8979
  mobile: {
8991
- xs: string;
8992
- sm: string;
8993
- md: string;
8994
- lg: string;
8995
- xl: string;
8996
- xxl: string;
8980
+ xs: any;
8981
+ sm: any;
8982
+ md: any;
8983
+ lg: any;
8984
+ xl: any;
8985
+ xxl: any;
8997
8986
  };
8998
8987
  desktop: {
8999
- xs: string;
9000
- sm: string;
9001
- md: string;
9002
- lg: string;
9003
- xl: string;
9004
- xxl: string;
8988
+ xs: any;
8989
+ sm: any;
8990
+ md: any;
8991
+ lg: any;
8992
+ xl: any;
8993
+ xxl: any;
9005
8994
  };
9006
8995
  };
9007
8996
  fontWeights: {
@@ -9010,24 +8999,24 @@ declare const theme: {
9010
8999
  bold: number;
9011
9000
  };
9012
9001
  lineHeights: {
9013
- base: string;
9014
- normal: string;
9002
+ base: any;
9003
+ normal: any;
9015
9004
  };
9016
9005
  radii: {
9017
- none: string;
9018
- xs: string;
9019
- sm: string;
9020
- md: string;
9021
- lg: string;
9022
- xl: string;
9023
- "2xl": string;
9006
+ none: any;
9007
+ xs: any;
9008
+ sm: any;
9009
+ md: any;
9010
+ lg: any;
9011
+ xl: any;
9012
+ "2xl": any;
9024
9013
  round: string;
9025
9014
  };
9026
9015
  shadows: {
9027
9016
  none: string;
9028
- sm: string;
9029
- md: string;
9030
- lg: string;
9017
+ sm: any;
9018
+ md: any;
9019
+ lg: any;
9031
9020
  };
9032
9021
  sizes: {
9033
9022
  container: {
@@ -9056,18 +9045,18 @@ declare const theme: {
9056
9045
  0: string;
9057
9046
  1: string;
9058
9047
  2: string;
9048
+ 12: string;
9059
9049
  3: string;
9060
- 6: string;
9061
9050
  4: string;
9062
9051
  5: string;
9052
+ 6: string;
9063
9053
  7: string;
9064
9054
  8: string;
9065
9055
  9: string;
9066
9056
  10: string;
9067
9057
  11: string;
9068
- 12: string;
9069
- 0.5: string;
9070
9058
  1.5: string;
9059
+ 0.5: string;
9071
9060
  };
9072
9061
  spacing: Record<keyof {
9073
9062
  0: {
@@ -9225,55 +9214,55 @@ declare const theme: {
9225
9214
  }, string>;
9226
9215
  textStyles: {
9227
9216
  "2xl": {
9228
- fontSize: (string | null)[];
9229
- fontFamily: string;
9230
- lineHeight: string;
9217
+ fontSize: any[];
9218
+ fontFamily: any;
9219
+ lineHeight: any;
9231
9220
  };
9232
9221
  "xl-display": {
9233
- fontSize: (string | null)[];
9234
- fontFamily: string;
9235
- lineHeight: string;
9222
+ fontSize: any[];
9223
+ fontFamily: any;
9224
+ lineHeight: any;
9236
9225
  };
9237
9226
  "xl-sans": {
9238
- fontSize: (string | null)[];
9239
- fontFamily: string;
9240
- lineHeight: string;
9227
+ fontSize: any[];
9228
+ fontFamily: any;
9229
+ lineHeight: any;
9241
9230
  };
9242
9231
  lg: {
9243
- fontSize: (string | null)[];
9244
- fontFamily: string;
9245
- lineHeight: string;
9232
+ fontSize: any[];
9233
+ fontFamily: any;
9234
+ lineHeight: any;
9246
9235
  };
9247
9236
  md: {
9248
- fontSize: (string | null)[];
9249
- fontFamily: string;
9250
- lineHeight: string;
9237
+ fontSize: any[];
9238
+ fontFamily: any;
9239
+ lineHeight: any;
9251
9240
  };
9252
9241
  sm: {
9253
- fontSize: (string | null)[];
9254
- fontFamily: string;
9255
- lineHeight: string;
9242
+ fontSize: any[];
9243
+ fontFamily: any;
9244
+ lineHeight: any;
9256
9245
  };
9257
9246
  xs: {
9258
- fontSize: (string | null)[];
9259
- fontFamily: string;
9260
- lineHeight: string;
9247
+ fontSize: any[];
9248
+ fontFamily: any;
9249
+ lineHeight: any;
9261
9250
  };
9262
9251
  };
9263
9252
  zIndices: {
9264
- hide: number;
9253
+ hide: any;
9265
9254
  auto: string;
9266
- base: number;
9267
- docked: number;
9268
- dropdown: number;
9269
- sticky: number;
9270
- banner: number;
9271
- overlay: number;
9272
- modal: number;
9273
- popover: number;
9274
- skipLink: number;
9275
- toast: number;
9276
- tooltip: number;
9255
+ base: any;
9256
+ docked: any;
9257
+ dropdown: any;
9258
+ sticky: any;
9259
+ banner: any;
9260
+ overlay: any;
9261
+ modal: any;
9262
+ popover: any;
9263
+ skipLink: any;
9264
+ toast: any;
9265
+ tooltip: any;
9277
9266
  };
9278
9267
  styles: {
9279
9268
  global: (props: Record<string, any> | _chakra_ui_styled_system.StyleFunctionProps) => {
@@ -9366,12 +9355,12 @@ declare const brandTheme: {
9366
9355
  colors: {
9367
9356
  bg: {
9368
9357
  default: {
9369
- dark: string;
9358
+ dark: any;
9370
9359
  };
9371
9360
  };
9372
9361
  surface: {
9373
9362
  default: {
9374
- dark: string;
9363
+ dark: any;
9375
9364
  };
9376
9365
  };
9377
9366
  };
@@ -9478,6 +9467,44 @@ type CodeProps = CodeProps$1 & {
9478
9467
  */
9479
9468
  declare const Code: _chakra_ui_system_dist_system_types.ComponentWithAs<As, CodeProps>;
9480
9469
 
9470
+ declare const textStyles: {
9471
+ "2xl": {
9472
+ fontSize: any[];
9473
+ fontFamily: any;
9474
+ lineHeight: any;
9475
+ };
9476
+ "xl-display": {
9477
+ fontSize: any[];
9478
+ fontFamily: any;
9479
+ lineHeight: any;
9480
+ };
9481
+ "xl-sans": {
9482
+ fontSize: any[];
9483
+ fontFamily: any;
9484
+ lineHeight: any;
9485
+ };
9486
+ lg: {
9487
+ fontSize: any[];
9488
+ fontFamily: any;
9489
+ lineHeight: any;
9490
+ };
9491
+ md: {
9492
+ fontSize: any[];
9493
+ fontFamily: any;
9494
+ lineHeight: any;
9495
+ };
9496
+ sm: {
9497
+ fontSize: any[];
9498
+ fontFamily: any;
9499
+ lineHeight: any;
9500
+ };
9501
+ xs: {
9502
+ fontSize: any[];
9503
+ fontFamily: any;
9504
+ lineHeight: any;
9505
+ };
9506
+ };
9507
+
9481
9508
  type HeadingProps = Omit<HeadingProps$1, "textStyle" | "as"> & {
9482
9509
  /** The heading level, e.g. h1, h2, h3... **/
9483
9510
  as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
@@ -9537,4 +9564,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
9537
9564
  **/
9538
9565
  declare function slugify(text: string | string[], maxLength?: number): string;
9539
9566
 
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 };
9567
+ 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, VyLogoDefault, VyLogoDefaultProps, VyLogoPride, VyLogoPrideProps, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, usePride, useToast, useTranslation };