@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/.turbo/turbo-build.log +10 -10
- package/CHANGELOG.md +12 -0
- package/dist/{CountryCodeSelect-CO6P2KH4.mjs → CountryCodeSelect-KU4HQMG3.mjs} +1 -1
- package/dist/{chunk-QOPSLFKS.mjs → chunk-PA6EOPOZ.mjs} +2815 -2524
- package/dist/index.d.mts +211 -184
- package/dist/index.d.ts +211 -184
- package/dist/index.js +4123 -3792
- package/dist/index.mjs +1 -1
- package/package.json +2 -2
- 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 +11 -90
- package/src/logo/VyLogoDefault.tsx +104 -0
- package/src/logo/VyLogoPride.tsx +164 -0
- package/src/logo/index.tsx +2 -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/types.d.ts +3 -0
package/dist/index.d.ts
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:
|
2951
|
-
outlineColor:
|
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:
|
2959
|
-
outlineColor:
|
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:
|
2995
|
-
outlineColor:
|
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:
|
3003
|
-
outlineColor:
|
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:
|
3039
|
-
outlineColor:
|
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:
|
3047
|
-
outlineColor:
|
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:
|
3071
|
-
outlineColor:
|
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:
|
3099
|
-
outlineColor:
|
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:
|
3107
|
-
outlineColor:
|
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:
|
3143
|
-
outlineColor:
|
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:
|
3151
|
-
outlineColor:
|
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:
|
3187
|
-
outlineColor:
|
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:
|
3195
|
-
outlineColor:
|
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:
|
3219
|
-
outlineColor:
|
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:
|
3245
|
-
outlineColor:
|
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:
|
3253
|
-
outlineColor:
|
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:
|
3289
|
-
outlineColor:
|
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:
|
3297
|
-
outlineColor:
|
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:
|
3333
|
-
outlineColor:
|
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:
|
3341
|
-
outlineColor:
|
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:
|
3365
|
-
outlineColor:
|
3353
|
+
backgroundColor: any;
|
3354
|
+
outlineColor: any;
|
3366
3355
|
outline: string;
|
3367
3356
|
};
|
3368
|
-
backgroundColor:
|
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:
|
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: ("
|
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" | "
|
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" | "
|
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:
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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:
|
8965
|
-
md:
|
8966
|
-
lg:
|
8967
|
-
xl:
|
8968
|
-
"2xl":
|
8953
|
+
sm: any;
|
8954
|
+
md: any;
|
8955
|
+
lg: any;
|
8956
|
+
xl: any;
|
8957
|
+
"2xl": any;
|
8969
8958
|
};
|
8970
|
-
colors:
|
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":
|
8983
|
-
xs:
|
8984
|
-
sm:
|
8985
|
-
md:
|
8986
|
-
lg:
|
8987
|
-
xl:
|
8988
|
-
"2xl":
|
8989
|
-
"3xl":
|
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:
|
8992
|
-
sm:
|
8993
|
-
md:
|
8994
|
-
lg:
|
8995
|
-
xl:
|
8996
|
-
xxl:
|
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:
|
9000
|
-
sm:
|
9001
|
-
md:
|
9002
|
-
lg:
|
9003
|
-
xl:
|
9004
|
-
xxl:
|
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:
|
9014
|
-
normal:
|
9002
|
+
base: any;
|
9003
|
+
normal: any;
|
9015
9004
|
};
|
9016
9005
|
radii: {
|
9017
|
-
none:
|
9018
|
-
xs:
|
9019
|
-
sm:
|
9020
|
-
md:
|
9021
|
-
lg:
|
9022
|
-
xl:
|
9023
|
-
"2xl":
|
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:
|
9029
|
-
md:
|
9030
|
-
lg:
|
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:
|
9229
|
-
fontFamily:
|
9230
|
-
lineHeight:
|
9217
|
+
fontSize: any[];
|
9218
|
+
fontFamily: any;
|
9219
|
+
lineHeight: any;
|
9231
9220
|
};
|
9232
9221
|
"xl-display": {
|
9233
|
-
fontSize:
|
9234
|
-
fontFamily:
|
9235
|
-
lineHeight:
|
9222
|
+
fontSize: any[];
|
9223
|
+
fontFamily: any;
|
9224
|
+
lineHeight: any;
|
9236
9225
|
};
|
9237
9226
|
"xl-sans": {
|
9238
|
-
fontSize:
|
9239
|
-
fontFamily:
|
9240
|
-
lineHeight:
|
9227
|
+
fontSize: any[];
|
9228
|
+
fontFamily: any;
|
9229
|
+
lineHeight: any;
|
9241
9230
|
};
|
9242
9231
|
lg: {
|
9243
|
-
fontSize:
|
9244
|
-
fontFamily:
|
9245
|
-
lineHeight:
|
9232
|
+
fontSize: any[];
|
9233
|
+
fontFamily: any;
|
9234
|
+
lineHeight: any;
|
9246
9235
|
};
|
9247
9236
|
md: {
|
9248
|
-
fontSize:
|
9249
|
-
fontFamily:
|
9250
|
-
lineHeight:
|
9237
|
+
fontSize: any[];
|
9238
|
+
fontFamily: any;
|
9239
|
+
lineHeight: any;
|
9251
9240
|
};
|
9252
9241
|
sm: {
|
9253
|
-
fontSize:
|
9254
|
-
fontFamily:
|
9255
|
-
lineHeight:
|
9242
|
+
fontSize: any[];
|
9243
|
+
fontFamily: any;
|
9244
|
+
lineHeight: any;
|
9256
9245
|
};
|
9257
9246
|
xs: {
|
9258
|
-
fontSize:
|
9259
|
-
fontFamily:
|
9260
|
-
lineHeight:
|
9247
|
+
fontSize: any[];
|
9248
|
+
fontFamily: any;
|
9249
|
+
lineHeight: any;
|
9261
9250
|
};
|
9262
9251
|
};
|
9263
9252
|
zIndices: {
|
9264
|
-
hide:
|
9253
|
+
hide: any;
|
9265
9254
|
auto: string;
|
9266
|
-
base:
|
9267
|
-
docked:
|
9268
|
-
dropdown:
|
9269
|
-
sticky:
|
9270
|
-
banner:
|
9271
|
-
overlay:
|
9272
|
-
modal:
|
9273
|
-
popover:
|
9274
|
-
skipLink:
|
9275
|
-
toast:
|
9276
|
-
tooltip:
|
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:
|
9358
|
+
dark: any;
|
9370
9359
|
};
|
9371
9360
|
};
|
9372
9361
|
surface: {
|
9373
9362
|
default: {
|
9374
|
-
dark:
|
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 };
|