@vygruppen/spor-react 9.11.1 → 9.11.2
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 +7 -7
- package/CHANGELOG.md +6 -0
- package/dist/index.d.mts +161 -156
- package/dist/index.d.ts +161 -156
- package/package.json +1 -1
- package/types.d.ts +0 -3
package/.turbo/turbo-build.log
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
|
2
|
-
> @vygruppen/spor-react@9.11.
|
2
|
+
> @vygruppen/spor-react@9.11.2 build
|
3
3
|
> tsup src/index.tsx --dts --treeshake --format cjs,esm
|
4
4
|
|
5
5
|
[34mCLI[39m Building entry: src/index.tsx
|
@@ -9,12 +9,12 @@
|
|
9
9
|
[34mCJS[39m Build start
|
10
10
|
[34mESM[39m Build start
|
11
11
|
[34mDTS[39m Build start
|
12
|
+
[32mCJS[39m [1mdist/index.js [22m[32m525.54 KB[39m
|
13
|
+
[32mCJS[39m ⚡️ Build success in 2189ms
|
12
14
|
[32mESM[39m [1mdist/index.mjs [22m[32m2.17 KB[39m
|
13
15
|
[32mESM[39m [1mdist/CountryCodeSelect-KU4HQMG3.mjs [22m[32m1.19 KB[39m
|
14
16
|
[32mESM[39m [1mdist/chunk-PA6EOPOZ.mjs [22m[32m412.80 KB[39m
|
15
|
-
[32mESM[39m ⚡️ Build success in
|
16
|
-
[
|
17
|
-
[
|
18
|
-
[32mDTS[39m
|
19
|
-
[32mDTS[39m [1mdist/index.d.ts [22m[32m343.39 KB[39m
|
20
|
-
[32mDTS[39m [1mdist/index.d.mts [22m[32m343.39 KB[39m
|
17
|
+
[32mESM[39m ⚡️ Build success in 2189ms
|
18
|
+
[32mDTS[39m ⚡️ Build success in 12957ms
|
19
|
+
[32mDTS[39m [1mdist/index.d.ts [22m[32m344.17 KB[39m
|
20
|
+
[32mDTS[39m [1mdist/index.d.mts [22m[32m344.17 KB[39m
|
package/CHANGELOG.md
CHANGED
package/dist/index.d.mts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import tokens__default from '@vygruppen/spor-design-tokens';
|
1
2
|
import * as tokens from '@vygruppen/spor-design-tokens';
|
2
3
|
export { tokens };
|
3
4
|
import * as _chakra_ui_system_dist_system_types from '@chakra-ui/system/dist/system.types';
|
@@ -2356,6 +2357,48 @@ type TableProps = Omit<TableProps$1, "variant" | "colorScheme"> & {
|
|
2356
2357
|
*/
|
2357
2358
|
declare const Table: _chakra_ui_system_dist_system_types.ComponentWithAs<"table", TableProps>;
|
2358
2359
|
|
2360
|
+
type ColorsType = typeof tokens__default.color.alias & typeof tokens__default.color.palette & typeof tokens__default.color.vyDigital & {
|
2361
|
+
linjetag: typeof tokens__default.color.linjetag;
|
2362
|
+
};
|
2363
|
+
|
2364
|
+
declare const textStyles: {
|
2365
|
+
"2xl": {
|
2366
|
+
fontSize: (string | null)[];
|
2367
|
+
fontFamily: string;
|
2368
|
+
lineHeight: string;
|
2369
|
+
};
|
2370
|
+
"xl-display": {
|
2371
|
+
fontSize: (string | null)[];
|
2372
|
+
fontFamily: string;
|
2373
|
+
lineHeight: string;
|
2374
|
+
};
|
2375
|
+
"xl-sans": {
|
2376
|
+
fontSize: (string | null)[];
|
2377
|
+
fontFamily: string;
|
2378
|
+
lineHeight: string;
|
2379
|
+
};
|
2380
|
+
lg: {
|
2381
|
+
fontSize: (string | null)[];
|
2382
|
+
fontFamily: string;
|
2383
|
+
lineHeight: string;
|
2384
|
+
};
|
2385
|
+
md: {
|
2386
|
+
fontSize: (string | null)[];
|
2387
|
+
fontFamily: string;
|
2388
|
+
lineHeight: string;
|
2389
|
+
};
|
2390
|
+
sm: {
|
2391
|
+
fontSize: (string | null)[];
|
2392
|
+
fontFamily: string;
|
2393
|
+
lineHeight: string;
|
2394
|
+
};
|
2395
|
+
xs: {
|
2396
|
+
fontSize: (string | null)[];
|
2397
|
+
fontFamily: string;
|
2398
|
+
lineHeight: string;
|
2399
|
+
};
|
2400
|
+
};
|
2401
|
+
|
2359
2402
|
/** A string of CSS that should be injected in the global CSS space */
|
2360
2403
|
declare const fontFaces: string;
|
2361
2404
|
|
@@ -2936,16 +2979,16 @@ declare const theme: {
|
|
2936
2979
|
outlineColor: string;
|
2937
2980
|
backgroundColor?: undefined;
|
2938
2981
|
} | {
|
2939
|
-
backgroundColor:
|
2940
|
-
outlineColor:
|
2982
|
+
backgroundColor: string;
|
2983
|
+
outlineColor: string;
|
2941
2984
|
};
|
2942
2985
|
_active: {
|
2943
2986
|
outline: string;
|
2944
2987
|
outlineColor: string;
|
2945
2988
|
backgroundColor: string;
|
2946
2989
|
} | {
|
2947
|
-
backgroundColor:
|
2948
|
-
outlineColor:
|
2990
|
+
backgroundColor: string;
|
2991
|
+
outlineColor: string;
|
2949
2992
|
};
|
2950
2993
|
_disabled: {
|
2951
2994
|
pointerEvents: string;
|
@@ -2980,16 +3023,16 @@ declare const theme: {
|
|
2980
3023
|
outlineColor: string;
|
2981
3024
|
backgroundColor?: undefined;
|
2982
3025
|
} | {
|
2983
|
-
backgroundColor:
|
2984
|
-
outlineColor:
|
3026
|
+
backgroundColor: string;
|
3027
|
+
outlineColor: string;
|
2985
3028
|
};
|
2986
3029
|
_active: {
|
2987
3030
|
outline: string;
|
2988
3031
|
outlineColor: string;
|
2989
3032
|
backgroundColor: string;
|
2990
3033
|
} | {
|
2991
|
-
backgroundColor:
|
2992
|
-
outlineColor:
|
3034
|
+
backgroundColor: string;
|
3035
|
+
outlineColor: string;
|
2993
3036
|
};
|
2994
3037
|
_disabled: {
|
2995
3038
|
pointerEvents: string;
|
@@ -3024,16 +3067,16 @@ declare const theme: {
|
|
3024
3067
|
outlineColor: string;
|
3025
3068
|
backgroundColor?: undefined;
|
3026
3069
|
} | {
|
3027
|
-
backgroundColor:
|
3028
|
-
outlineColor:
|
3070
|
+
backgroundColor: string;
|
3071
|
+
outlineColor: string;
|
3029
3072
|
};
|
3030
3073
|
_active: {
|
3031
3074
|
outline: string;
|
3032
3075
|
outlineColor: string;
|
3033
3076
|
backgroundColor: string;
|
3034
3077
|
} | {
|
3035
|
-
backgroundColor:
|
3036
|
-
outlineColor:
|
3078
|
+
backgroundColor: string;
|
3079
|
+
outlineColor: string;
|
3037
3080
|
};
|
3038
3081
|
_disabled: {
|
3039
3082
|
pointerEvents: string;
|
@@ -3056,8 +3099,8 @@ declare const theme: {
|
|
3056
3099
|
outlineStyle: string;
|
3057
3100
|
outlineOffset: string;
|
3058
3101
|
};
|
3059
|
-
backgroundColor:
|
3060
|
-
outlineColor:
|
3102
|
+
backgroundColor: string;
|
3103
|
+
outlineColor: string;
|
3061
3104
|
outline: string;
|
3062
3105
|
};
|
3063
3106
|
backgroundColor: string;
|
@@ -3084,16 +3127,16 @@ declare const theme: {
|
|
3084
3127
|
outlineColor: string;
|
3085
3128
|
backgroundColor?: undefined;
|
3086
3129
|
} | {
|
3087
|
-
backgroundColor:
|
3088
|
-
outlineColor:
|
3130
|
+
backgroundColor: string;
|
3131
|
+
outlineColor: string;
|
3089
3132
|
};
|
3090
3133
|
_active: {
|
3091
3134
|
outline: string;
|
3092
3135
|
outlineColor: string;
|
3093
3136
|
backgroundColor: string;
|
3094
3137
|
} | {
|
3095
|
-
backgroundColor:
|
3096
|
-
outlineColor:
|
3138
|
+
backgroundColor: string;
|
3139
|
+
outlineColor: string;
|
3097
3140
|
};
|
3098
3141
|
_disabled: {
|
3099
3142
|
pointerEvents: string;
|
@@ -3128,16 +3171,16 @@ declare const theme: {
|
|
3128
3171
|
outlineColor: string;
|
3129
3172
|
backgroundColor?: undefined;
|
3130
3173
|
} | {
|
3131
|
-
backgroundColor:
|
3132
|
-
outlineColor:
|
3174
|
+
backgroundColor: string;
|
3175
|
+
outlineColor: string;
|
3133
3176
|
};
|
3134
3177
|
_active: {
|
3135
3178
|
outline: string;
|
3136
3179
|
outlineColor: string;
|
3137
3180
|
backgroundColor: string;
|
3138
3181
|
} | {
|
3139
|
-
backgroundColor:
|
3140
|
-
outlineColor:
|
3182
|
+
backgroundColor: string;
|
3183
|
+
outlineColor: string;
|
3141
3184
|
};
|
3142
3185
|
_disabled: {
|
3143
3186
|
pointerEvents: string;
|
@@ -3172,16 +3215,16 @@ declare const theme: {
|
|
3172
3215
|
outlineColor: string;
|
3173
3216
|
backgroundColor?: undefined;
|
3174
3217
|
} | {
|
3175
|
-
backgroundColor:
|
3176
|
-
outlineColor:
|
3218
|
+
backgroundColor: string;
|
3219
|
+
outlineColor: string;
|
3177
3220
|
};
|
3178
3221
|
_active: {
|
3179
3222
|
outline: string;
|
3180
3223
|
outlineColor: string;
|
3181
3224
|
backgroundColor: string;
|
3182
3225
|
} | {
|
3183
|
-
backgroundColor:
|
3184
|
-
outlineColor:
|
3226
|
+
backgroundColor: string;
|
3227
|
+
outlineColor: string;
|
3185
3228
|
};
|
3186
3229
|
_disabled: {
|
3187
3230
|
pointerEvents: string;
|
@@ -3204,8 +3247,8 @@ declare const theme: {
|
|
3204
3247
|
outlineStyle: string;
|
3205
3248
|
outlineOffset: string;
|
3206
3249
|
};
|
3207
|
-
backgroundColor:
|
3208
|
-
outlineColor:
|
3250
|
+
backgroundColor: string;
|
3251
|
+
outlineColor: string;
|
3209
3252
|
outline: string;
|
3210
3253
|
};
|
3211
3254
|
backgroundColor: string;
|
@@ -3230,16 +3273,16 @@ declare const theme: {
|
|
3230
3273
|
outlineColor: string;
|
3231
3274
|
backgroundColor?: undefined;
|
3232
3275
|
} | {
|
3233
|
-
backgroundColor:
|
3234
|
-
outlineColor:
|
3276
|
+
backgroundColor: string;
|
3277
|
+
outlineColor: string;
|
3235
3278
|
};
|
3236
3279
|
_active: {
|
3237
3280
|
outline: string;
|
3238
3281
|
outlineColor: string;
|
3239
3282
|
backgroundColor: string;
|
3240
3283
|
} | {
|
3241
|
-
backgroundColor:
|
3242
|
-
outlineColor:
|
3284
|
+
backgroundColor: string;
|
3285
|
+
outlineColor: string;
|
3243
3286
|
};
|
3244
3287
|
_disabled: {
|
3245
3288
|
pointerEvents: string;
|
@@ -3274,16 +3317,16 @@ declare const theme: {
|
|
3274
3317
|
outlineColor: string;
|
3275
3318
|
backgroundColor?: undefined;
|
3276
3319
|
} | {
|
3277
|
-
backgroundColor:
|
3278
|
-
outlineColor:
|
3320
|
+
backgroundColor: string;
|
3321
|
+
outlineColor: string;
|
3279
3322
|
};
|
3280
3323
|
_active: {
|
3281
3324
|
outline: string;
|
3282
3325
|
outlineColor: string;
|
3283
3326
|
backgroundColor: string;
|
3284
3327
|
} | {
|
3285
|
-
backgroundColor:
|
3286
|
-
outlineColor:
|
3328
|
+
backgroundColor: string;
|
3329
|
+
outlineColor: string;
|
3287
3330
|
};
|
3288
3331
|
_disabled: {
|
3289
3332
|
pointerEvents: string;
|
@@ -3318,16 +3361,16 @@ declare const theme: {
|
|
3318
3361
|
outlineColor: string;
|
3319
3362
|
backgroundColor?: undefined;
|
3320
3363
|
} | {
|
3321
|
-
backgroundColor:
|
3322
|
-
outlineColor:
|
3364
|
+
backgroundColor: string;
|
3365
|
+
outlineColor: string;
|
3323
3366
|
};
|
3324
3367
|
_active: {
|
3325
3368
|
outline: string;
|
3326
3369
|
outlineColor: string;
|
3327
3370
|
backgroundColor: string;
|
3328
3371
|
} | {
|
3329
|
-
backgroundColor:
|
3330
|
-
outlineColor:
|
3372
|
+
backgroundColor: string;
|
3373
|
+
outlineColor: string;
|
3331
3374
|
};
|
3332
3375
|
_disabled: {
|
3333
3376
|
pointerEvents: string;
|
@@ -3350,11 +3393,11 @@ declare const theme: {
|
|
3350
3393
|
outlineStyle: string;
|
3351
3394
|
outlineOffset: string;
|
3352
3395
|
};
|
3353
|
-
backgroundColor:
|
3354
|
-
outlineColor:
|
3396
|
+
backgroundColor: string;
|
3397
|
+
outlineColor: string;
|
3355
3398
|
outline: string;
|
3356
3399
|
};
|
3357
|
-
backgroundColor:
|
3400
|
+
backgroundColor: string;
|
3358
3401
|
appearance: string;
|
3359
3402
|
border: string;
|
3360
3403
|
overflow: string;
|
@@ -3931,7 +3974,7 @@ declare const theme: {
|
|
3931
3974
|
paddingY: number;
|
3932
3975
|
alignItems: string;
|
3933
3976
|
_hover: {
|
3934
|
-
zIndex:
|
3977
|
+
zIndex: number;
|
3935
3978
|
};
|
3936
3979
|
_disabled: {
|
3937
3980
|
backgroundColor: string;
|
@@ -7286,7 +7329,7 @@ declare const theme: {
|
|
7286
7329
|
display: string;
|
7287
7330
|
borderRadius: string;
|
7288
7331
|
} | {
|
7289
|
-
backgroundColor:
|
7332
|
+
backgroundColor: string;
|
7290
7333
|
_focusVisible: {
|
7291
7334
|
outlineWidth: string;
|
7292
7335
|
outlineColor: string;
|
@@ -8950,13 +8993,13 @@ declare const theme: {
|
|
8950
8993
|
};
|
8951
8994
|
breakpoints: {
|
8952
8995
|
base: string;
|
8953
|
-
sm:
|
8954
|
-
md:
|
8955
|
-
lg:
|
8956
|
-
xl:
|
8957
|
-
"2xl":
|
8996
|
+
sm: string;
|
8997
|
+
md: string;
|
8998
|
+
lg: string;
|
8999
|
+
xl: string;
|
9000
|
+
"2xl": string;
|
8958
9001
|
};
|
8959
|
-
colors:
|
9002
|
+
colors: ColorsType;
|
8960
9003
|
config: {
|
8961
9004
|
cssVarPrefix: string;
|
8962
9005
|
initialColorMode: string;
|
@@ -8968,29 +9011,29 @@ declare const theme: {
|
|
8968
9011
|
mono: string;
|
8969
9012
|
};
|
8970
9013
|
fontSizes: {
|
8971
|
-
"2xs":
|
8972
|
-
xs:
|
8973
|
-
sm:
|
8974
|
-
md:
|
8975
|
-
lg:
|
8976
|
-
xl:
|
8977
|
-
"2xl":
|
8978
|
-
"3xl":
|
9014
|
+
"2xs": string;
|
9015
|
+
xs: string;
|
9016
|
+
sm: string;
|
9017
|
+
md: string;
|
9018
|
+
lg: string;
|
9019
|
+
xl: string;
|
9020
|
+
"2xl": string;
|
9021
|
+
"3xl": string;
|
8979
9022
|
mobile: {
|
8980
|
-
xs:
|
8981
|
-
sm:
|
8982
|
-
md:
|
8983
|
-
lg:
|
8984
|
-
xl:
|
8985
|
-
xxl:
|
9023
|
+
xs: string;
|
9024
|
+
sm: string;
|
9025
|
+
md: string;
|
9026
|
+
lg: string;
|
9027
|
+
xl: string;
|
9028
|
+
xxl: string;
|
8986
9029
|
};
|
8987
9030
|
desktop: {
|
8988
|
-
xs:
|
8989
|
-
sm:
|
8990
|
-
md:
|
8991
|
-
lg:
|
8992
|
-
xl:
|
8993
|
-
xxl:
|
9031
|
+
xs: string;
|
9032
|
+
sm: string;
|
9033
|
+
md: string;
|
9034
|
+
lg: string;
|
9035
|
+
xl: string;
|
9036
|
+
xxl: string;
|
8994
9037
|
};
|
8995
9038
|
};
|
8996
9039
|
fontWeights: {
|
@@ -8999,24 +9042,24 @@ declare const theme: {
|
|
8999
9042
|
bold: number;
|
9000
9043
|
};
|
9001
9044
|
lineHeights: {
|
9002
|
-
base:
|
9003
|
-
normal:
|
9045
|
+
base: string;
|
9046
|
+
normal: string;
|
9004
9047
|
};
|
9005
9048
|
radii: {
|
9006
|
-
none:
|
9007
|
-
xs:
|
9008
|
-
sm:
|
9009
|
-
md:
|
9010
|
-
lg:
|
9011
|
-
xl:
|
9012
|
-
"2xl":
|
9049
|
+
none: string;
|
9050
|
+
xs: string;
|
9051
|
+
sm: string;
|
9052
|
+
md: string;
|
9053
|
+
lg: string;
|
9054
|
+
xl: string;
|
9055
|
+
"2xl": string;
|
9013
9056
|
round: string;
|
9014
9057
|
};
|
9015
9058
|
shadows: {
|
9016
9059
|
none: string;
|
9017
|
-
sm:
|
9018
|
-
md:
|
9019
|
-
lg:
|
9060
|
+
sm: string;
|
9061
|
+
md: string;
|
9062
|
+
lg: string;
|
9020
9063
|
};
|
9021
9064
|
sizes: {
|
9022
9065
|
container: {
|
@@ -9214,55 +9257,55 @@ declare const theme: {
|
|
9214
9257
|
}, string>;
|
9215
9258
|
textStyles: {
|
9216
9259
|
"2xl": {
|
9217
|
-
fontSize:
|
9218
|
-
fontFamily:
|
9219
|
-
lineHeight:
|
9260
|
+
fontSize: (string | null)[];
|
9261
|
+
fontFamily: string;
|
9262
|
+
lineHeight: string;
|
9220
9263
|
};
|
9221
9264
|
"xl-display": {
|
9222
|
-
fontSize:
|
9223
|
-
fontFamily:
|
9224
|
-
lineHeight:
|
9265
|
+
fontSize: (string | null)[];
|
9266
|
+
fontFamily: string;
|
9267
|
+
lineHeight: string;
|
9225
9268
|
};
|
9226
9269
|
"xl-sans": {
|
9227
|
-
fontSize:
|
9228
|
-
fontFamily:
|
9229
|
-
lineHeight:
|
9270
|
+
fontSize: (string | null)[];
|
9271
|
+
fontFamily: string;
|
9272
|
+
lineHeight: string;
|
9230
9273
|
};
|
9231
9274
|
lg: {
|
9232
|
-
fontSize:
|
9233
|
-
fontFamily:
|
9234
|
-
lineHeight:
|
9275
|
+
fontSize: (string | null)[];
|
9276
|
+
fontFamily: string;
|
9277
|
+
lineHeight: string;
|
9235
9278
|
};
|
9236
9279
|
md: {
|
9237
|
-
fontSize:
|
9238
|
-
fontFamily:
|
9239
|
-
lineHeight:
|
9280
|
+
fontSize: (string | null)[];
|
9281
|
+
fontFamily: string;
|
9282
|
+
lineHeight: string;
|
9240
9283
|
};
|
9241
9284
|
sm: {
|
9242
|
-
fontSize:
|
9243
|
-
fontFamily:
|
9244
|
-
lineHeight:
|
9285
|
+
fontSize: (string | null)[];
|
9286
|
+
fontFamily: string;
|
9287
|
+
lineHeight: string;
|
9245
9288
|
};
|
9246
9289
|
xs: {
|
9247
|
-
fontSize:
|
9248
|
-
fontFamily:
|
9249
|
-
lineHeight:
|
9290
|
+
fontSize: (string | null)[];
|
9291
|
+
fontFamily: string;
|
9292
|
+
lineHeight: string;
|
9250
9293
|
};
|
9251
9294
|
};
|
9252
9295
|
zIndices: {
|
9253
|
-
hide:
|
9296
|
+
hide: number;
|
9254
9297
|
auto: string;
|
9255
|
-
base:
|
9256
|
-
docked:
|
9257
|
-
dropdown:
|
9258
|
-
sticky:
|
9259
|
-
banner:
|
9260
|
-
overlay:
|
9261
|
-
modal:
|
9262
|
-
popover:
|
9263
|
-
skipLink:
|
9264
|
-
toast:
|
9265
|
-
tooltip:
|
9298
|
+
base: number;
|
9299
|
+
docked: number;
|
9300
|
+
dropdown: number;
|
9301
|
+
sticky: number;
|
9302
|
+
banner: number;
|
9303
|
+
overlay: number;
|
9304
|
+
modal: number;
|
9305
|
+
popover: number;
|
9306
|
+
skipLink: number;
|
9307
|
+
toast: number;
|
9308
|
+
tooltip: number;
|
9266
9309
|
};
|
9267
9310
|
styles: {
|
9268
9311
|
global: (props: Record<string, any> | _chakra_ui_styled_system.StyleFunctionProps) => {
|
@@ -9355,12 +9398,12 @@ declare const brandTheme: {
|
|
9355
9398
|
colors: {
|
9356
9399
|
bg: {
|
9357
9400
|
default: {
|
9358
|
-
dark:
|
9401
|
+
dark: string;
|
9359
9402
|
};
|
9360
9403
|
};
|
9361
9404
|
surface: {
|
9362
9405
|
default: {
|
9363
|
-
dark:
|
9406
|
+
dark: string;
|
9364
9407
|
};
|
9365
9408
|
};
|
9366
9409
|
};
|
@@ -9467,44 +9510,6 @@ type CodeProps = CodeProps$1 & {
|
|
9467
9510
|
*/
|
9468
9511
|
declare const Code: _chakra_ui_system_dist_system_types.ComponentWithAs<As, CodeProps>;
|
9469
9512
|
|
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
|
-
|
9508
9513
|
type HeadingProps = Omit<HeadingProps$1, "textStyle" | "as"> & {
|
9509
9514
|
/** The heading level, e.g. h1, h2, h3... **/
|
9510
9515
|
as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
package/dist/index.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import tokens__default from '@vygruppen/spor-design-tokens';
|
1
2
|
import * as tokens from '@vygruppen/spor-design-tokens';
|
2
3
|
export { tokens };
|
3
4
|
import * as _chakra_ui_system_dist_system_types from '@chakra-ui/system/dist/system.types';
|
@@ -2356,6 +2357,48 @@ type TableProps = Omit<TableProps$1, "variant" | "colorScheme"> & {
|
|
2356
2357
|
*/
|
2357
2358
|
declare const Table: _chakra_ui_system_dist_system_types.ComponentWithAs<"table", TableProps>;
|
2358
2359
|
|
2360
|
+
type ColorsType = typeof tokens__default.color.alias & typeof tokens__default.color.palette & typeof tokens__default.color.vyDigital & {
|
2361
|
+
linjetag: typeof tokens__default.color.linjetag;
|
2362
|
+
};
|
2363
|
+
|
2364
|
+
declare const textStyles: {
|
2365
|
+
"2xl": {
|
2366
|
+
fontSize: (string | null)[];
|
2367
|
+
fontFamily: string;
|
2368
|
+
lineHeight: string;
|
2369
|
+
};
|
2370
|
+
"xl-display": {
|
2371
|
+
fontSize: (string | null)[];
|
2372
|
+
fontFamily: string;
|
2373
|
+
lineHeight: string;
|
2374
|
+
};
|
2375
|
+
"xl-sans": {
|
2376
|
+
fontSize: (string | null)[];
|
2377
|
+
fontFamily: string;
|
2378
|
+
lineHeight: string;
|
2379
|
+
};
|
2380
|
+
lg: {
|
2381
|
+
fontSize: (string | null)[];
|
2382
|
+
fontFamily: string;
|
2383
|
+
lineHeight: string;
|
2384
|
+
};
|
2385
|
+
md: {
|
2386
|
+
fontSize: (string | null)[];
|
2387
|
+
fontFamily: string;
|
2388
|
+
lineHeight: string;
|
2389
|
+
};
|
2390
|
+
sm: {
|
2391
|
+
fontSize: (string | null)[];
|
2392
|
+
fontFamily: string;
|
2393
|
+
lineHeight: string;
|
2394
|
+
};
|
2395
|
+
xs: {
|
2396
|
+
fontSize: (string | null)[];
|
2397
|
+
fontFamily: string;
|
2398
|
+
lineHeight: string;
|
2399
|
+
};
|
2400
|
+
};
|
2401
|
+
|
2359
2402
|
/** A string of CSS that should be injected in the global CSS space */
|
2360
2403
|
declare const fontFaces: string;
|
2361
2404
|
|
@@ -2936,16 +2979,16 @@ declare const theme: {
|
|
2936
2979
|
outlineColor: string;
|
2937
2980
|
backgroundColor?: undefined;
|
2938
2981
|
} | {
|
2939
|
-
backgroundColor:
|
2940
|
-
outlineColor:
|
2982
|
+
backgroundColor: string;
|
2983
|
+
outlineColor: string;
|
2941
2984
|
};
|
2942
2985
|
_active: {
|
2943
2986
|
outline: string;
|
2944
2987
|
outlineColor: string;
|
2945
2988
|
backgroundColor: string;
|
2946
2989
|
} | {
|
2947
|
-
backgroundColor:
|
2948
|
-
outlineColor:
|
2990
|
+
backgroundColor: string;
|
2991
|
+
outlineColor: string;
|
2949
2992
|
};
|
2950
2993
|
_disabled: {
|
2951
2994
|
pointerEvents: string;
|
@@ -2980,16 +3023,16 @@ declare const theme: {
|
|
2980
3023
|
outlineColor: string;
|
2981
3024
|
backgroundColor?: undefined;
|
2982
3025
|
} | {
|
2983
|
-
backgroundColor:
|
2984
|
-
outlineColor:
|
3026
|
+
backgroundColor: string;
|
3027
|
+
outlineColor: string;
|
2985
3028
|
};
|
2986
3029
|
_active: {
|
2987
3030
|
outline: string;
|
2988
3031
|
outlineColor: string;
|
2989
3032
|
backgroundColor: string;
|
2990
3033
|
} | {
|
2991
|
-
backgroundColor:
|
2992
|
-
outlineColor:
|
3034
|
+
backgroundColor: string;
|
3035
|
+
outlineColor: string;
|
2993
3036
|
};
|
2994
3037
|
_disabled: {
|
2995
3038
|
pointerEvents: string;
|
@@ -3024,16 +3067,16 @@ declare const theme: {
|
|
3024
3067
|
outlineColor: string;
|
3025
3068
|
backgroundColor?: undefined;
|
3026
3069
|
} | {
|
3027
|
-
backgroundColor:
|
3028
|
-
outlineColor:
|
3070
|
+
backgroundColor: string;
|
3071
|
+
outlineColor: string;
|
3029
3072
|
};
|
3030
3073
|
_active: {
|
3031
3074
|
outline: string;
|
3032
3075
|
outlineColor: string;
|
3033
3076
|
backgroundColor: string;
|
3034
3077
|
} | {
|
3035
|
-
backgroundColor:
|
3036
|
-
outlineColor:
|
3078
|
+
backgroundColor: string;
|
3079
|
+
outlineColor: string;
|
3037
3080
|
};
|
3038
3081
|
_disabled: {
|
3039
3082
|
pointerEvents: string;
|
@@ -3056,8 +3099,8 @@ declare const theme: {
|
|
3056
3099
|
outlineStyle: string;
|
3057
3100
|
outlineOffset: string;
|
3058
3101
|
};
|
3059
|
-
backgroundColor:
|
3060
|
-
outlineColor:
|
3102
|
+
backgroundColor: string;
|
3103
|
+
outlineColor: string;
|
3061
3104
|
outline: string;
|
3062
3105
|
};
|
3063
3106
|
backgroundColor: string;
|
@@ -3084,16 +3127,16 @@ declare const theme: {
|
|
3084
3127
|
outlineColor: string;
|
3085
3128
|
backgroundColor?: undefined;
|
3086
3129
|
} | {
|
3087
|
-
backgroundColor:
|
3088
|
-
outlineColor:
|
3130
|
+
backgroundColor: string;
|
3131
|
+
outlineColor: string;
|
3089
3132
|
};
|
3090
3133
|
_active: {
|
3091
3134
|
outline: string;
|
3092
3135
|
outlineColor: string;
|
3093
3136
|
backgroundColor: string;
|
3094
3137
|
} | {
|
3095
|
-
backgroundColor:
|
3096
|
-
outlineColor:
|
3138
|
+
backgroundColor: string;
|
3139
|
+
outlineColor: string;
|
3097
3140
|
};
|
3098
3141
|
_disabled: {
|
3099
3142
|
pointerEvents: string;
|
@@ -3128,16 +3171,16 @@ declare const theme: {
|
|
3128
3171
|
outlineColor: string;
|
3129
3172
|
backgroundColor?: undefined;
|
3130
3173
|
} | {
|
3131
|
-
backgroundColor:
|
3132
|
-
outlineColor:
|
3174
|
+
backgroundColor: string;
|
3175
|
+
outlineColor: string;
|
3133
3176
|
};
|
3134
3177
|
_active: {
|
3135
3178
|
outline: string;
|
3136
3179
|
outlineColor: string;
|
3137
3180
|
backgroundColor: string;
|
3138
3181
|
} | {
|
3139
|
-
backgroundColor:
|
3140
|
-
outlineColor:
|
3182
|
+
backgroundColor: string;
|
3183
|
+
outlineColor: string;
|
3141
3184
|
};
|
3142
3185
|
_disabled: {
|
3143
3186
|
pointerEvents: string;
|
@@ -3172,16 +3215,16 @@ declare const theme: {
|
|
3172
3215
|
outlineColor: string;
|
3173
3216
|
backgroundColor?: undefined;
|
3174
3217
|
} | {
|
3175
|
-
backgroundColor:
|
3176
|
-
outlineColor:
|
3218
|
+
backgroundColor: string;
|
3219
|
+
outlineColor: string;
|
3177
3220
|
};
|
3178
3221
|
_active: {
|
3179
3222
|
outline: string;
|
3180
3223
|
outlineColor: string;
|
3181
3224
|
backgroundColor: string;
|
3182
3225
|
} | {
|
3183
|
-
backgroundColor:
|
3184
|
-
outlineColor:
|
3226
|
+
backgroundColor: string;
|
3227
|
+
outlineColor: string;
|
3185
3228
|
};
|
3186
3229
|
_disabled: {
|
3187
3230
|
pointerEvents: string;
|
@@ -3204,8 +3247,8 @@ declare const theme: {
|
|
3204
3247
|
outlineStyle: string;
|
3205
3248
|
outlineOffset: string;
|
3206
3249
|
};
|
3207
|
-
backgroundColor:
|
3208
|
-
outlineColor:
|
3250
|
+
backgroundColor: string;
|
3251
|
+
outlineColor: string;
|
3209
3252
|
outline: string;
|
3210
3253
|
};
|
3211
3254
|
backgroundColor: string;
|
@@ -3230,16 +3273,16 @@ declare const theme: {
|
|
3230
3273
|
outlineColor: string;
|
3231
3274
|
backgroundColor?: undefined;
|
3232
3275
|
} | {
|
3233
|
-
backgroundColor:
|
3234
|
-
outlineColor:
|
3276
|
+
backgroundColor: string;
|
3277
|
+
outlineColor: string;
|
3235
3278
|
};
|
3236
3279
|
_active: {
|
3237
3280
|
outline: string;
|
3238
3281
|
outlineColor: string;
|
3239
3282
|
backgroundColor: string;
|
3240
3283
|
} | {
|
3241
|
-
backgroundColor:
|
3242
|
-
outlineColor:
|
3284
|
+
backgroundColor: string;
|
3285
|
+
outlineColor: string;
|
3243
3286
|
};
|
3244
3287
|
_disabled: {
|
3245
3288
|
pointerEvents: string;
|
@@ -3274,16 +3317,16 @@ declare const theme: {
|
|
3274
3317
|
outlineColor: string;
|
3275
3318
|
backgroundColor?: undefined;
|
3276
3319
|
} | {
|
3277
|
-
backgroundColor:
|
3278
|
-
outlineColor:
|
3320
|
+
backgroundColor: string;
|
3321
|
+
outlineColor: string;
|
3279
3322
|
};
|
3280
3323
|
_active: {
|
3281
3324
|
outline: string;
|
3282
3325
|
outlineColor: string;
|
3283
3326
|
backgroundColor: string;
|
3284
3327
|
} | {
|
3285
|
-
backgroundColor:
|
3286
|
-
outlineColor:
|
3328
|
+
backgroundColor: string;
|
3329
|
+
outlineColor: string;
|
3287
3330
|
};
|
3288
3331
|
_disabled: {
|
3289
3332
|
pointerEvents: string;
|
@@ -3318,16 +3361,16 @@ declare const theme: {
|
|
3318
3361
|
outlineColor: string;
|
3319
3362
|
backgroundColor?: undefined;
|
3320
3363
|
} | {
|
3321
|
-
backgroundColor:
|
3322
|
-
outlineColor:
|
3364
|
+
backgroundColor: string;
|
3365
|
+
outlineColor: string;
|
3323
3366
|
};
|
3324
3367
|
_active: {
|
3325
3368
|
outline: string;
|
3326
3369
|
outlineColor: string;
|
3327
3370
|
backgroundColor: string;
|
3328
3371
|
} | {
|
3329
|
-
backgroundColor:
|
3330
|
-
outlineColor:
|
3372
|
+
backgroundColor: string;
|
3373
|
+
outlineColor: string;
|
3331
3374
|
};
|
3332
3375
|
_disabled: {
|
3333
3376
|
pointerEvents: string;
|
@@ -3350,11 +3393,11 @@ declare const theme: {
|
|
3350
3393
|
outlineStyle: string;
|
3351
3394
|
outlineOffset: string;
|
3352
3395
|
};
|
3353
|
-
backgroundColor:
|
3354
|
-
outlineColor:
|
3396
|
+
backgroundColor: string;
|
3397
|
+
outlineColor: string;
|
3355
3398
|
outline: string;
|
3356
3399
|
};
|
3357
|
-
backgroundColor:
|
3400
|
+
backgroundColor: string;
|
3358
3401
|
appearance: string;
|
3359
3402
|
border: string;
|
3360
3403
|
overflow: string;
|
@@ -3931,7 +3974,7 @@ declare const theme: {
|
|
3931
3974
|
paddingY: number;
|
3932
3975
|
alignItems: string;
|
3933
3976
|
_hover: {
|
3934
|
-
zIndex:
|
3977
|
+
zIndex: number;
|
3935
3978
|
};
|
3936
3979
|
_disabled: {
|
3937
3980
|
backgroundColor: string;
|
@@ -7286,7 +7329,7 @@ declare const theme: {
|
|
7286
7329
|
display: string;
|
7287
7330
|
borderRadius: string;
|
7288
7331
|
} | {
|
7289
|
-
backgroundColor:
|
7332
|
+
backgroundColor: string;
|
7290
7333
|
_focusVisible: {
|
7291
7334
|
outlineWidth: string;
|
7292
7335
|
outlineColor: string;
|
@@ -8950,13 +8993,13 @@ declare const theme: {
|
|
8950
8993
|
};
|
8951
8994
|
breakpoints: {
|
8952
8995
|
base: string;
|
8953
|
-
sm:
|
8954
|
-
md:
|
8955
|
-
lg:
|
8956
|
-
xl:
|
8957
|
-
"2xl":
|
8996
|
+
sm: string;
|
8997
|
+
md: string;
|
8998
|
+
lg: string;
|
8999
|
+
xl: string;
|
9000
|
+
"2xl": string;
|
8958
9001
|
};
|
8959
|
-
colors:
|
9002
|
+
colors: ColorsType;
|
8960
9003
|
config: {
|
8961
9004
|
cssVarPrefix: string;
|
8962
9005
|
initialColorMode: string;
|
@@ -8968,29 +9011,29 @@ declare const theme: {
|
|
8968
9011
|
mono: string;
|
8969
9012
|
};
|
8970
9013
|
fontSizes: {
|
8971
|
-
"2xs":
|
8972
|
-
xs:
|
8973
|
-
sm:
|
8974
|
-
md:
|
8975
|
-
lg:
|
8976
|
-
xl:
|
8977
|
-
"2xl":
|
8978
|
-
"3xl":
|
9014
|
+
"2xs": string;
|
9015
|
+
xs: string;
|
9016
|
+
sm: string;
|
9017
|
+
md: string;
|
9018
|
+
lg: string;
|
9019
|
+
xl: string;
|
9020
|
+
"2xl": string;
|
9021
|
+
"3xl": string;
|
8979
9022
|
mobile: {
|
8980
|
-
xs:
|
8981
|
-
sm:
|
8982
|
-
md:
|
8983
|
-
lg:
|
8984
|
-
xl:
|
8985
|
-
xxl:
|
9023
|
+
xs: string;
|
9024
|
+
sm: string;
|
9025
|
+
md: string;
|
9026
|
+
lg: string;
|
9027
|
+
xl: string;
|
9028
|
+
xxl: string;
|
8986
9029
|
};
|
8987
9030
|
desktop: {
|
8988
|
-
xs:
|
8989
|
-
sm:
|
8990
|
-
md:
|
8991
|
-
lg:
|
8992
|
-
xl:
|
8993
|
-
xxl:
|
9031
|
+
xs: string;
|
9032
|
+
sm: string;
|
9033
|
+
md: string;
|
9034
|
+
lg: string;
|
9035
|
+
xl: string;
|
9036
|
+
xxl: string;
|
8994
9037
|
};
|
8995
9038
|
};
|
8996
9039
|
fontWeights: {
|
@@ -8999,24 +9042,24 @@ declare const theme: {
|
|
8999
9042
|
bold: number;
|
9000
9043
|
};
|
9001
9044
|
lineHeights: {
|
9002
|
-
base:
|
9003
|
-
normal:
|
9045
|
+
base: string;
|
9046
|
+
normal: string;
|
9004
9047
|
};
|
9005
9048
|
radii: {
|
9006
|
-
none:
|
9007
|
-
xs:
|
9008
|
-
sm:
|
9009
|
-
md:
|
9010
|
-
lg:
|
9011
|
-
xl:
|
9012
|
-
"2xl":
|
9049
|
+
none: string;
|
9050
|
+
xs: string;
|
9051
|
+
sm: string;
|
9052
|
+
md: string;
|
9053
|
+
lg: string;
|
9054
|
+
xl: string;
|
9055
|
+
"2xl": string;
|
9013
9056
|
round: string;
|
9014
9057
|
};
|
9015
9058
|
shadows: {
|
9016
9059
|
none: string;
|
9017
|
-
sm:
|
9018
|
-
md:
|
9019
|
-
lg:
|
9060
|
+
sm: string;
|
9061
|
+
md: string;
|
9062
|
+
lg: string;
|
9020
9063
|
};
|
9021
9064
|
sizes: {
|
9022
9065
|
container: {
|
@@ -9214,55 +9257,55 @@ declare const theme: {
|
|
9214
9257
|
}, string>;
|
9215
9258
|
textStyles: {
|
9216
9259
|
"2xl": {
|
9217
|
-
fontSize:
|
9218
|
-
fontFamily:
|
9219
|
-
lineHeight:
|
9260
|
+
fontSize: (string | null)[];
|
9261
|
+
fontFamily: string;
|
9262
|
+
lineHeight: string;
|
9220
9263
|
};
|
9221
9264
|
"xl-display": {
|
9222
|
-
fontSize:
|
9223
|
-
fontFamily:
|
9224
|
-
lineHeight:
|
9265
|
+
fontSize: (string | null)[];
|
9266
|
+
fontFamily: string;
|
9267
|
+
lineHeight: string;
|
9225
9268
|
};
|
9226
9269
|
"xl-sans": {
|
9227
|
-
fontSize:
|
9228
|
-
fontFamily:
|
9229
|
-
lineHeight:
|
9270
|
+
fontSize: (string | null)[];
|
9271
|
+
fontFamily: string;
|
9272
|
+
lineHeight: string;
|
9230
9273
|
};
|
9231
9274
|
lg: {
|
9232
|
-
fontSize:
|
9233
|
-
fontFamily:
|
9234
|
-
lineHeight:
|
9275
|
+
fontSize: (string | null)[];
|
9276
|
+
fontFamily: string;
|
9277
|
+
lineHeight: string;
|
9235
9278
|
};
|
9236
9279
|
md: {
|
9237
|
-
fontSize:
|
9238
|
-
fontFamily:
|
9239
|
-
lineHeight:
|
9280
|
+
fontSize: (string | null)[];
|
9281
|
+
fontFamily: string;
|
9282
|
+
lineHeight: string;
|
9240
9283
|
};
|
9241
9284
|
sm: {
|
9242
|
-
fontSize:
|
9243
|
-
fontFamily:
|
9244
|
-
lineHeight:
|
9285
|
+
fontSize: (string | null)[];
|
9286
|
+
fontFamily: string;
|
9287
|
+
lineHeight: string;
|
9245
9288
|
};
|
9246
9289
|
xs: {
|
9247
|
-
fontSize:
|
9248
|
-
fontFamily:
|
9249
|
-
lineHeight:
|
9290
|
+
fontSize: (string | null)[];
|
9291
|
+
fontFamily: string;
|
9292
|
+
lineHeight: string;
|
9250
9293
|
};
|
9251
9294
|
};
|
9252
9295
|
zIndices: {
|
9253
|
-
hide:
|
9296
|
+
hide: number;
|
9254
9297
|
auto: string;
|
9255
|
-
base:
|
9256
|
-
docked:
|
9257
|
-
dropdown:
|
9258
|
-
sticky:
|
9259
|
-
banner:
|
9260
|
-
overlay:
|
9261
|
-
modal:
|
9262
|
-
popover:
|
9263
|
-
skipLink:
|
9264
|
-
toast:
|
9265
|
-
tooltip:
|
9298
|
+
base: number;
|
9299
|
+
docked: number;
|
9300
|
+
dropdown: number;
|
9301
|
+
sticky: number;
|
9302
|
+
banner: number;
|
9303
|
+
overlay: number;
|
9304
|
+
modal: number;
|
9305
|
+
popover: number;
|
9306
|
+
skipLink: number;
|
9307
|
+
toast: number;
|
9308
|
+
tooltip: number;
|
9266
9309
|
};
|
9267
9310
|
styles: {
|
9268
9311
|
global: (props: Record<string, any> | _chakra_ui_styled_system.StyleFunctionProps) => {
|
@@ -9355,12 +9398,12 @@ declare const brandTheme: {
|
|
9355
9398
|
colors: {
|
9356
9399
|
bg: {
|
9357
9400
|
default: {
|
9358
|
-
dark:
|
9401
|
+
dark: string;
|
9359
9402
|
};
|
9360
9403
|
};
|
9361
9404
|
surface: {
|
9362
9405
|
default: {
|
9363
|
-
dark:
|
9406
|
+
dark: string;
|
9364
9407
|
};
|
9365
9408
|
};
|
9366
9409
|
};
|
@@ -9467,44 +9510,6 @@ type CodeProps = CodeProps$1 & {
|
|
9467
9510
|
*/
|
9468
9511
|
declare const Code: _chakra_ui_system_dist_system_types.ComponentWithAs<As, CodeProps>;
|
9469
9512
|
|
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
|
-
|
9508
9513
|
type HeadingProps = Omit<HeadingProps$1, "textStyle" | "as"> & {
|
9509
9514
|
/** The heading level, e.g. h1, h2, h3... **/
|
9510
9515
|
as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
package/package.json
CHANGED
package/types.d.ts
DELETED