@mirohq/design-system-stitches 2.4.0 → 2.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js.map +1 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +486 -481
- 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';
|
|
@@ -280,6 +280,7 @@ declare const config: {
|
|
|
280
280
|
readonly 200: any;
|
|
281
281
|
readonly 300: any;
|
|
282
282
|
readonly 400: any;
|
|
283
|
+
readonly 500: any;
|
|
283
284
|
readonly 600: any;
|
|
284
285
|
readonly 700: any;
|
|
285
286
|
readonly 800: any;
|
|
@@ -768,6 +769,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
768
769
|
readonly 200?: string | number | boolean | undefined;
|
|
769
770
|
readonly 300?: string | number | boolean | undefined;
|
|
770
771
|
readonly 400?: string | number | boolean | undefined;
|
|
772
|
+
readonly 500?: string | number | boolean | undefined;
|
|
771
773
|
readonly 600?: string | number | boolean | undefined;
|
|
772
774
|
readonly 700?: string | number | boolean | undefined;
|
|
773
775
|
readonly 800?: string | number | boolean | undefined;
|
|
@@ -1075,6 +1077,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1075
1077
|
readonly 200?: string | number | boolean | undefined;
|
|
1076
1078
|
readonly 300?: string | number | boolean | undefined;
|
|
1077
1079
|
readonly 400?: string | number | boolean | undefined;
|
|
1080
|
+
readonly 500?: string | number | boolean | undefined;
|
|
1078
1081
|
readonly 600?: string | number | boolean | undefined;
|
|
1079
1082
|
readonly 700?: string | number | boolean | undefined;
|
|
1080
1083
|
readonly 800?: string | number | boolean | undefined;
|
|
@@ -1388,6 +1391,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1388
1391
|
readonly 200: any;
|
|
1389
1392
|
readonly 300: any;
|
|
1390
1393
|
readonly 400: any;
|
|
1394
|
+
readonly 500: any;
|
|
1391
1395
|
readonly 600: any;
|
|
1392
1396
|
readonly 700: any;
|
|
1393
1397
|
readonly 800: any;
|
|
@@ -1891,6 +1895,7 @@ declare const globalCss: <Styles extends {
|
|
|
1891
1895
|
readonly 200: any;
|
|
1892
1896
|
readonly 300: any;
|
|
1893
1897
|
readonly 400: any;
|
|
1898
|
+
readonly 500: any;
|
|
1894
1899
|
readonly 600: any;
|
|
1895
1900
|
readonly 700: any;
|
|
1896
1901
|
readonly 800: any;
|
|
@@ -2376,6 +2381,7 @@ declare const globalCss: <Styles extends {
|
|
|
2376
2381
|
readonly 200: any;
|
|
2377
2382
|
readonly 300: any;
|
|
2378
2383
|
readonly 400: any;
|
|
2384
|
+
readonly 500: any;
|
|
2379
2385
|
readonly 600: any;
|
|
2380
2386
|
readonly 700: any;
|
|
2381
2387
|
readonly 800: any;
|
|
@@ -2862,6 +2868,7 @@ declare const keyframes: (style: {
|
|
|
2862
2868
|
readonly 200: any;
|
|
2863
2869
|
readonly 300: any;
|
|
2864
2870
|
readonly 400: any;
|
|
2871
|
+
readonly 500: any;
|
|
2865
2872
|
readonly 600: any;
|
|
2866
2873
|
readonly 700: any;
|
|
2867
2874
|
readonly 800: any;
|
|
@@ -3302,499 +3309,496 @@ interface CustomStylesProps {
|
|
|
3302
3309
|
}
|
|
3303
3310
|
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> | {
|
|
3304
3311
|
[name: string]: unknown;
|
|
3305
|
-
} = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<Omit<StyledComponentProps
|
|
3306
|
-
|
|
3307
|
-
|
|
3312
|
+
} = {}>(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<{}, {
|
|
3313
|
+
'border-widths': {
|
|
3314
|
+
readonly none: 0;
|
|
3315
|
+
readonly sm: "1px";
|
|
3316
|
+
readonly md: "2px";
|
|
3317
|
+
readonly lg: "4px";
|
|
3308
3318
|
};
|
|
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
|
-
|
|
3495
|
-
|
|
3496
|
-
|
|
3497
|
-
|
|
3498
|
-
|
|
3499
|
-
|
|
3500
|
-
|
|
3501
|
-
|
|
3502
|
-
|
|
3503
|
-
|
|
3504
|
-
|
|
3505
|
-
|
|
3506
|
-
|
|
3507
|
-
|
|
3508
|
-
|
|
3509
|
-
|
|
3510
|
-
|
|
3511
|
-
|
|
3512
|
-
|
|
3513
|
-
|
|
3514
|
-
|
|
3515
|
-
|
|
3516
|
-
|
|
3517
|
-
|
|
3518
|
-
|
|
3519
|
-
|
|
3520
|
-
|
|
3521
|
-
|
|
3522
|
-
|
|
3523
|
-
|
|
3524
|
-
|
|
3525
|
-
|
|
3526
|
-
|
|
3527
|
-
|
|
3528
|
-
|
|
3529
|
-
|
|
3530
|
-
|
|
3531
|
-
|
|
3532
|
-
|
|
3533
|
-
|
|
3534
|
-
|
|
3535
|
-
|
|
3536
|
-
|
|
3537
|
-
|
|
3538
|
-
|
|
3539
|
-
|
|
3540
|
-
|
|
3541
|
-
|
|
3542
|
-
|
|
3543
|
-
|
|
3544
|
-
|
|
3545
|
-
|
|
3546
|
-
|
|
3547
|
-
|
|
3548
|
-
|
|
3549
|
-
|
|
3550
|
-
|
|
3551
|
-
|
|
3552
|
-
|
|
3553
|
-
|
|
3554
|
-
|
|
3555
|
-
|
|
3556
|
-
|
|
3557
|
-
|
|
3558
|
-
|
|
3559
|
-
|
|
3560
|
-
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3564
|
-
|
|
3565
|
-
|
|
3566
|
-
|
|
3567
|
-
|
|
3568
|
-
|
|
3569
|
-
|
|
3570
|
-
|
|
3571
|
-
|
|
3572
|
-
|
|
3573
|
-
|
|
3574
|
-
|
|
3575
|
-
|
|
3576
|
-
|
|
3577
|
-
|
|
3578
|
-
|
|
3579
|
-
|
|
3580
|
-
|
|
3581
|
-
|
|
3582
|
-
|
|
3583
|
-
|
|
3584
|
-
|
|
3585
|
-
|
|
3586
|
-
|
|
3587
|
-
|
|
3588
|
-
|
|
3589
|
-
|
|
3590
|
-
|
|
3591
|
-
|
|
3592
|
-
|
|
3593
|
-
|
|
3594
|
-
|
|
3595
|
-
|
|
3596
|
-
|
|
3597
|
-
|
|
3598
|
-
|
|
3599
|
-
|
|
3600
|
-
|
|
3601
|
-
|
|
3602
|
-
|
|
3603
|
-
|
|
3604
|
-
|
|
3319
|
+
colors: {
|
|
3320
|
+
readonly black: any;
|
|
3321
|
+
readonly 'blue-100': any;
|
|
3322
|
+
readonly 'blue-200': any;
|
|
3323
|
+
readonly 'blue-300': any;
|
|
3324
|
+
readonly 'blue-400': any;
|
|
3325
|
+
readonly 'blue-500': any;
|
|
3326
|
+
readonly 'blue-600': any;
|
|
3327
|
+
readonly 'blue-700': any;
|
|
3328
|
+
readonly 'blue-800': any;
|
|
3329
|
+
readonly 'blue-900': any;
|
|
3330
|
+
readonly 'blue-1000': any;
|
|
3331
|
+
readonly 'gray-100': any;
|
|
3332
|
+
readonly 'gray-200': any;
|
|
3333
|
+
readonly 'gray-300': any;
|
|
3334
|
+
readonly 'gray-400': any;
|
|
3335
|
+
readonly 'gray-500': any;
|
|
3336
|
+
readonly 'gray-600': any;
|
|
3337
|
+
readonly 'gray-700': any;
|
|
3338
|
+
readonly 'gray-800': any;
|
|
3339
|
+
readonly 'gray-900': any;
|
|
3340
|
+
readonly 'green-100': any;
|
|
3341
|
+
readonly 'green-200': any;
|
|
3342
|
+
readonly 'green-300': any;
|
|
3343
|
+
readonly 'green-400': any;
|
|
3344
|
+
readonly 'green-500': any;
|
|
3345
|
+
readonly 'green-600': any;
|
|
3346
|
+
readonly 'green-700': any;
|
|
3347
|
+
readonly 'green-800': any;
|
|
3348
|
+
readonly 'green-900': any;
|
|
3349
|
+
readonly 'indigo-100': any;
|
|
3350
|
+
readonly 'indigo-200': any;
|
|
3351
|
+
readonly 'indigo-300': any;
|
|
3352
|
+
readonly 'indigo-400': any;
|
|
3353
|
+
readonly 'indigo-500': any;
|
|
3354
|
+
readonly 'indigo-600': any;
|
|
3355
|
+
readonly 'indigo-700': any;
|
|
3356
|
+
readonly 'indigo-800': any;
|
|
3357
|
+
readonly 'indigo-900': any;
|
|
3358
|
+
readonly 'red-100': any;
|
|
3359
|
+
readonly 'red-200': any;
|
|
3360
|
+
readonly 'red-300': any;
|
|
3361
|
+
readonly 'red-400': any;
|
|
3362
|
+
readonly 'red-500': any;
|
|
3363
|
+
readonly 'red-600': any;
|
|
3364
|
+
readonly 'red-700': any;
|
|
3365
|
+
readonly 'red-800': any;
|
|
3366
|
+
readonly 'red-900': any;
|
|
3367
|
+
readonly transparent: any;
|
|
3368
|
+
readonly white: any;
|
|
3369
|
+
readonly 'yellow-100': any;
|
|
3370
|
+
readonly 'yellow-200': any;
|
|
3371
|
+
readonly 'yellow-300': any;
|
|
3372
|
+
readonly 'yellow-400': any;
|
|
3373
|
+
readonly 'yellow-500': any;
|
|
3374
|
+
readonly 'yellow-600': any;
|
|
3375
|
+
readonly 'yellow-700': any;
|
|
3376
|
+
readonly 'yellow-800': any;
|
|
3377
|
+
readonly 'yellow-900': any;
|
|
3378
|
+
"background-alpha-active"?: any;
|
|
3379
|
+
"background-alpha-hover"?: any;
|
|
3380
|
+
"background-danger-prominent"?: any;
|
|
3381
|
+
"background-danger-prominent-active"?: any;
|
|
3382
|
+
"background-danger-prominent-hover"?: any;
|
|
3383
|
+
"background-danger-subtle"?: any;
|
|
3384
|
+
"background-danger-subtle-active"?: any;
|
|
3385
|
+
"background-danger-subtle-hover"?: any;
|
|
3386
|
+
"background-neutrals"?: any;
|
|
3387
|
+
"background-neutrals-active"?: any;
|
|
3388
|
+
"background-neutrals-container"?: any;
|
|
3389
|
+
"background-neutrals-controls-disabled"?: any;
|
|
3390
|
+
"background-neutrals-disabled"?: any;
|
|
3391
|
+
"background-neutrals-hover"?: any;
|
|
3392
|
+
"background-neutrals-inactive"?: any;
|
|
3393
|
+
"background-neutrals-inactive-hover"?: any;
|
|
3394
|
+
"background-neutrals-inverted"?: any;
|
|
3395
|
+
"background-neutrals-inverted-subtle"?: any;
|
|
3396
|
+
"background-neutrals-page"?: any;
|
|
3397
|
+
"background-neutrals-page-subtle"?: any;
|
|
3398
|
+
"background-neutrals-scrolls"?: any;
|
|
3399
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
3400
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
3401
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
3402
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
3403
|
+
"background-neutrals-subtle"?: any;
|
|
3404
|
+
"background-neutrals-subtle-active"?: any;
|
|
3405
|
+
"background-neutrals-subtle-hover"?: any;
|
|
3406
|
+
"background-primary-prominent"?: any;
|
|
3407
|
+
"background-primary-prominent-active"?: any;
|
|
3408
|
+
"background-primary-prominent-expanded"?: any;
|
|
3409
|
+
"background-primary-prominent-hover"?: any;
|
|
3410
|
+
"background-primary-prominent-pressed"?: any;
|
|
3411
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
3412
|
+
"background-primary-prominent-selected"?: any;
|
|
3413
|
+
"background-primary-subtle"?: any;
|
|
3414
|
+
"background-primary-subtle-active"?: any;
|
|
3415
|
+
"background-primary-subtle-expanded"?: any;
|
|
3416
|
+
"background-primary-subtle-hover"?: any;
|
|
3417
|
+
"background-primary-subtle-pressed"?: any;
|
|
3418
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
3419
|
+
"background-primary-subtle-selected"?: any;
|
|
3420
|
+
"background-success"?: any;
|
|
3421
|
+
"background-success-prominent"?: any;
|
|
3422
|
+
"background-success-prominent-active"?: any;
|
|
3423
|
+
"background-success-prominent-hover"?: any;
|
|
3424
|
+
"background-warning-prominent"?: any;
|
|
3425
|
+
"background-warning-subtle"?: any;
|
|
3426
|
+
"border-danger"?: any;
|
|
3427
|
+
"border-danger-active"?: any;
|
|
3428
|
+
"border-danger-hover"?: any;
|
|
3429
|
+
"border-focus-inner"?: any;
|
|
3430
|
+
"border-focus-middle"?: any;
|
|
3431
|
+
"border-focus-outer"?: any;
|
|
3432
|
+
"border-neutrals"?: any;
|
|
3433
|
+
"border-neutrals-active"?: any;
|
|
3434
|
+
"border-neutrals-controls"?: any;
|
|
3435
|
+
"border-neutrals-controls-disabled"?: any;
|
|
3436
|
+
"border-neutrals-disabled"?: any;
|
|
3437
|
+
"border-neutrals-hover"?: any;
|
|
3438
|
+
"border-neutrals-inverted"?: any;
|
|
3439
|
+
"border-neutrals-subtle"?: any;
|
|
3440
|
+
"border-neutrals-text"?: any;
|
|
3441
|
+
"border-neutrals-text-active"?: any;
|
|
3442
|
+
"border-neutrals-text-hover"?: any;
|
|
3443
|
+
"border-neutrals-text-subtle"?: any;
|
|
3444
|
+
"border-neutrals-text-subtle-active"?: any;
|
|
3445
|
+
"border-neutrals-text-subtle-hover"?: any;
|
|
3446
|
+
"border-neutrals-transparent"?: any;
|
|
3447
|
+
"border-primary"?: any;
|
|
3448
|
+
"border-primary-active"?: any;
|
|
3449
|
+
"border-primary-hover"?: any;
|
|
3450
|
+
"border-primary-inverted"?: any;
|
|
3451
|
+
"border-success"?: any;
|
|
3452
|
+
"border-success-active"?: any;
|
|
3453
|
+
"border-success-hover"?: any;
|
|
3454
|
+
"border-warning"?: any;
|
|
3455
|
+
"icon-danger"?: any;
|
|
3456
|
+
"icon-danger-active"?: any;
|
|
3457
|
+
"icon-danger-hover"?: any;
|
|
3458
|
+
"icon-danger-inverted"?: any;
|
|
3459
|
+
"icon-neutrals"?: any;
|
|
3460
|
+
"icon-neutrals-disabled"?: any;
|
|
3461
|
+
"icon-neutrals-inactive"?: any;
|
|
3462
|
+
"icon-neutrals-inactive-hover"?: any;
|
|
3463
|
+
"icon-neutrals-inverted"?: any;
|
|
3464
|
+
"icon-neutrals-search"?: any;
|
|
3465
|
+
"icon-neutrals-subtle"?: any;
|
|
3466
|
+
"icon-neutrals-text"?: any;
|
|
3467
|
+
"icon-primary"?: any;
|
|
3468
|
+
"icon-primary-active"?: any;
|
|
3469
|
+
"icon-primary-hover"?: any;
|
|
3470
|
+
"icon-primary-inverted"?: any;
|
|
3471
|
+
"icon-primary-selected"?: any;
|
|
3472
|
+
"icon-success"?: any;
|
|
3473
|
+
"icon-success-active"?: any;
|
|
3474
|
+
"icon-success-hover"?: any;
|
|
3475
|
+
"icon-success-inverted"?: any;
|
|
3476
|
+
"icon-warning"?: any;
|
|
3477
|
+
"icon-warning-prominent"?: any;
|
|
3478
|
+
"icon-warning-subtle"?: any;
|
|
3479
|
+
"text-danger"?: any;
|
|
3480
|
+
"text-danger-active"?: any;
|
|
3481
|
+
"text-danger-hover"?: any;
|
|
3482
|
+
"text-danger-inverted"?: any;
|
|
3483
|
+
"text-neutrals"?: any;
|
|
3484
|
+
"text-neutrals-active"?: any;
|
|
3485
|
+
"text-neutrals-disabled"?: any;
|
|
3486
|
+
"text-neutrals-hover"?: any;
|
|
3487
|
+
"text-neutrals-inverted"?: any;
|
|
3488
|
+
"text-neutrals-placeholder"?: any;
|
|
3489
|
+
"text-neutrals-placeholder-only"?: any;
|
|
3490
|
+
"text-neutrals-subtle"?: any;
|
|
3491
|
+
"text-neutrals-subtle-active"?: any;
|
|
3492
|
+
"text-neutrals-subtle-hover"?: any;
|
|
3493
|
+
"text-primary"?: any;
|
|
3494
|
+
"text-primary-active"?: any;
|
|
3495
|
+
"text-primary-hover"?: any;
|
|
3496
|
+
"text-primary-inverted"?: any;
|
|
3497
|
+
"text-primary-inverted-subtle"?: any;
|
|
3498
|
+
"text-primary-selected"?: any;
|
|
3499
|
+
"text-success"?: any;
|
|
3500
|
+
"text-success-active"?: any;
|
|
3501
|
+
"text-success-hover"?: any;
|
|
3502
|
+
"text-success-inverted"?: any;
|
|
3503
|
+
"text-warning"?: any;
|
|
3504
|
+
"text-warning-subtle"?: any;
|
|
3505
|
+
};
|
|
3506
|
+
'font-sizes': {
|
|
3507
|
+
readonly 150: "0.75rem";
|
|
3508
|
+
readonly 175: "0.875rem";
|
|
3509
|
+
readonly 200: "1rem";
|
|
3510
|
+
readonly 225: "1.125rem";
|
|
3511
|
+
readonly 250: "1.25rem";
|
|
3512
|
+
readonly 300: "1.5rem";
|
|
3513
|
+
readonly 400: "2rem";
|
|
3514
|
+
readonly 500: "2.5rem";
|
|
3515
|
+
readonly 600: "3rem";
|
|
3516
|
+
readonly 800: "4rem";
|
|
3517
|
+
readonly 900: "4.5rem";
|
|
3518
|
+
};
|
|
3519
|
+
fonts: {
|
|
3520
|
+
readonly heading: "Roobert, sans-serif";
|
|
3521
|
+
readonly body: "Open Sans, sans-serif";
|
|
3522
|
+
};
|
|
3523
|
+
radii: {
|
|
3524
|
+
readonly none: 0;
|
|
3525
|
+
readonly half: "999em";
|
|
3526
|
+
readonly 25: "2px";
|
|
3527
|
+
readonly 50: "4px";
|
|
3528
|
+
readonly 75: "6px";
|
|
3529
|
+
readonly 100: "8px";
|
|
3530
|
+
readonly 200: "16px";
|
|
3531
|
+
};
|
|
3532
|
+
shadows: {
|
|
3533
|
+
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";
|
|
3534
|
+
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";
|
|
3535
|
+
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";
|
|
3536
|
+
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";
|
|
3537
|
+
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";
|
|
3538
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
3539
|
+
};
|
|
3540
|
+
sizes: {
|
|
3541
|
+
readonly number: string;
|
|
3542
|
+
readonly 'icon-200': "16px";
|
|
3543
|
+
readonly 'icon-300': "24px";
|
|
3544
|
+
readonly 'icon-400': "32px";
|
|
3545
|
+
};
|
|
3546
|
+
space: {
|
|
3547
|
+
readonly 0: "0px";
|
|
3548
|
+
readonly 25: "2px";
|
|
3549
|
+
readonly 50: "4px";
|
|
3550
|
+
readonly 100: "8px";
|
|
3551
|
+
readonly 150: "12px";
|
|
3552
|
+
readonly 200: "16px";
|
|
3553
|
+
readonly 300: "24px";
|
|
3554
|
+
readonly 400: "32px";
|
|
3555
|
+
readonly 500: "40px";
|
|
3556
|
+
readonly 600: "48px";
|
|
3557
|
+
readonly 700: "56px";
|
|
3558
|
+
readonly 800: "64px";
|
|
3559
|
+
readonly 1200: "96px";
|
|
3560
|
+
readonly 1600: "128px";
|
|
3561
|
+
};
|
|
3562
|
+
'space-gap': {
|
|
3563
|
+
readonly 0: any;
|
|
3564
|
+
readonly 50: any;
|
|
3565
|
+
readonly 100: any;
|
|
3566
|
+
readonly 200: any;
|
|
3567
|
+
readonly 300: any;
|
|
3568
|
+
};
|
|
3569
|
+
'space-inset': {
|
|
3570
|
+
readonly 0: any;
|
|
3571
|
+
readonly 50: any;
|
|
3572
|
+
readonly 100: any;
|
|
3573
|
+
readonly 150: any;
|
|
3574
|
+
readonly 200: any;
|
|
3575
|
+
readonly 300: any;
|
|
3576
|
+
readonly 400: any;
|
|
3577
|
+
readonly 500: any;
|
|
3578
|
+
readonly 600: any;
|
|
3579
|
+
readonly 700: any;
|
|
3580
|
+
readonly 800: any;
|
|
3581
|
+
readonly 1200: any;
|
|
3582
|
+
readonly 1600: any;
|
|
3583
|
+
};
|
|
3584
|
+
'space-offset': {
|
|
3585
|
+
readonly 0: any;
|
|
3586
|
+
readonly 50: any;
|
|
3587
|
+
readonly 100: any;
|
|
3588
|
+
readonly 150: any;
|
|
3589
|
+
readonly 200: any;
|
|
3590
|
+
readonly 300: any;
|
|
3591
|
+
readonly 400: any;
|
|
3592
|
+
readonly 600: any;
|
|
3593
|
+
readonly 800: any;
|
|
3594
|
+
readonly 1200: any;
|
|
3595
|
+
readonly 1600: any;
|
|
3596
|
+
readonly 'stacking-0': any;
|
|
3597
|
+
readonly 'stacking-100': any;
|
|
3598
|
+
readonly 'stacking-200': any;
|
|
3599
|
+
readonly 'stacking-300': any;
|
|
3600
|
+
readonly 'stacking-400': any;
|
|
3601
|
+
readonly 'stacking-500': any;
|
|
3602
|
+
readonly 'stacking-800': any;
|
|
3603
|
+
};
|
|
3604
|
+
'stroke-width': {
|
|
3605
|
+
readonly thin: "1.5px";
|
|
3606
|
+
readonly normal: "2px";
|
|
3607
|
+
readonly bold: "4px";
|
|
3608
|
+
};
|
|
3609
|
+
'z-indices': {
|
|
3610
|
+
readonly dropdownMenu: 100;
|
|
3611
|
+
readonly select: 200;
|
|
3612
|
+
readonly popover: 300;
|
|
3613
|
+
readonly tooltip: 400;
|
|
3614
|
+
};
|
|
3615
|
+
}, {
|
|
3616
|
+
readonly background: "colors";
|
|
3617
|
+
readonly backgroundColor: "colors";
|
|
3618
|
+
readonly backgroundImage: "colors";
|
|
3619
|
+
readonly blockSize: "sizes";
|
|
3620
|
+
readonly border: "colors";
|
|
3621
|
+
readonly borderBlock: "colors";
|
|
3622
|
+
readonly borderBlockEnd: "colors";
|
|
3623
|
+
readonly borderBlockStart: "colors";
|
|
3624
|
+
readonly borderBottom: "colors";
|
|
3625
|
+
readonly borderBottomColor: "colors";
|
|
3626
|
+
readonly borderBottomLeftRadius: "radii";
|
|
3627
|
+
readonly borderBottomRightRadius: "radii";
|
|
3628
|
+
readonly borderBottomStyle: "border-styles";
|
|
3629
|
+
readonly borderBottomWidth: "border-widths";
|
|
3630
|
+
readonly borderColor: "colors";
|
|
3631
|
+
readonly borderImage: "colors";
|
|
3632
|
+
readonly borderInline: "colors";
|
|
3633
|
+
readonly borderInlineEnd: "colors";
|
|
3634
|
+
readonly borderInlineStart: "colors";
|
|
3635
|
+
readonly borderLeft: "colors";
|
|
3636
|
+
readonly borderLeftColor: "colors";
|
|
3637
|
+
readonly borderLeftStyle: "border-styles";
|
|
3638
|
+
readonly borderLeftWidth: "border-widths";
|
|
3639
|
+
readonly borderRadius: "radii";
|
|
3640
|
+
readonly borderRight: "colors";
|
|
3641
|
+
readonly borderRightColor: "colors";
|
|
3642
|
+
readonly borderRightStyle: "border-styles";
|
|
3643
|
+
readonly borderRightWidth: "border-widths";
|
|
3644
|
+
readonly borderSpacing: "space-offset";
|
|
3645
|
+
readonly borderStyle: "border-styles";
|
|
3646
|
+
readonly borderTop: "colors";
|
|
3647
|
+
readonly borderTopColor: "colors";
|
|
3648
|
+
readonly borderTopLeftRadius: "radii";
|
|
3649
|
+
readonly borderTopRightRadius: "radii";
|
|
3650
|
+
readonly borderTopStyle: "border-styles";
|
|
3651
|
+
readonly borderTopWidth: "border-widths";
|
|
3652
|
+
readonly borderWidth: "border-widths";
|
|
3653
|
+
readonly bottom: "space";
|
|
3654
|
+
readonly boxShadow: "shadows";
|
|
3655
|
+
readonly caretColor: "colors";
|
|
3656
|
+
readonly color: "colors";
|
|
3657
|
+
readonly columnGap: "space-gap";
|
|
3658
|
+
readonly columnRuleColor: "colors";
|
|
3659
|
+
readonly fill: "colors";
|
|
3660
|
+
readonly flexBasis: "sizes";
|
|
3661
|
+
readonly fontFamily: "fonts";
|
|
3662
|
+
readonly fontSize: "font-sizes";
|
|
3663
|
+
readonly fontWeight: "font-weights";
|
|
3664
|
+
readonly gap: "space-gap";
|
|
3665
|
+
readonly gridColumnGap: "space-gap";
|
|
3666
|
+
readonly gridGap: "space-gap";
|
|
3667
|
+
readonly gridRowGap: "space-gap";
|
|
3668
|
+
readonly gridTemplateColumns: "sizes";
|
|
3669
|
+
readonly gridTemplateRows: "sizes";
|
|
3670
|
+
readonly height: "sizes";
|
|
3671
|
+
readonly inlineSize: "sizes";
|
|
3672
|
+
readonly inset: "space-inset";
|
|
3673
|
+
readonly insetBlock: "space-inset";
|
|
3674
|
+
readonly insetBlockEnd: "space-inset";
|
|
3675
|
+
readonly insetBlockStart: "space-inset";
|
|
3676
|
+
readonly insetInline: "space-inset";
|
|
3677
|
+
readonly insetInlineEnd: "space-inset";
|
|
3678
|
+
readonly insetInlineStart: "space-inset";
|
|
3679
|
+
readonly left: "space";
|
|
3680
|
+
readonly letterSpacing: "letter-spacings";
|
|
3681
|
+
readonly lineHeight: "line-heights";
|
|
3682
|
+
readonly margin: "space-offset";
|
|
3683
|
+
readonly marginBlock: "space-offset";
|
|
3684
|
+
readonly marginBlockEnd: "space-offset";
|
|
3685
|
+
readonly marginBlockStart: "space-offset";
|
|
3686
|
+
readonly marginBottom: "space-offset";
|
|
3687
|
+
readonly marginInline: "space-offset";
|
|
3688
|
+
readonly marginInlineEnd: "space-offset";
|
|
3689
|
+
readonly marginInlineStart: "space-offset";
|
|
3690
|
+
readonly marginLeft: "space-offset";
|
|
3691
|
+
readonly marginRight: "space-offset";
|
|
3692
|
+
readonly marginTop: "space-offset";
|
|
3693
|
+
readonly maxBlockSize: "sizes";
|
|
3694
|
+
readonly maxHeight: "sizes";
|
|
3695
|
+
readonly maxInlineSize: "sizes";
|
|
3696
|
+
readonly maxWidth: "sizes";
|
|
3697
|
+
readonly minBlockSize: "sizes";
|
|
3698
|
+
readonly minHeight: "sizes";
|
|
3699
|
+
readonly minInlineSize: "sizes";
|
|
3700
|
+
readonly minWidth: "sizes";
|
|
3701
|
+
readonly outline: "colors";
|
|
3702
|
+
readonly outlineColor: "colors";
|
|
3703
|
+
readonly padding: "space-inset";
|
|
3704
|
+
readonly paddingBlock: "space-inset";
|
|
3705
|
+
readonly paddingBlockEnd: "space-inset";
|
|
3706
|
+
readonly paddingBlockStart: "space-inset";
|
|
3707
|
+
readonly paddingBottom: "space-inset";
|
|
3708
|
+
readonly paddingInline: "space-inset";
|
|
3709
|
+
readonly paddingInlineEnd: "space-inset";
|
|
3710
|
+
readonly paddingInlineStart: "space-inset";
|
|
3711
|
+
readonly paddingLeft: "space-inset";
|
|
3712
|
+
readonly paddingRight: "space-inset";
|
|
3713
|
+
readonly paddingTop: "space-inset";
|
|
3714
|
+
readonly right: "space";
|
|
3715
|
+
readonly rowGap: "space-gap";
|
|
3716
|
+
readonly scrollMargin: "space-offset";
|
|
3717
|
+
readonly scrollMarginBlock: "space-offset";
|
|
3718
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
3719
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
3720
|
+
readonly scrollMarginBottom: "space-offset";
|
|
3721
|
+
readonly scrollMarginInline: "space-offset";
|
|
3722
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
3723
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
3724
|
+
readonly scrollMarginLeft: "space-offset";
|
|
3725
|
+
readonly scrollMarginRight: "space-offset";
|
|
3726
|
+
readonly scrollMarginTop: "space-offset";
|
|
3727
|
+
readonly scrollPadding: "space-inset";
|
|
3728
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
3729
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
3730
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
3731
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
3732
|
+
readonly scrollPaddingInline: "space-inset";
|
|
3733
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
3734
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
3735
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
3736
|
+
readonly scrollPaddingRight: "space-inset";
|
|
3737
|
+
readonly scrollPaddingTop: "space-inset";
|
|
3738
|
+
readonly stroke: "colors";
|
|
3739
|
+
readonly strokeWidth: "stroke-width";
|
|
3740
|
+
readonly textDecorationColor: "colors";
|
|
3741
|
+
readonly textShadow: "shadows";
|
|
3742
|
+
readonly top: "space";
|
|
3743
|
+
readonly transition: "transitions";
|
|
3744
|
+
readonly width: "sizes";
|
|
3745
|
+
readonly zIndex: "z-indices";
|
|
3746
|
+
}, {
|
|
3747
|
+
paddingX: (value: {
|
|
3748
|
+
readonly [$$PropertyValue]: "padding";
|
|
3749
|
+
}) => {
|
|
3750
|
+
paddingLeft: {
|
|
3751
|
+
readonly [$$PropertyValue]: "padding";
|
|
3605
3752
|
};
|
|
3606
|
-
|
|
3607
|
-
readonly
|
|
3608
|
-
readonly select: 200;
|
|
3609
|
-
readonly popover: 300;
|
|
3610
|
-
readonly tooltip: 400;
|
|
3753
|
+
paddingRight: {
|
|
3754
|
+
readonly [$$PropertyValue]: "padding";
|
|
3611
3755
|
};
|
|
3612
|
-
}
|
|
3613
|
-
|
|
3614
|
-
readonly
|
|
3615
|
-
|
|
3616
|
-
|
|
3617
|
-
readonly border: "colors";
|
|
3618
|
-
readonly borderBlock: "colors";
|
|
3619
|
-
readonly borderBlockEnd: "colors";
|
|
3620
|
-
readonly borderBlockStart: "colors";
|
|
3621
|
-
readonly borderBottom: "colors";
|
|
3622
|
-
readonly borderBottomColor: "colors";
|
|
3623
|
-
readonly borderBottomLeftRadius: "radii";
|
|
3624
|
-
readonly borderBottomRightRadius: "radii";
|
|
3625
|
-
readonly borderBottomStyle: "border-styles";
|
|
3626
|
-
readonly borderBottomWidth: "border-widths";
|
|
3627
|
-
readonly borderColor: "colors";
|
|
3628
|
-
readonly borderImage: "colors";
|
|
3629
|
-
readonly borderInline: "colors";
|
|
3630
|
-
readonly borderInlineEnd: "colors";
|
|
3631
|
-
readonly borderInlineStart: "colors";
|
|
3632
|
-
readonly borderLeft: "colors";
|
|
3633
|
-
readonly borderLeftColor: "colors";
|
|
3634
|
-
readonly borderLeftStyle: "border-styles";
|
|
3635
|
-
readonly borderLeftWidth: "border-widths";
|
|
3636
|
-
readonly borderRadius: "radii";
|
|
3637
|
-
readonly borderRight: "colors";
|
|
3638
|
-
readonly borderRightColor: "colors";
|
|
3639
|
-
readonly borderRightStyle: "border-styles";
|
|
3640
|
-
readonly borderRightWidth: "border-widths";
|
|
3641
|
-
readonly borderSpacing: "space-offset";
|
|
3642
|
-
readonly borderStyle: "border-styles";
|
|
3643
|
-
readonly borderTop: "colors";
|
|
3644
|
-
readonly borderTopColor: "colors";
|
|
3645
|
-
readonly borderTopLeftRadius: "radii";
|
|
3646
|
-
readonly borderTopRightRadius: "radii";
|
|
3647
|
-
readonly borderTopStyle: "border-styles";
|
|
3648
|
-
readonly borderTopWidth: "border-widths";
|
|
3649
|
-
readonly borderWidth: "border-widths";
|
|
3650
|
-
readonly bottom: "space";
|
|
3651
|
-
readonly boxShadow: "shadows";
|
|
3652
|
-
readonly caretColor: "colors";
|
|
3653
|
-
readonly color: "colors";
|
|
3654
|
-
readonly columnGap: "space-gap";
|
|
3655
|
-
readonly columnRuleColor: "colors";
|
|
3656
|
-
readonly fill: "colors";
|
|
3657
|
-
readonly flexBasis: "sizes";
|
|
3658
|
-
readonly fontFamily: "fonts";
|
|
3659
|
-
readonly fontSize: "font-sizes";
|
|
3660
|
-
readonly fontWeight: "font-weights";
|
|
3661
|
-
readonly gap: "space-gap";
|
|
3662
|
-
readonly gridColumnGap: "space-gap";
|
|
3663
|
-
readonly gridGap: "space-gap";
|
|
3664
|
-
readonly gridRowGap: "space-gap";
|
|
3665
|
-
readonly gridTemplateColumns: "sizes";
|
|
3666
|
-
readonly gridTemplateRows: "sizes";
|
|
3667
|
-
readonly height: "sizes";
|
|
3668
|
-
readonly inlineSize: "sizes";
|
|
3669
|
-
readonly inset: "space-inset";
|
|
3670
|
-
readonly insetBlock: "space-inset";
|
|
3671
|
-
readonly insetBlockEnd: "space-inset";
|
|
3672
|
-
readonly insetBlockStart: "space-inset";
|
|
3673
|
-
readonly insetInline: "space-inset";
|
|
3674
|
-
readonly insetInlineEnd: "space-inset";
|
|
3675
|
-
readonly insetInlineStart: "space-inset";
|
|
3676
|
-
readonly left: "space";
|
|
3677
|
-
readonly letterSpacing: "letter-spacings";
|
|
3678
|
-
readonly lineHeight: "line-heights";
|
|
3679
|
-
readonly margin: "space-offset";
|
|
3680
|
-
readonly marginBlock: "space-offset";
|
|
3681
|
-
readonly marginBlockEnd: "space-offset";
|
|
3682
|
-
readonly marginBlockStart: "space-offset";
|
|
3683
|
-
readonly marginBottom: "space-offset";
|
|
3684
|
-
readonly marginInline: "space-offset";
|
|
3685
|
-
readonly marginInlineEnd: "space-offset";
|
|
3686
|
-
readonly marginInlineStart: "space-offset";
|
|
3687
|
-
readonly marginLeft: "space-offset";
|
|
3688
|
-
readonly marginRight: "space-offset";
|
|
3689
|
-
readonly marginTop: "space-offset";
|
|
3690
|
-
readonly maxBlockSize: "sizes";
|
|
3691
|
-
readonly maxHeight: "sizes";
|
|
3692
|
-
readonly maxInlineSize: "sizes";
|
|
3693
|
-
readonly maxWidth: "sizes";
|
|
3694
|
-
readonly minBlockSize: "sizes";
|
|
3695
|
-
readonly minHeight: "sizes";
|
|
3696
|
-
readonly minInlineSize: "sizes";
|
|
3697
|
-
readonly minWidth: "sizes";
|
|
3698
|
-
readonly outline: "colors";
|
|
3699
|
-
readonly outlineColor: "colors";
|
|
3700
|
-
readonly padding: "space-inset";
|
|
3701
|
-
readonly paddingBlock: "space-inset";
|
|
3702
|
-
readonly paddingBlockEnd: "space-inset";
|
|
3703
|
-
readonly paddingBlockStart: "space-inset";
|
|
3704
|
-
readonly paddingBottom: "space-inset";
|
|
3705
|
-
readonly paddingInline: "space-inset";
|
|
3706
|
-
readonly paddingInlineEnd: "space-inset";
|
|
3707
|
-
readonly paddingInlineStart: "space-inset";
|
|
3708
|
-
readonly paddingLeft: "space-inset";
|
|
3709
|
-
readonly paddingRight: "space-inset";
|
|
3710
|
-
readonly paddingTop: "space-inset";
|
|
3711
|
-
readonly right: "space";
|
|
3712
|
-
readonly rowGap: "space-gap";
|
|
3713
|
-
readonly scrollMargin: "space-offset";
|
|
3714
|
-
readonly scrollMarginBlock: "space-offset";
|
|
3715
|
-
readonly scrollMarginBlockEnd: "space-offset";
|
|
3716
|
-
readonly scrollMarginBlockStart: "space-offset";
|
|
3717
|
-
readonly scrollMarginBottom: "space-offset";
|
|
3718
|
-
readonly scrollMarginInline: "space-offset";
|
|
3719
|
-
readonly scrollMarginInlineEnd: "space-offset";
|
|
3720
|
-
readonly scrollMarginInlineStart: "space-offset";
|
|
3721
|
-
readonly scrollMarginLeft: "space-offset";
|
|
3722
|
-
readonly scrollMarginRight: "space-offset";
|
|
3723
|
-
readonly scrollMarginTop: "space-offset";
|
|
3724
|
-
readonly scrollPadding: "space-inset";
|
|
3725
|
-
readonly scrollPaddingBlock: "space-inset";
|
|
3726
|
-
readonly scrollPaddingBlockEnd: "space-inset";
|
|
3727
|
-
readonly scrollPaddingBlockStart: "space-inset";
|
|
3728
|
-
readonly scrollPaddingBottom: "space-inset";
|
|
3729
|
-
readonly scrollPaddingInline: "space-inset";
|
|
3730
|
-
readonly scrollPaddingInlineEnd: "space-inset";
|
|
3731
|
-
readonly scrollPaddingInlineStart: "space-inset";
|
|
3732
|
-
readonly scrollPaddingLeft: "space-inset";
|
|
3733
|
-
readonly scrollPaddingRight: "space-inset";
|
|
3734
|
-
readonly scrollPaddingTop: "space-inset";
|
|
3735
|
-
readonly stroke: "colors";
|
|
3736
|
-
readonly strokeWidth: "stroke-width";
|
|
3737
|
-
readonly textDecorationColor: "colors";
|
|
3738
|
-
readonly textShadow: "shadows";
|
|
3739
|
-
readonly top: "space";
|
|
3740
|
-
readonly transition: "transitions";
|
|
3741
|
-
readonly width: "sizes";
|
|
3742
|
-
readonly zIndex: "z-indices";
|
|
3743
|
-
}, {
|
|
3744
|
-
paddingX: (value: {
|
|
3756
|
+
};
|
|
3757
|
+
paddingY: (value: {
|
|
3758
|
+
readonly [$$PropertyValue]: "padding";
|
|
3759
|
+
}) => {
|
|
3760
|
+
paddingTop: {
|
|
3745
3761
|
readonly [$$PropertyValue]: "padding";
|
|
3746
|
-
}) => {
|
|
3747
|
-
paddingLeft: {
|
|
3748
|
-
readonly [$$PropertyValue]: "padding";
|
|
3749
|
-
};
|
|
3750
|
-
paddingRight: {
|
|
3751
|
-
readonly [$$PropertyValue]: "padding";
|
|
3752
|
-
};
|
|
3753
3762
|
};
|
|
3754
|
-
|
|
3763
|
+
paddingBottom: {
|
|
3755
3764
|
readonly [$$PropertyValue]: "padding";
|
|
3756
|
-
}) => {
|
|
3757
|
-
paddingTop: {
|
|
3758
|
-
readonly [$$PropertyValue]: "padding";
|
|
3759
|
-
};
|
|
3760
|
-
paddingBottom: {
|
|
3761
|
-
readonly [$$PropertyValue]: "padding";
|
|
3762
|
-
};
|
|
3763
3765
|
};
|
|
3764
|
-
|
|
3766
|
+
};
|
|
3767
|
+
marginX: (value: {
|
|
3768
|
+
readonly [$$PropertyValue]: "margin";
|
|
3769
|
+
}) => {
|
|
3770
|
+
marginLeft: {
|
|
3765
3771
|
readonly [$$PropertyValue]: "margin";
|
|
3766
|
-
}) => {
|
|
3767
|
-
marginLeft: {
|
|
3768
|
-
readonly [$$PropertyValue]: "margin";
|
|
3769
|
-
};
|
|
3770
|
-
marginRight: {
|
|
3771
|
-
readonly [$$PropertyValue]: "margin";
|
|
3772
|
-
};
|
|
3773
3772
|
};
|
|
3774
|
-
|
|
3773
|
+
marginRight: {
|
|
3775
3774
|
readonly [$$PropertyValue]: "margin";
|
|
3776
|
-
}) => {
|
|
3777
|
-
marginTop: {
|
|
3778
|
-
readonly [$$PropertyValue]: "margin";
|
|
3779
|
-
};
|
|
3780
|
-
marginBottom: {
|
|
3781
|
-
readonly [$$PropertyValue]: "margin";
|
|
3782
|
-
};
|
|
3783
3775
|
};
|
|
3784
|
-
|
|
3776
|
+
};
|
|
3777
|
+
marginY: (value: {
|
|
3778
|
+
readonly [$$PropertyValue]: "margin";
|
|
3779
|
+
}) => {
|
|
3780
|
+
marginTop: {
|
|
3781
|
+
readonly [$$PropertyValue]: "margin";
|
|
3782
|
+
};
|
|
3783
|
+
marginBottom: {
|
|
3784
|
+
readonly [$$PropertyValue]: "margin";
|
|
3785
|
+
};
|
|
3786
|
+
};
|
|
3787
|
+
square: (value: {
|
|
3788
|
+
readonly [$$PropertyValue]: "width";
|
|
3789
|
+
}) => {
|
|
3790
|
+
width: {
|
|
3791
|
+
readonly [$$PropertyValue]: "width";
|
|
3792
|
+
};
|
|
3793
|
+
height: {
|
|
3785
3794
|
readonly [$$PropertyValue]: "width";
|
|
3786
|
-
}) => {
|
|
3787
|
-
width: {
|
|
3788
|
-
readonly [$$PropertyValue]: "width";
|
|
3789
|
-
};
|
|
3790
|
-
height: {
|
|
3791
|
-
readonly [$$PropertyValue]: "width";
|
|
3792
|
-
};
|
|
3793
3795
|
};
|
|
3794
|
-
}
|
|
3795
|
-
}
|
|
3796
|
-
|
|
3797
|
-
|
|
3796
|
+
};
|
|
3797
|
+
}>>>, keyof (typeof $$StyledComponentProps extends keyof Composers ? Composers[keyof Composers & typeof $$StyledComponentProps] : Composers extends {
|
|
3798
|
+
variants: {
|
|
3799
|
+
[name: string]: unknown;
|
|
3800
|
+
};
|
|
3801
|
+
} ? 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<{}, {
|
|
3798
3802
|
'border-widths': {
|
|
3799
3803
|
readonly none: 0;
|
|
3800
3804
|
readonly sm: "1px";
|
|
@@ -4059,6 +4063,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
4059
4063
|
readonly 200: any;
|
|
4060
4064
|
readonly 300: any;
|
|
4061
4065
|
readonly 400: any;
|
|
4066
|
+
readonly 500: any;
|
|
4062
4067
|
readonly 600: any;
|
|
4063
4068
|
readonly 700: any;
|
|
4064
4069
|
readonly 800: any;
|