@mirohq/design-system-stitches 2.3.12 → 2.3.13-input.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js.map +1 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +472 -467
- package/package.json +4 -4
package/dist/types.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import React__default, { ElementType, PropsWithChildren, ComponentPropsWithRef,
|
|
|
3
3
|
import { CSS as CSS$1, VariantProps } from '@stitches/react';
|
|
4
4
|
import { OnlyHTMLAttributes, ExtractValidKeys } from '@mirohq/design-system-types';
|
|
5
5
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
6
|
-
import { $$StyledComponentType, $$StyledComponentProps, $$StyledComponentMedia, StyledComponentProps as StyledComponentProps$1
|
|
6
|
+
import { $$StyledComponentType, $$StyledComponentProps, $$StyledComponentMedia, TransformProps, StyledComponentProps as StyledComponentProps$1 } from '@stitches/react/types/styled-component';
|
|
7
7
|
import * as _stitches_react_types_util from '@stitches/react/types/util';
|
|
8
8
|
import * as _stitches_react_types_stitches from '@stitches/react/types/stitches';
|
|
9
9
|
import { RemoveIndex } from '@stitches/react/types/stitches';
|
|
@@ -268,6 +268,7 @@ declare const config: {
|
|
|
268
268
|
readonly 200: any;
|
|
269
269
|
readonly 300: any;
|
|
270
270
|
readonly 400: any;
|
|
271
|
+
readonly 500: any;
|
|
271
272
|
readonly 600: any;
|
|
272
273
|
readonly 800: any;
|
|
273
274
|
readonly 1200: any;
|
|
@@ -742,6 +743,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
742
743
|
readonly 200?: string | number | boolean | undefined;
|
|
743
744
|
readonly 300?: string | number | boolean | undefined;
|
|
744
745
|
readonly 400?: string | number | boolean | undefined;
|
|
746
|
+
readonly 500?: string | number | boolean | undefined;
|
|
745
747
|
readonly 600?: string | number | boolean | undefined;
|
|
746
748
|
readonly 800?: string | number | boolean | undefined;
|
|
747
749
|
readonly 1200?: string | number | boolean | undefined;
|
|
@@ -1036,6 +1038,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1036
1038
|
readonly 200?: string | number | boolean | undefined;
|
|
1037
1039
|
readonly 300?: string | number | boolean | undefined;
|
|
1038
1040
|
readonly 400?: string | number | boolean | undefined;
|
|
1041
|
+
readonly 500?: string | number | boolean | undefined;
|
|
1039
1042
|
readonly 600?: string | number | boolean | undefined;
|
|
1040
1043
|
readonly 800?: string | number | boolean | undefined;
|
|
1041
1044
|
readonly 1200?: string | number | boolean | undefined;
|
|
@@ -1336,6 +1339,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1336
1339
|
readonly 200: any;
|
|
1337
1340
|
readonly 300: any;
|
|
1338
1341
|
readonly 400: any;
|
|
1342
|
+
readonly 500: any;
|
|
1339
1343
|
readonly 600: any;
|
|
1340
1344
|
readonly 800: any;
|
|
1341
1345
|
readonly 1200: any;
|
|
@@ -1825,6 +1829,7 @@ declare const globalCss: <Styles extends {
|
|
|
1825
1829
|
readonly 200: any;
|
|
1826
1830
|
readonly 300: any;
|
|
1827
1831
|
readonly 400: any;
|
|
1832
|
+
readonly 500: any;
|
|
1828
1833
|
readonly 600: any;
|
|
1829
1834
|
readonly 800: any;
|
|
1830
1835
|
readonly 1200: any;
|
|
@@ -2296,6 +2301,7 @@ declare const globalCss: <Styles extends {
|
|
|
2296
2301
|
readonly 200: any;
|
|
2297
2302
|
readonly 300: any;
|
|
2298
2303
|
readonly 400: any;
|
|
2304
|
+
readonly 500: any;
|
|
2299
2305
|
readonly 600: any;
|
|
2300
2306
|
readonly 800: any;
|
|
2301
2307
|
readonly 1200: any;
|
|
@@ -2768,6 +2774,7 @@ declare const keyframes: (style: {
|
|
|
2768
2774
|
readonly 200: any;
|
|
2769
2775
|
readonly 300: any;
|
|
2770
2776
|
readonly 400: any;
|
|
2777
|
+
readonly 500: any;
|
|
2771
2778
|
readonly 600: any;
|
|
2772
2779
|
readonly 800: any;
|
|
2773
2780
|
readonly 1200: any;
|
|
@@ -3205,485 +3212,482 @@ interface CustomStylesProps {
|
|
|
3205
3212
|
}
|
|
3206
3213
|
declare const styled: <Element_1 extends _stitches_react_types_util.Function | React__default.ComponentType<any> | keyof JSX.IntrinsicElements = "span", Composers extends string | _stitches_react_types_util.Function | React__default.JSXElementConstructor<any> | React__default.ExoticComponent<any> | {
|
|
3207
3214
|
[name: string]: unknown;
|
|
3208
|
-
} = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<Omit<StyledComponentProps
|
|
3209
|
-
|
|
3210
|
-
|
|
3215
|
+
} = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<Omit<StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
|
|
3216
|
+
'border-widths': {
|
|
3217
|
+
readonly none: 0;
|
|
3218
|
+
readonly sm: "1px";
|
|
3219
|
+
readonly md: "2px";
|
|
3220
|
+
readonly lg: "4px";
|
|
3211
3221
|
};
|
|
3212
|
-
|
|
3213
|
-
|
|
3214
|
-
'
|
|
3215
|
-
|
|
3216
|
-
|
|
3217
|
-
|
|
3218
|
-
|
|
3219
|
-
|
|
3220
|
-
|
|
3221
|
-
|
|
3222
|
-
|
|
3223
|
-
|
|
3224
|
-
|
|
3225
|
-
|
|
3226
|
-
|
|
3227
|
-
|
|
3228
|
-
|
|
3229
|
-
|
|
3230
|
-
|
|
3231
|
-
|
|
3232
|
-
|
|
3233
|
-
|
|
3234
|
-
|
|
3235
|
-
|
|
3236
|
-
|
|
3237
|
-
|
|
3238
|
-
|
|
3239
|
-
|
|
3240
|
-
|
|
3241
|
-
|
|
3242
|
-
|
|
3243
|
-
|
|
3244
|
-
|
|
3245
|
-
|
|
3246
|
-
|
|
3247
|
-
|
|
3248
|
-
|
|
3249
|
-
|
|
3250
|
-
|
|
3251
|
-
|
|
3252
|
-
|
|
3253
|
-
|
|
3254
|
-
|
|
3255
|
-
|
|
3256
|
-
|
|
3257
|
-
|
|
3258
|
-
|
|
3259
|
-
|
|
3260
|
-
|
|
3261
|
-
|
|
3262
|
-
|
|
3263
|
-
|
|
3264
|
-
|
|
3265
|
-
|
|
3266
|
-
|
|
3267
|
-
|
|
3268
|
-
|
|
3269
|
-
|
|
3270
|
-
|
|
3271
|
-
|
|
3272
|
-
|
|
3273
|
-
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
3289
|
-
|
|
3290
|
-
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
3294
|
-
|
|
3295
|
-
|
|
3296
|
-
|
|
3297
|
-
|
|
3298
|
-
|
|
3299
|
-
|
|
3300
|
-
|
|
3301
|
-
|
|
3302
|
-
|
|
3303
|
-
|
|
3304
|
-
|
|
3305
|
-
|
|
3306
|
-
|
|
3307
|
-
|
|
3308
|
-
|
|
3309
|
-
|
|
3310
|
-
|
|
3311
|
-
|
|
3312
|
-
|
|
3313
|
-
|
|
3314
|
-
|
|
3315
|
-
|
|
3316
|
-
|
|
3317
|
-
|
|
3318
|
-
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3323
|
-
|
|
3324
|
-
|
|
3325
|
-
|
|
3326
|
-
|
|
3327
|
-
|
|
3328
|
-
|
|
3329
|
-
|
|
3330
|
-
|
|
3331
|
-
|
|
3332
|
-
|
|
3333
|
-
|
|
3334
|
-
|
|
3335
|
-
|
|
3336
|
-
|
|
3337
|
-
|
|
3338
|
-
|
|
3339
|
-
|
|
3340
|
-
|
|
3341
|
-
|
|
3342
|
-
|
|
3343
|
-
|
|
3344
|
-
|
|
3345
|
-
|
|
3346
|
-
|
|
3347
|
-
|
|
3348
|
-
|
|
3349
|
-
|
|
3350
|
-
|
|
3351
|
-
|
|
3352
|
-
|
|
3353
|
-
|
|
3354
|
-
|
|
3355
|
-
|
|
3356
|
-
|
|
3357
|
-
|
|
3358
|
-
|
|
3359
|
-
|
|
3360
|
-
|
|
3361
|
-
|
|
3362
|
-
|
|
3363
|
-
|
|
3364
|
-
|
|
3365
|
-
|
|
3366
|
-
|
|
3367
|
-
|
|
3368
|
-
|
|
3369
|
-
|
|
3370
|
-
|
|
3371
|
-
|
|
3372
|
-
|
|
3373
|
-
|
|
3374
|
-
|
|
3375
|
-
|
|
3376
|
-
|
|
3377
|
-
|
|
3378
|
-
|
|
3379
|
-
|
|
3380
|
-
|
|
3381
|
-
|
|
3382
|
-
|
|
3383
|
-
|
|
3384
|
-
|
|
3385
|
-
|
|
3386
|
-
|
|
3387
|
-
|
|
3388
|
-
|
|
3389
|
-
|
|
3390
|
-
|
|
3391
|
-
|
|
3392
|
-
|
|
3393
|
-
|
|
3394
|
-
|
|
3395
|
-
|
|
3396
|
-
|
|
3397
|
-
|
|
3398
|
-
|
|
3399
|
-
|
|
3400
|
-
|
|
3401
|
-
|
|
3402
|
-
|
|
3403
|
-
|
|
3404
|
-
|
|
3405
|
-
|
|
3406
|
-
|
|
3407
|
-
|
|
3408
|
-
|
|
3409
|
-
|
|
3410
|
-
|
|
3411
|
-
|
|
3412
|
-
|
|
3413
|
-
|
|
3414
|
-
|
|
3415
|
-
|
|
3416
|
-
|
|
3417
|
-
|
|
3418
|
-
|
|
3419
|
-
|
|
3420
|
-
|
|
3421
|
-
|
|
3422
|
-
|
|
3423
|
-
|
|
3424
|
-
|
|
3425
|
-
|
|
3426
|
-
|
|
3427
|
-
|
|
3428
|
-
|
|
3429
|
-
|
|
3430
|
-
|
|
3431
|
-
|
|
3432
|
-
|
|
3433
|
-
|
|
3434
|
-
|
|
3435
|
-
|
|
3436
|
-
|
|
3437
|
-
|
|
3438
|
-
|
|
3439
|
-
|
|
3440
|
-
|
|
3441
|
-
|
|
3442
|
-
|
|
3443
|
-
|
|
3444
|
-
|
|
3445
|
-
|
|
3446
|
-
|
|
3447
|
-
|
|
3448
|
-
|
|
3449
|
-
|
|
3450
|
-
|
|
3451
|
-
|
|
3452
|
-
|
|
3453
|
-
|
|
3454
|
-
|
|
3455
|
-
|
|
3456
|
-
|
|
3457
|
-
|
|
3458
|
-
|
|
3459
|
-
|
|
3460
|
-
|
|
3461
|
-
|
|
3462
|
-
|
|
3463
|
-
|
|
3464
|
-
|
|
3465
|
-
|
|
3466
|
-
|
|
3467
|
-
|
|
3468
|
-
|
|
3469
|
-
|
|
3470
|
-
|
|
3471
|
-
|
|
3472
|
-
|
|
3473
|
-
|
|
3474
|
-
|
|
3475
|
-
|
|
3476
|
-
|
|
3477
|
-
|
|
3478
|
-
|
|
3479
|
-
|
|
3480
|
-
|
|
3481
|
-
|
|
3482
|
-
|
|
3483
|
-
|
|
3484
|
-
|
|
3485
|
-
|
|
3486
|
-
|
|
3487
|
-
|
|
3488
|
-
|
|
3489
|
-
|
|
3490
|
-
|
|
3491
|
-
|
|
3492
|
-
|
|
3493
|
-
|
|
3494
|
-
|
|
3222
|
+
colors: {
|
|
3223
|
+
readonly black: any;
|
|
3224
|
+
readonly 'blue-100': any;
|
|
3225
|
+
readonly 'blue-200': any;
|
|
3226
|
+
readonly 'blue-300': any;
|
|
3227
|
+
readonly 'blue-400': any;
|
|
3228
|
+
readonly 'blue-500': any;
|
|
3229
|
+
readonly 'blue-600': any;
|
|
3230
|
+
readonly 'blue-700': any;
|
|
3231
|
+
readonly 'blue-800': any;
|
|
3232
|
+
readonly 'blue-900': any;
|
|
3233
|
+
readonly 'blue-1000': any;
|
|
3234
|
+
readonly 'gray-100': any;
|
|
3235
|
+
readonly 'gray-200': any;
|
|
3236
|
+
readonly 'gray-300': any;
|
|
3237
|
+
readonly 'gray-400': any;
|
|
3238
|
+
readonly 'gray-500': any;
|
|
3239
|
+
readonly 'gray-600': any;
|
|
3240
|
+
readonly 'gray-700': any;
|
|
3241
|
+
readonly 'gray-800': any;
|
|
3242
|
+
readonly 'gray-900': any;
|
|
3243
|
+
readonly 'green-100': any;
|
|
3244
|
+
readonly 'green-200': any;
|
|
3245
|
+
readonly 'green-300': any;
|
|
3246
|
+
readonly 'green-400': any;
|
|
3247
|
+
readonly 'green-500': any;
|
|
3248
|
+
readonly 'green-600': any;
|
|
3249
|
+
readonly 'green-700': any;
|
|
3250
|
+
readonly 'green-800': any;
|
|
3251
|
+
readonly 'green-900': any;
|
|
3252
|
+
readonly 'indigo-100': any;
|
|
3253
|
+
readonly 'indigo-200': any;
|
|
3254
|
+
readonly 'indigo-300': any;
|
|
3255
|
+
readonly 'indigo-400': any;
|
|
3256
|
+
readonly 'indigo-500': any;
|
|
3257
|
+
readonly 'indigo-600': any;
|
|
3258
|
+
readonly 'indigo-700': any;
|
|
3259
|
+
readonly 'indigo-800': any;
|
|
3260
|
+
readonly 'indigo-900': any;
|
|
3261
|
+
readonly 'red-100': any;
|
|
3262
|
+
readonly 'red-200': any;
|
|
3263
|
+
readonly 'red-300': any;
|
|
3264
|
+
readonly 'red-400': any;
|
|
3265
|
+
readonly 'red-500': any;
|
|
3266
|
+
readonly 'red-600': any;
|
|
3267
|
+
readonly 'red-700': any;
|
|
3268
|
+
readonly 'red-800': any;
|
|
3269
|
+
readonly 'red-900': any;
|
|
3270
|
+
readonly transparent: any;
|
|
3271
|
+
readonly white: any;
|
|
3272
|
+
readonly 'yellow-100': any;
|
|
3273
|
+
readonly 'yellow-200': any;
|
|
3274
|
+
readonly 'yellow-300': any;
|
|
3275
|
+
readonly 'yellow-400': any;
|
|
3276
|
+
readonly 'yellow-500': any;
|
|
3277
|
+
readonly 'yellow-600': any;
|
|
3278
|
+
readonly 'yellow-700': any;
|
|
3279
|
+
readonly 'yellow-800': any;
|
|
3280
|
+
readonly 'yellow-900': any;
|
|
3281
|
+
"background-alpha-active"?: any;
|
|
3282
|
+
"background-alpha-hover"?: any;
|
|
3283
|
+
"background-danger-prominent"?: any;
|
|
3284
|
+
"background-danger-prominent-active"?: any;
|
|
3285
|
+
"background-danger-prominent-hover"?: any;
|
|
3286
|
+
"background-danger-subtle"?: any;
|
|
3287
|
+
"background-danger-subtle-active"?: any;
|
|
3288
|
+
"background-danger-subtle-hover"?: any;
|
|
3289
|
+
"background-neutrals"?: any;
|
|
3290
|
+
"background-neutrals-active"?: any;
|
|
3291
|
+
"background-neutrals-container"?: any;
|
|
3292
|
+
"background-neutrals-controls-disabled"?: any;
|
|
3293
|
+
"background-neutrals-disabled"?: any;
|
|
3294
|
+
"background-neutrals-hover"?: any;
|
|
3295
|
+
"background-neutrals-inactive"?: any;
|
|
3296
|
+
"background-neutrals-inactive-hover"?: any;
|
|
3297
|
+
"background-neutrals-inverted"?: any;
|
|
3298
|
+
"background-neutrals-inverted-subtle"?: any;
|
|
3299
|
+
"background-neutrals-page"?: any;
|
|
3300
|
+
"background-neutrals-page-subtle"?: any;
|
|
3301
|
+
"background-neutrals-scrolls"?: any;
|
|
3302
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
3303
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
3304
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
3305
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
3306
|
+
"background-neutrals-subtle"?: any;
|
|
3307
|
+
"background-neutrals-subtle-active"?: any;
|
|
3308
|
+
"background-neutrals-subtle-hover"?: any;
|
|
3309
|
+
"background-primary-prominent"?: any;
|
|
3310
|
+
"background-primary-prominent-active"?: any;
|
|
3311
|
+
"background-primary-prominent-expanded"?: any;
|
|
3312
|
+
"background-primary-prominent-hover"?: any;
|
|
3313
|
+
"background-primary-prominent-pressed"?: any;
|
|
3314
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
3315
|
+
"background-primary-prominent-selected"?: any;
|
|
3316
|
+
"background-primary-subtle"?: any;
|
|
3317
|
+
"background-primary-subtle-active"?: any;
|
|
3318
|
+
"background-primary-subtle-expanded"?: any;
|
|
3319
|
+
"background-primary-subtle-hover"?: any;
|
|
3320
|
+
"background-primary-subtle-pressed"?: any;
|
|
3321
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
3322
|
+
"background-primary-subtle-selected"?: any;
|
|
3323
|
+
"background-success"?: any;
|
|
3324
|
+
"background-warning-prominent"?: any;
|
|
3325
|
+
"background-warning-subtle"?: any;
|
|
3326
|
+
"border-danger"?: any;
|
|
3327
|
+
"border-danger-active"?: any;
|
|
3328
|
+
"border-danger-hover"?: any;
|
|
3329
|
+
"border-focus-inner"?: any;
|
|
3330
|
+
"border-focus-middle"?: any;
|
|
3331
|
+
"border-focus-outer"?: any;
|
|
3332
|
+
"border-neutrals"?: any;
|
|
3333
|
+
"border-neutrals-active"?: any;
|
|
3334
|
+
"border-neutrals-controls"?: any;
|
|
3335
|
+
"border-neutrals-controls-disabled"?: any;
|
|
3336
|
+
"border-neutrals-disabled"?: any;
|
|
3337
|
+
"border-neutrals-hover"?: any;
|
|
3338
|
+
"border-neutrals-inverted"?: any;
|
|
3339
|
+
"border-neutrals-subtle"?: any;
|
|
3340
|
+
"border-neutrals-text"?: any;
|
|
3341
|
+
"border-neutrals-text-active"?: any;
|
|
3342
|
+
"border-neutrals-text-hover"?: any;
|
|
3343
|
+
"border-neutrals-text-subtle"?: any;
|
|
3344
|
+
"border-neutrals-text-subtle-active"?: any;
|
|
3345
|
+
"border-neutrals-text-subtle-hover"?: any;
|
|
3346
|
+
"border-neutrals-transparent"?: any;
|
|
3347
|
+
"border-primary"?: any;
|
|
3348
|
+
"border-primary-active"?: any;
|
|
3349
|
+
"border-primary-hover"?: any;
|
|
3350
|
+
"border-primary-inverted"?: any;
|
|
3351
|
+
"border-success"?: any;
|
|
3352
|
+
"border-warning"?: any;
|
|
3353
|
+
"icon-danger"?: any;
|
|
3354
|
+
"icon-danger-active"?: any;
|
|
3355
|
+
"icon-danger-hover"?: any;
|
|
3356
|
+
"icon-danger-inverted"?: any;
|
|
3357
|
+
"icon-neutrals"?: any;
|
|
3358
|
+
"icon-neutrals-disabled"?: any;
|
|
3359
|
+
"icon-neutrals-inactive"?: any;
|
|
3360
|
+
"icon-neutrals-inactive-hover"?: any;
|
|
3361
|
+
"icon-neutrals-inverted"?: any;
|
|
3362
|
+
"icon-neutrals-search"?: any;
|
|
3363
|
+
"icon-neutrals-subtle"?: any;
|
|
3364
|
+
"icon-neutrals-text"?: any;
|
|
3365
|
+
"icon-primary"?: any;
|
|
3366
|
+
"icon-primary-active"?: any;
|
|
3367
|
+
"icon-primary-hover"?: any;
|
|
3368
|
+
"icon-primary-inverted"?: any;
|
|
3369
|
+
"icon-primary-selected"?: any;
|
|
3370
|
+
"icon-success"?: any;
|
|
3371
|
+
"icon-success-inverted"?: any;
|
|
3372
|
+
"icon-warning"?: any;
|
|
3373
|
+
"icon-warning-prominent"?: any;
|
|
3374
|
+
"text-danger"?: any;
|
|
3375
|
+
"text-danger-active"?: any;
|
|
3376
|
+
"text-danger-hover"?: any;
|
|
3377
|
+
"text-danger-inverted"?: any;
|
|
3378
|
+
"text-neutrals"?: any;
|
|
3379
|
+
"text-neutrals-active"?: any;
|
|
3380
|
+
"text-neutrals-disabled"?: any;
|
|
3381
|
+
"text-neutrals-hover"?: any;
|
|
3382
|
+
"text-neutrals-inverted"?: any;
|
|
3383
|
+
"text-neutrals-placeholder"?: any;
|
|
3384
|
+
"text-neutrals-placeholder-only"?: any;
|
|
3385
|
+
"text-neutrals-subtle"?: any;
|
|
3386
|
+
"text-neutrals-subtle-active"?: any;
|
|
3387
|
+
"text-neutrals-subtle-hover"?: any;
|
|
3388
|
+
"text-primary"?: any;
|
|
3389
|
+
"text-primary-active"?: any;
|
|
3390
|
+
"text-primary-hover"?: any;
|
|
3391
|
+
"text-primary-inverted"?: any;
|
|
3392
|
+
"text-primary-inverted-subtle"?: any;
|
|
3393
|
+
"text-primary-selected"?: any;
|
|
3394
|
+
"text-success"?: any;
|
|
3395
|
+
"text-warning"?: any;
|
|
3396
|
+
};
|
|
3397
|
+
'font-sizes': {
|
|
3398
|
+
readonly 150: "0.75rem";
|
|
3399
|
+
readonly 175: "0.875rem";
|
|
3400
|
+
readonly 200: "1rem";
|
|
3401
|
+
readonly 225: "1.125rem";
|
|
3402
|
+
readonly 250: "1.25rem";
|
|
3403
|
+
readonly 300: "1.5rem";
|
|
3404
|
+
readonly 400: "2rem";
|
|
3405
|
+
readonly 500: "2.5rem";
|
|
3406
|
+
readonly 600: "3rem";
|
|
3407
|
+
readonly 800: "4rem";
|
|
3408
|
+
readonly 900: "4.5rem";
|
|
3409
|
+
};
|
|
3410
|
+
fonts: {
|
|
3411
|
+
readonly heading: "Roobert, sans-serif";
|
|
3412
|
+
readonly body: "Open Sans, sans-serif";
|
|
3413
|
+
};
|
|
3414
|
+
radii: {
|
|
3415
|
+
readonly none: 0;
|
|
3416
|
+
readonly half: "999em";
|
|
3417
|
+
readonly 25: "2px";
|
|
3418
|
+
readonly 50: "4px";
|
|
3419
|
+
readonly 75: "6px";
|
|
3420
|
+
readonly 100: "8px";
|
|
3421
|
+
readonly 200: "16px";
|
|
3422
|
+
};
|
|
3423
|
+
shadows: {
|
|
3424
|
+
readonly 50: "0 4px 16px #05003812";
|
|
3425
|
+
readonly 100: "0 8px 32px #05003808";
|
|
3426
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
3427
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
3428
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
3429
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
3430
|
+
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
3431
|
+
};
|
|
3432
|
+
sizes: {
|
|
3433
|
+
readonly number: string;
|
|
3434
|
+
readonly 'icon-200': "16px";
|
|
3435
|
+
readonly 'icon-300': "24px";
|
|
3436
|
+
readonly 'icon-400': "32px";
|
|
3437
|
+
};
|
|
3438
|
+
space: {
|
|
3439
|
+
readonly 0: 0;
|
|
3440
|
+
readonly 50: "4px";
|
|
3441
|
+
readonly 100: "8px";
|
|
3442
|
+
readonly 150: "12px";
|
|
3443
|
+
readonly 200: "16px";
|
|
3444
|
+
readonly 300: "24px";
|
|
3445
|
+
readonly 400: "32px";
|
|
3446
|
+
readonly 500: "40px";
|
|
3447
|
+
readonly 600: "48px";
|
|
3448
|
+
readonly 700: "56px";
|
|
3449
|
+
readonly 800: "64px";
|
|
3450
|
+
readonly 1200: "96px";
|
|
3451
|
+
readonly 1600: "128px";
|
|
3452
|
+
};
|
|
3453
|
+
'space-gap': {
|
|
3454
|
+
readonly 0: any;
|
|
3455
|
+
readonly 50: any;
|
|
3456
|
+
readonly 100: any;
|
|
3457
|
+
readonly 200: any;
|
|
3458
|
+
readonly 300: any;
|
|
3459
|
+
};
|
|
3460
|
+
'space-inset': {
|
|
3461
|
+
readonly 0: any;
|
|
3462
|
+
readonly 50: any;
|
|
3463
|
+
readonly 100: any;
|
|
3464
|
+
readonly 150: any;
|
|
3465
|
+
readonly 200: any;
|
|
3466
|
+
readonly 300: any;
|
|
3467
|
+
readonly 400: any;
|
|
3468
|
+
readonly 500: any;
|
|
3469
|
+
readonly 600: any;
|
|
3470
|
+
readonly 800: any;
|
|
3471
|
+
readonly 1200: any;
|
|
3472
|
+
readonly 1600: any;
|
|
3473
|
+
};
|
|
3474
|
+
'space-offset': {
|
|
3475
|
+
readonly 0: any;
|
|
3476
|
+
readonly 50: any;
|
|
3477
|
+
readonly 100: any;
|
|
3478
|
+
readonly 150: any;
|
|
3479
|
+
readonly 200: any;
|
|
3480
|
+
readonly 300: any;
|
|
3481
|
+
readonly 400: any;
|
|
3482
|
+
readonly 600: any;
|
|
3483
|
+
readonly 800: any;
|
|
3484
|
+
readonly 1200: any;
|
|
3485
|
+
readonly 1600: any;
|
|
3486
|
+
readonly 'stacking-0': any;
|
|
3487
|
+
readonly 'stacking-100': any;
|
|
3488
|
+
readonly 'stacking-200': any;
|
|
3489
|
+
readonly 'stacking-300': any;
|
|
3490
|
+
readonly 'stacking-400': any;
|
|
3491
|
+
readonly 'stacking-500': any;
|
|
3492
|
+
readonly 'stacking-800': any;
|
|
3493
|
+
};
|
|
3494
|
+
'stroke-width': {
|
|
3495
|
+
readonly thin: "1.5px";
|
|
3496
|
+
readonly normal: "2px";
|
|
3497
|
+
readonly bold: "4px";
|
|
3498
|
+
};
|
|
3499
|
+
'z-indices': {
|
|
3500
|
+
readonly dropdownMenu: 100;
|
|
3501
|
+
readonly select: 200;
|
|
3502
|
+
readonly popover: 300;
|
|
3503
|
+
readonly tooltip: 400;
|
|
3504
|
+
};
|
|
3505
|
+
}, {
|
|
3506
|
+
readonly background: "colors";
|
|
3507
|
+
readonly backgroundColor: "colors";
|
|
3508
|
+
readonly backgroundImage: "colors";
|
|
3509
|
+
readonly blockSize: "sizes";
|
|
3510
|
+
readonly border: "colors";
|
|
3511
|
+
readonly borderBlock: "colors";
|
|
3512
|
+
readonly borderBlockEnd: "colors";
|
|
3513
|
+
readonly borderBlockStart: "colors";
|
|
3514
|
+
readonly borderBottom: "colors";
|
|
3515
|
+
readonly borderBottomColor: "colors";
|
|
3516
|
+
readonly borderBottomLeftRadius: "radii";
|
|
3517
|
+
readonly borderBottomRightRadius: "radii";
|
|
3518
|
+
readonly borderBottomStyle: "border-styles";
|
|
3519
|
+
readonly borderBottomWidth: "border-widths";
|
|
3520
|
+
readonly borderColor: "colors";
|
|
3521
|
+
readonly borderImage: "colors";
|
|
3522
|
+
readonly borderInline: "colors";
|
|
3523
|
+
readonly borderInlineEnd: "colors";
|
|
3524
|
+
readonly borderInlineStart: "colors";
|
|
3525
|
+
readonly borderLeft: "colors";
|
|
3526
|
+
readonly borderLeftColor: "colors";
|
|
3527
|
+
readonly borderLeftStyle: "border-styles";
|
|
3528
|
+
readonly borderLeftWidth: "border-widths";
|
|
3529
|
+
readonly borderRadius: "radii";
|
|
3530
|
+
readonly borderRight: "colors";
|
|
3531
|
+
readonly borderRightColor: "colors";
|
|
3532
|
+
readonly borderRightStyle: "border-styles";
|
|
3533
|
+
readonly borderRightWidth: "border-widths";
|
|
3534
|
+
readonly borderStyle: "border-styles";
|
|
3535
|
+
readonly borderTop: "colors";
|
|
3536
|
+
readonly borderTopColor: "colors";
|
|
3537
|
+
readonly borderTopLeftRadius: "radii";
|
|
3538
|
+
readonly borderTopRightRadius: "radii";
|
|
3539
|
+
readonly borderTopStyle: "border-styles";
|
|
3540
|
+
readonly borderTopWidth: "border-widths";
|
|
3541
|
+
readonly borderWidth: "border-widths";
|
|
3542
|
+
readonly bottom: "space";
|
|
3543
|
+
readonly boxShadow: "shadows";
|
|
3544
|
+
readonly caretColor: "colors";
|
|
3545
|
+
readonly color: "colors";
|
|
3546
|
+
readonly columnGap: "space-gap";
|
|
3547
|
+
readonly columnRuleColor: "colors";
|
|
3548
|
+
readonly fill: "colors";
|
|
3549
|
+
readonly flexBasis: "sizes";
|
|
3550
|
+
readonly fontFamily: "fonts";
|
|
3551
|
+
readonly fontSize: "font-sizes";
|
|
3552
|
+
readonly fontWeight: "font-weights";
|
|
3553
|
+
readonly gap: "space-gap";
|
|
3554
|
+
readonly gridColumnGap: "space-gap";
|
|
3555
|
+
readonly gridGap: "space-gap";
|
|
3556
|
+
readonly gridRowGap: "space-gap";
|
|
3557
|
+
readonly gridTemplateColumns: "sizes";
|
|
3558
|
+
readonly gridTemplateRows: "sizes";
|
|
3559
|
+
readonly height: "sizes";
|
|
3560
|
+
readonly inlineSize: "sizes";
|
|
3561
|
+
readonly inset: "space-inset";
|
|
3562
|
+
readonly insetBlock: "space-inset";
|
|
3563
|
+
readonly insetBlockEnd: "space-inset";
|
|
3564
|
+
readonly insetBlockStart: "space-inset";
|
|
3565
|
+
readonly insetInline: "space-inset";
|
|
3566
|
+
readonly insetInlineEnd: "space-inset";
|
|
3567
|
+
readonly insetInlineStart: "space-inset";
|
|
3568
|
+
readonly left: "space";
|
|
3569
|
+
readonly letterSpacing: "letter-spacings";
|
|
3570
|
+
readonly lineHeight: "line-heights";
|
|
3571
|
+
readonly margin: "space-offset";
|
|
3572
|
+
readonly marginBlock: "space-offset";
|
|
3573
|
+
readonly marginBlockEnd: "space-offset";
|
|
3574
|
+
readonly marginBlockStart: "space-offset";
|
|
3575
|
+
readonly marginBottom: "space-offset";
|
|
3576
|
+
readonly marginInline: "space-offset";
|
|
3577
|
+
readonly marginInlineEnd: "space-offset";
|
|
3578
|
+
readonly marginInlineStart: "space-offset";
|
|
3579
|
+
readonly marginLeft: "space-offset";
|
|
3580
|
+
readonly marginRight: "space-offset";
|
|
3581
|
+
readonly marginTop: "space-offset";
|
|
3582
|
+
readonly maxBlockSize: "sizes";
|
|
3583
|
+
readonly maxHeight: "sizes";
|
|
3584
|
+
readonly maxInlineSize: "sizes";
|
|
3585
|
+
readonly maxWidth: "sizes";
|
|
3586
|
+
readonly minBlockSize: "sizes";
|
|
3587
|
+
readonly minHeight: "sizes";
|
|
3588
|
+
readonly minInlineSize: "sizes";
|
|
3589
|
+
readonly minWidth: "sizes";
|
|
3590
|
+
readonly outline: "colors";
|
|
3591
|
+
readonly outlineColor: "colors";
|
|
3592
|
+
readonly padding: "space-inset";
|
|
3593
|
+
readonly paddingBlock: "space-inset";
|
|
3594
|
+
readonly paddingBlockEnd: "space-inset";
|
|
3595
|
+
readonly paddingBlockStart: "space-inset";
|
|
3596
|
+
readonly paddingBottom: "space-inset";
|
|
3597
|
+
readonly paddingInline: "space-inset";
|
|
3598
|
+
readonly paddingInlineEnd: "space-inset";
|
|
3599
|
+
readonly paddingInlineStart: "space-inset";
|
|
3600
|
+
readonly paddingLeft: "space-inset";
|
|
3601
|
+
readonly paddingRight: "space-inset";
|
|
3602
|
+
readonly paddingTop: "space-inset";
|
|
3603
|
+
readonly right: "space";
|
|
3604
|
+
readonly rowGap: "space-gap";
|
|
3605
|
+
readonly scrollMargin: "space-offset";
|
|
3606
|
+
readonly scrollMarginBlock: "space-offset";
|
|
3607
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
3608
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
3609
|
+
readonly scrollMarginBottom: "space-offset";
|
|
3610
|
+
readonly scrollMarginInline: "space-offset";
|
|
3611
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
3612
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
3613
|
+
readonly scrollMarginLeft: "space-offset";
|
|
3614
|
+
readonly scrollMarginRight: "space-offset";
|
|
3615
|
+
readonly scrollMarginTop: "space-offset";
|
|
3616
|
+
readonly scrollPadding: "space-inset";
|
|
3617
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
3618
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
3619
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
3620
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
3621
|
+
readonly scrollPaddingInline: "space-inset";
|
|
3622
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
3623
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
3624
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
3625
|
+
readonly scrollPaddingRight: "space-inset";
|
|
3626
|
+
readonly scrollPaddingTop: "space-inset";
|
|
3627
|
+
readonly stroke: "colors";
|
|
3628
|
+
readonly strokeWidth: "stroke-width";
|
|
3629
|
+
readonly textDecorationColor: "colors";
|
|
3630
|
+
readonly textShadow: "shadows";
|
|
3631
|
+
readonly top: "space";
|
|
3632
|
+
readonly transition: "transitions";
|
|
3633
|
+
readonly width: "sizes";
|
|
3634
|
+
readonly zIndex: "z-indices";
|
|
3635
|
+
}, {
|
|
3636
|
+
paddingX: (value: {
|
|
3637
|
+
readonly [$$PropertyValue]: "padding";
|
|
3638
|
+
}) => {
|
|
3639
|
+
paddingLeft: {
|
|
3640
|
+
readonly [$$PropertyValue]: "padding";
|
|
3495
3641
|
};
|
|
3496
|
-
|
|
3497
|
-
readonly
|
|
3498
|
-
readonly select: 200;
|
|
3499
|
-
readonly popover: 300;
|
|
3500
|
-
readonly tooltip: 400;
|
|
3642
|
+
paddingRight: {
|
|
3643
|
+
readonly [$$PropertyValue]: "padding";
|
|
3501
3644
|
};
|
|
3502
|
-
}
|
|
3503
|
-
|
|
3504
|
-
readonly
|
|
3505
|
-
|
|
3506
|
-
|
|
3507
|
-
readonly border: "colors";
|
|
3508
|
-
readonly borderBlock: "colors";
|
|
3509
|
-
readonly borderBlockEnd: "colors";
|
|
3510
|
-
readonly borderBlockStart: "colors";
|
|
3511
|
-
readonly borderBottom: "colors";
|
|
3512
|
-
readonly borderBottomColor: "colors";
|
|
3513
|
-
readonly borderBottomLeftRadius: "radii";
|
|
3514
|
-
readonly borderBottomRightRadius: "radii";
|
|
3515
|
-
readonly borderBottomStyle: "border-styles";
|
|
3516
|
-
readonly borderBottomWidth: "border-widths";
|
|
3517
|
-
readonly borderColor: "colors";
|
|
3518
|
-
readonly borderImage: "colors";
|
|
3519
|
-
readonly borderInline: "colors";
|
|
3520
|
-
readonly borderInlineEnd: "colors";
|
|
3521
|
-
readonly borderInlineStart: "colors";
|
|
3522
|
-
readonly borderLeft: "colors";
|
|
3523
|
-
readonly borderLeftColor: "colors";
|
|
3524
|
-
readonly borderLeftStyle: "border-styles";
|
|
3525
|
-
readonly borderLeftWidth: "border-widths";
|
|
3526
|
-
readonly borderRadius: "radii";
|
|
3527
|
-
readonly borderRight: "colors";
|
|
3528
|
-
readonly borderRightColor: "colors";
|
|
3529
|
-
readonly borderRightStyle: "border-styles";
|
|
3530
|
-
readonly borderRightWidth: "border-widths";
|
|
3531
|
-
readonly borderStyle: "border-styles";
|
|
3532
|
-
readonly borderTop: "colors";
|
|
3533
|
-
readonly borderTopColor: "colors";
|
|
3534
|
-
readonly borderTopLeftRadius: "radii";
|
|
3535
|
-
readonly borderTopRightRadius: "radii";
|
|
3536
|
-
readonly borderTopStyle: "border-styles";
|
|
3537
|
-
readonly borderTopWidth: "border-widths";
|
|
3538
|
-
readonly borderWidth: "border-widths";
|
|
3539
|
-
readonly bottom: "space";
|
|
3540
|
-
readonly boxShadow: "shadows";
|
|
3541
|
-
readonly caretColor: "colors";
|
|
3542
|
-
readonly color: "colors";
|
|
3543
|
-
readonly columnGap: "space-gap";
|
|
3544
|
-
readonly columnRuleColor: "colors";
|
|
3545
|
-
readonly fill: "colors";
|
|
3546
|
-
readonly flexBasis: "sizes";
|
|
3547
|
-
readonly fontFamily: "fonts";
|
|
3548
|
-
readonly fontSize: "font-sizes";
|
|
3549
|
-
readonly fontWeight: "font-weights";
|
|
3550
|
-
readonly gap: "space-gap";
|
|
3551
|
-
readonly gridColumnGap: "space-gap";
|
|
3552
|
-
readonly gridGap: "space-gap";
|
|
3553
|
-
readonly gridRowGap: "space-gap";
|
|
3554
|
-
readonly gridTemplateColumns: "sizes";
|
|
3555
|
-
readonly gridTemplateRows: "sizes";
|
|
3556
|
-
readonly height: "sizes";
|
|
3557
|
-
readonly inlineSize: "sizes";
|
|
3558
|
-
readonly inset: "space-inset";
|
|
3559
|
-
readonly insetBlock: "space-inset";
|
|
3560
|
-
readonly insetBlockEnd: "space-inset";
|
|
3561
|
-
readonly insetBlockStart: "space-inset";
|
|
3562
|
-
readonly insetInline: "space-inset";
|
|
3563
|
-
readonly insetInlineEnd: "space-inset";
|
|
3564
|
-
readonly insetInlineStart: "space-inset";
|
|
3565
|
-
readonly left: "space";
|
|
3566
|
-
readonly letterSpacing: "letter-spacings";
|
|
3567
|
-
readonly lineHeight: "line-heights";
|
|
3568
|
-
readonly margin: "space-offset";
|
|
3569
|
-
readonly marginBlock: "space-offset";
|
|
3570
|
-
readonly marginBlockEnd: "space-offset";
|
|
3571
|
-
readonly marginBlockStart: "space-offset";
|
|
3572
|
-
readonly marginBottom: "space-offset";
|
|
3573
|
-
readonly marginInline: "space-offset";
|
|
3574
|
-
readonly marginInlineEnd: "space-offset";
|
|
3575
|
-
readonly marginInlineStart: "space-offset";
|
|
3576
|
-
readonly marginLeft: "space-offset";
|
|
3577
|
-
readonly marginRight: "space-offset";
|
|
3578
|
-
readonly marginTop: "space-offset";
|
|
3579
|
-
readonly maxBlockSize: "sizes";
|
|
3580
|
-
readonly maxHeight: "sizes";
|
|
3581
|
-
readonly maxInlineSize: "sizes";
|
|
3582
|
-
readonly maxWidth: "sizes";
|
|
3583
|
-
readonly minBlockSize: "sizes";
|
|
3584
|
-
readonly minHeight: "sizes";
|
|
3585
|
-
readonly minInlineSize: "sizes";
|
|
3586
|
-
readonly minWidth: "sizes";
|
|
3587
|
-
readonly outline: "colors";
|
|
3588
|
-
readonly outlineColor: "colors";
|
|
3589
|
-
readonly padding: "space-inset";
|
|
3590
|
-
readonly paddingBlock: "space-inset";
|
|
3591
|
-
readonly paddingBlockEnd: "space-inset";
|
|
3592
|
-
readonly paddingBlockStart: "space-inset";
|
|
3593
|
-
readonly paddingBottom: "space-inset";
|
|
3594
|
-
readonly paddingInline: "space-inset";
|
|
3595
|
-
readonly paddingInlineEnd: "space-inset";
|
|
3596
|
-
readonly paddingInlineStart: "space-inset";
|
|
3597
|
-
readonly paddingLeft: "space-inset";
|
|
3598
|
-
readonly paddingRight: "space-inset";
|
|
3599
|
-
readonly paddingTop: "space-inset";
|
|
3600
|
-
readonly right: "space";
|
|
3601
|
-
readonly rowGap: "space-gap";
|
|
3602
|
-
readonly scrollMargin: "space-offset";
|
|
3603
|
-
readonly scrollMarginBlock: "space-offset";
|
|
3604
|
-
readonly scrollMarginBlockEnd: "space-offset";
|
|
3605
|
-
readonly scrollMarginBlockStart: "space-offset";
|
|
3606
|
-
readonly scrollMarginBottom: "space-offset";
|
|
3607
|
-
readonly scrollMarginInline: "space-offset";
|
|
3608
|
-
readonly scrollMarginInlineEnd: "space-offset";
|
|
3609
|
-
readonly scrollMarginInlineStart: "space-offset";
|
|
3610
|
-
readonly scrollMarginLeft: "space-offset";
|
|
3611
|
-
readonly scrollMarginRight: "space-offset";
|
|
3612
|
-
readonly scrollMarginTop: "space-offset";
|
|
3613
|
-
readonly scrollPadding: "space-inset";
|
|
3614
|
-
readonly scrollPaddingBlock: "space-inset";
|
|
3615
|
-
readonly scrollPaddingBlockEnd: "space-inset";
|
|
3616
|
-
readonly scrollPaddingBlockStart: "space-inset";
|
|
3617
|
-
readonly scrollPaddingBottom: "space-inset";
|
|
3618
|
-
readonly scrollPaddingInline: "space-inset";
|
|
3619
|
-
readonly scrollPaddingInlineEnd: "space-inset";
|
|
3620
|
-
readonly scrollPaddingInlineStart: "space-inset";
|
|
3621
|
-
readonly scrollPaddingLeft: "space-inset";
|
|
3622
|
-
readonly scrollPaddingRight: "space-inset";
|
|
3623
|
-
readonly scrollPaddingTop: "space-inset";
|
|
3624
|
-
readonly stroke: "colors";
|
|
3625
|
-
readonly strokeWidth: "stroke-width";
|
|
3626
|
-
readonly textDecorationColor: "colors";
|
|
3627
|
-
readonly textShadow: "shadows";
|
|
3628
|
-
readonly top: "space";
|
|
3629
|
-
readonly transition: "transitions";
|
|
3630
|
-
readonly width: "sizes";
|
|
3631
|
-
readonly zIndex: "z-indices";
|
|
3632
|
-
}, {
|
|
3633
|
-
paddingX: (value: {
|
|
3645
|
+
};
|
|
3646
|
+
paddingY: (value: {
|
|
3647
|
+
readonly [$$PropertyValue]: "padding";
|
|
3648
|
+
}) => {
|
|
3649
|
+
paddingTop: {
|
|
3634
3650
|
readonly [$$PropertyValue]: "padding";
|
|
3635
|
-
}) => {
|
|
3636
|
-
paddingLeft: {
|
|
3637
|
-
readonly [$$PropertyValue]: "padding";
|
|
3638
|
-
};
|
|
3639
|
-
paddingRight: {
|
|
3640
|
-
readonly [$$PropertyValue]: "padding";
|
|
3641
|
-
};
|
|
3642
3651
|
};
|
|
3643
|
-
|
|
3652
|
+
paddingBottom: {
|
|
3644
3653
|
readonly [$$PropertyValue]: "padding";
|
|
3645
|
-
}) => {
|
|
3646
|
-
paddingTop: {
|
|
3647
|
-
readonly [$$PropertyValue]: "padding";
|
|
3648
|
-
};
|
|
3649
|
-
paddingBottom: {
|
|
3650
|
-
readonly [$$PropertyValue]: "padding";
|
|
3651
|
-
};
|
|
3652
3654
|
};
|
|
3653
|
-
|
|
3655
|
+
};
|
|
3656
|
+
marginX: (value: {
|
|
3657
|
+
readonly [$$PropertyValue]: "margin";
|
|
3658
|
+
}) => {
|
|
3659
|
+
marginLeft: {
|
|
3654
3660
|
readonly [$$PropertyValue]: "margin";
|
|
3655
|
-
}) => {
|
|
3656
|
-
marginLeft: {
|
|
3657
|
-
readonly [$$PropertyValue]: "margin";
|
|
3658
|
-
};
|
|
3659
|
-
marginRight: {
|
|
3660
|
-
readonly [$$PropertyValue]: "margin";
|
|
3661
|
-
};
|
|
3662
3661
|
};
|
|
3663
|
-
|
|
3662
|
+
marginRight: {
|
|
3664
3663
|
readonly [$$PropertyValue]: "margin";
|
|
3665
|
-
}) => {
|
|
3666
|
-
marginTop: {
|
|
3667
|
-
readonly [$$PropertyValue]: "margin";
|
|
3668
|
-
};
|
|
3669
|
-
marginBottom: {
|
|
3670
|
-
readonly [$$PropertyValue]: "margin";
|
|
3671
|
-
};
|
|
3672
3664
|
};
|
|
3673
|
-
|
|
3665
|
+
};
|
|
3666
|
+
marginY: (value: {
|
|
3667
|
+
readonly [$$PropertyValue]: "margin";
|
|
3668
|
+
}) => {
|
|
3669
|
+
marginTop: {
|
|
3670
|
+
readonly [$$PropertyValue]: "margin";
|
|
3671
|
+
};
|
|
3672
|
+
marginBottom: {
|
|
3673
|
+
readonly [$$PropertyValue]: "margin";
|
|
3674
|
+
};
|
|
3675
|
+
};
|
|
3676
|
+
square: (value: {
|
|
3677
|
+
readonly [$$PropertyValue]: "width";
|
|
3678
|
+
}) => {
|
|
3679
|
+
width: {
|
|
3680
|
+
readonly [$$PropertyValue]: "width";
|
|
3681
|
+
};
|
|
3682
|
+
height: {
|
|
3674
3683
|
readonly [$$PropertyValue]: "width";
|
|
3675
|
-
}) => {
|
|
3676
|
-
width: {
|
|
3677
|
-
readonly [$$PropertyValue]: "width";
|
|
3678
|
-
};
|
|
3679
|
-
height: {
|
|
3680
|
-
readonly [$$PropertyValue]: "width";
|
|
3681
|
-
};
|
|
3682
3684
|
};
|
|
3683
|
-
}
|
|
3684
|
-
}
|
|
3685
|
-
|
|
3686
|
-
|
|
3685
|
+
};
|
|
3686
|
+
}>>>, keyof (typeof $$StyledComponentProps extends keyof Composers ? Composers[keyof Composers & typeof $$StyledComponentProps] : Composers extends {
|
|
3687
|
+
variants: {
|
|
3688
|
+
[name: string]: unknown;
|
|
3689
|
+
};
|
|
3690
|
+
} ? Composers["variants"] extends infer T ? { [K in keyof T]?: _stitches_react_types_util.Widen<keyof Composers["variants"][K]> | undefined; } : never : {})> & TransformProps<StyledComponentProps$1<[Composers]>, {}> & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
|
|
3687
3691
|
'border-widths': {
|
|
3688
3692
|
readonly none: 0;
|
|
3689
3693
|
readonly sm: "1px";
|
|
@@ -3936,6 +3940,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3936
3940
|
readonly 200: any;
|
|
3937
3941
|
readonly 300: any;
|
|
3938
3942
|
readonly 400: any;
|
|
3943
|
+
readonly 500: any;
|
|
3939
3944
|
readonly 600: any;
|
|
3940
3945
|
readonly 800: any;
|
|
3941
3946
|
readonly 1200: any;
|