@mirohq/design-system-stitches 2.3.16 → 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 +1 -0
- package/dist/main.js.map +1 -1
- package/dist/module.js +1 -0
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +493 -480
- package/package.json +3 -3
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;
|
|
@@ -347,6 +348,7 @@ declare const config: {
|
|
|
347
348
|
readonly borderRightColor: "colors";
|
|
348
349
|
readonly borderRightStyle: "border-styles";
|
|
349
350
|
readonly borderRightWidth: "border-widths";
|
|
351
|
+
readonly borderSpacing: "space-offset";
|
|
350
352
|
readonly borderStyle: "border-styles";
|
|
351
353
|
readonly borderTop: "colors";
|
|
352
354
|
readonly borderTopColor: "colors";
|
|
@@ -767,6 +769,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
767
769
|
readonly 200?: string | number | boolean | undefined;
|
|
768
770
|
readonly 300?: string | number | boolean | undefined;
|
|
769
771
|
readonly 400?: string | number | boolean | undefined;
|
|
772
|
+
readonly 500?: string | number | boolean | undefined;
|
|
770
773
|
readonly 600?: string | number | boolean | undefined;
|
|
771
774
|
readonly 700?: string | number | boolean | undefined;
|
|
772
775
|
readonly 800?: string | number | boolean | undefined;
|
|
@@ -1074,6 +1077,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1074
1077
|
readonly 200?: string | number | boolean | undefined;
|
|
1075
1078
|
readonly 300?: string | number | boolean | undefined;
|
|
1076
1079
|
readonly 400?: string | number | boolean | undefined;
|
|
1080
|
+
readonly 500?: string | number | boolean | undefined;
|
|
1077
1081
|
readonly 600?: string | number | boolean | undefined;
|
|
1078
1082
|
readonly 700?: string | number | boolean | undefined;
|
|
1079
1083
|
readonly 800?: string | number | boolean | undefined;
|
|
@@ -1387,6 +1391,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1387
1391
|
readonly 200: any;
|
|
1388
1392
|
readonly 300: any;
|
|
1389
1393
|
readonly 400: any;
|
|
1394
|
+
readonly 500: any;
|
|
1390
1395
|
readonly 600: any;
|
|
1391
1396
|
readonly 700: any;
|
|
1392
1397
|
readonly 800: any;
|
|
@@ -1453,6 +1458,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1453
1458
|
readonly borderRightColor: "colors";
|
|
1454
1459
|
readonly borderRightStyle: "border-styles";
|
|
1455
1460
|
readonly borderRightWidth: "border-widths";
|
|
1461
|
+
readonly borderSpacing: "space-offset";
|
|
1456
1462
|
readonly borderStyle: "border-styles";
|
|
1457
1463
|
readonly borderTop: "colors";
|
|
1458
1464
|
readonly borderTopColor: "colors";
|
|
@@ -1889,6 +1895,7 @@ declare const globalCss: <Styles extends {
|
|
|
1889
1895
|
readonly 200: any;
|
|
1890
1896
|
readonly 300: any;
|
|
1891
1897
|
readonly 400: any;
|
|
1898
|
+
readonly 500: any;
|
|
1892
1899
|
readonly 600: any;
|
|
1893
1900
|
readonly 700: any;
|
|
1894
1901
|
readonly 800: any;
|
|
@@ -1955,6 +1962,7 @@ declare const globalCss: <Styles extends {
|
|
|
1955
1962
|
readonly borderRightColor: "colors";
|
|
1956
1963
|
readonly borderRightStyle: "border-styles";
|
|
1957
1964
|
readonly borderRightWidth: "border-widths";
|
|
1965
|
+
readonly borderSpacing: "space-offset";
|
|
1958
1966
|
readonly borderStyle: "border-styles";
|
|
1959
1967
|
readonly borderTop: "colors";
|
|
1960
1968
|
readonly borderTopColor: "colors";
|
|
@@ -2373,6 +2381,7 @@ declare const globalCss: <Styles extends {
|
|
|
2373
2381
|
readonly 200: any;
|
|
2374
2382
|
readonly 300: any;
|
|
2375
2383
|
readonly 400: any;
|
|
2384
|
+
readonly 500: any;
|
|
2376
2385
|
readonly 600: any;
|
|
2377
2386
|
readonly 700: any;
|
|
2378
2387
|
readonly 800: any;
|
|
@@ -2439,6 +2448,7 @@ declare const globalCss: <Styles extends {
|
|
|
2439
2448
|
readonly borderRightColor: "colors";
|
|
2440
2449
|
readonly borderRightStyle: "border-styles";
|
|
2441
2450
|
readonly borderRightWidth: "border-widths";
|
|
2451
|
+
readonly borderSpacing: "space-offset";
|
|
2442
2452
|
readonly borderStyle: "border-styles";
|
|
2443
2453
|
readonly borderTop: "colors";
|
|
2444
2454
|
readonly borderTopColor: "colors";
|
|
@@ -2858,6 +2868,7 @@ declare const keyframes: (style: {
|
|
|
2858
2868
|
readonly 200: any;
|
|
2859
2869
|
readonly 300: any;
|
|
2860
2870
|
readonly 400: any;
|
|
2871
|
+
readonly 500: any;
|
|
2861
2872
|
readonly 600: any;
|
|
2862
2873
|
readonly 700: any;
|
|
2863
2874
|
readonly 800: any;
|
|
@@ -2924,6 +2935,7 @@ declare const keyframes: (style: {
|
|
|
2924
2935
|
readonly borderRightColor: "colors";
|
|
2925
2936
|
readonly borderRightStyle: "border-styles";
|
|
2926
2937
|
readonly borderRightWidth: "border-widths";
|
|
2938
|
+
readonly borderSpacing: "space-offset";
|
|
2927
2939
|
readonly borderStyle: "border-styles";
|
|
2928
2940
|
readonly borderTop: "colors";
|
|
2929
2941
|
readonly borderTopColor: "colors";
|
|
@@ -3141,6 +3153,7 @@ declare const themeMap: {
|
|
|
3141
3153
|
readonly borderRightColor: "colors";
|
|
3142
3154
|
readonly borderRightStyle: "border-styles";
|
|
3143
3155
|
readonly borderRightWidth: "border-widths";
|
|
3156
|
+
readonly borderSpacing: "space-offset";
|
|
3144
3157
|
readonly borderStyle: "border-styles";
|
|
3145
3158
|
readonly borderTop: "colors";
|
|
3146
3159
|
readonly borderTopColor: "colors";
|
|
@@ -3296,498 +3309,496 @@ interface CustomStylesProps {
|
|
|
3296
3309
|
}
|
|
3297
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> | {
|
|
3298
3311
|
[name: string]: unknown;
|
|
3299
|
-
} = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<Omit<StyledComponentProps
|
|
3300
|
-
|
|
3301
|
-
|
|
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";
|
|
3302
3318
|
};
|
|
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
|
-
|
|
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
|
-
|
|
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";
|
|
3599
3752
|
};
|
|
3600
|
-
|
|
3601
|
-
readonly
|
|
3602
|
-
readonly select: 200;
|
|
3603
|
-
readonly popover: 300;
|
|
3604
|
-
readonly tooltip: 400;
|
|
3753
|
+
paddingRight: {
|
|
3754
|
+
readonly [$$PropertyValue]: "padding";
|
|
3605
3755
|
};
|
|
3606
|
-
}
|
|
3607
|
-
|
|
3608
|
-
readonly
|
|
3609
|
-
|
|
3610
|
-
|
|
3611
|
-
readonly border: "colors";
|
|
3612
|
-
readonly borderBlock: "colors";
|
|
3613
|
-
readonly borderBlockEnd: "colors";
|
|
3614
|
-
readonly borderBlockStart: "colors";
|
|
3615
|
-
readonly borderBottom: "colors";
|
|
3616
|
-
readonly borderBottomColor: "colors";
|
|
3617
|
-
readonly borderBottomLeftRadius: "radii";
|
|
3618
|
-
readonly borderBottomRightRadius: "radii";
|
|
3619
|
-
readonly borderBottomStyle: "border-styles";
|
|
3620
|
-
readonly borderBottomWidth: "border-widths";
|
|
3621
|
-
readonly borderColor: "colors";
|
|
3622
|
-
readonly borderImage: "colors";
|
|
3623
|
-
readonly borderInline: "colors";
|
|
3624
|
-
readonly borderInlineEnd: "colors";
|
|
3625
|
-
readonly borderInlineStart: "colors";
|
|
3626
|
-
readonly borderLeft: "colors";
|
|
3627
|
-
readonly borderLeftColor: "colors";
|
|
3628
|
-
readonly borderLeftStyle: "border-styles";
|
|
3629
|
-
readonly borderLeftWidth: "border-widths";
|
|
3630
|
-
readonly borderRadius: "radii";
|
|
3631
|
-
readonly borderRight: "colors";
|
|
3632
|
-
readonly borderRightColor: "colors";
|
|
3633
|
-
readonly borderRightStyle: "border-styles";
|
|
3634
|
-
readonly borderRightWidth: "border-widths";
|
|
3635
|
-
readonly borderStyle: "border-styles";
|
|
3636
|
-
readonly borderTop: "colors";
|
|
3637
|
-
readonly borderTopColor: "colors";
|
|
3638
|
-
readonly borderTopLeftRadius: "radii";
|
|
3639
|
-
readonly borderTopRightRadius: "radii";
|
|
3640
|
-
readonly borderTopStyle: "border-styles";
|
|
3641
|
-
readonly borderTopWidth: "border-widths";
|
|
3642
|
-
readonly borderWidth: "border-widths";
|
|
3643
|
-
readonly bottom: "space";
|
|
3644
|
-
readonly boxShadow: "shadows";
|
|
3645
|
-
readonly caretColor: "colors";
|
|
3646
|
-
readonly color: "colors";
|
|
3647
|
-
readonly columnGap: "space-gap";
|
|
3648
|
-
readonly columnRuleColor: "colors";
|
|
3649
|
-
readonly fill: "colors";
|
|
3650
|
-
readonly flexBasis: "sizes";
|
|
3651
|
-
readonly fontFamily: "fonts";
|
|
3652
|
-
readonly fontSize: "font-sizes";
|
|
3653
|
-
readonly fontWeight: "font-weights";
|
|
3654
|
-
readonly gap: "space-gap";
|
|
3655
|
-
readonly gridColumnGap: "space-gap";
|
|
3656
|
-
readonly gridGap: "space-gap";
|
|
3657
|
-
readonly gridRowGap: "space-gap";
|
|
3658
|
-
readonly gridTemplateColumns: "sizes";
|
|
3659
|
-
readonly gridTemplateRows: "sizes";
|
|
3660
|
-
readonly height: "sizes";
|
|
3661
|
-
readonly inlineSize: "sizes";
|
|
3662
|
-
readonly inset: "space-inset";
|
|
3663
|
-
readonly insetBlock: "space-inset";
|
|
3664
|
-
readonly insetBlockEnd: "space-inset";
|
|
3665
|
-
readonly insetBlockStart: "space-inset";
|
|
3666
|
-
readonly insetInline: "space-inset";
|
|
3667
|
-
readonly insetInlineEnd: "space-inset";
|
|
3668
|
-
readonly insetInlineStart: "space-inset";
|
|
3669
|
-
readonly left: "space";
|
|
3670
|
-
readonly letterSpacing: "letter-spacings";
|
|
3671
|
-
readonly lineHeight: "line-heights";
|
|
3672
|
-
readonly margin: "space-offset";
|
|
3673
|
-
readonly marginBlock: "space-offset";
|
|
3674
|
-
readonly marginBlockEnd: "space-offset";
|
|
3675
|
-
readonly marginBlockStart: "space-offset";
|
|
3676
|
-
readonly marginBottom: "space-offset";
|
|
3677
|
-
readonly marginInline: "space-offset";
|
|
3678
|
-
readonly marginInlineEnd: "space-offset";
|
|
3679
|
-
readonly marginInlineStart: "space-offset";
|
|
3680
|
-
readonly marginLeft: "space-offset";
|
|
3681
|
-
readonly marginRight: "space-offset";
|
|
3682
|
-
readonly marginTop: "space-offset";
|
|
3683
|
-
readonly maxBlockSize: "sizes";
|
|
3684
|
-
readonly maxHeight: "sizes";
|
|
3685
|
-
readonly maxInlineSize: "sizes";
|
|
3686
|
-
readonly maxWidth: "sizes";
|
|
3687
|
-
readonly minBlockSize: "sizes";
|
|
3688
|
-
readonly minHeight: "sizes";
|
|
3689
|
-
readonly minInlineSize: "sizes";
|
|
3690
|
-
readonly minWidth: "sizes";
|
|
3691
|
-
readonly outline: "colors";
|
|
3692
|
-
readonly outlineColor: "colors";
|
|
3693
|
-
readonly padding: "space-inset";
|
|
3694
|
-
readonly paddingBlock: "space-inset";
|
|
3695
|
-
readonly paddingBlockEnd: "space-inset";
|
|
3696
|
-
readonly paddingBlockStart: "space-inset";
|
|
3697
|
-
readonly paddingBottom: "space-inset";
|
|
3698
|
-
readonly paddingInline: "space-inset";
|
|
3699
|
-
readonly paddingInlineEnd: "space-inset";
|
|
3700
|
-
readonly paddingInlineStart: "space-inset";
|
|
3701
|
-
readonly paddingLeft: "space-inset";
|
|
3702
|
-
readonly paddingRight: "space-inset";
|
|
3703
|
-
readonly paddingTop: "space-inset";
|
|
3704
|
-
readonly right: "space";
|
|
3705
|
-
readonly rowGap: "space-gap";
|
|
3706
|
-
readonly scrollMargin: "space-offset";
|
|
3707
|
-
readonly scrollMarginBlock: "space-offset";
|
|
3708
|
-
readonly scrollMarginBlockEnd: "space-offset";
|
|
3709
|
-
readonly scrollMarginBlockStart: "space-offset";
|
|
3710
|
-
readonly scrollMarginBottom: "space-offset";
|
|
3711
|
-
readonly scrollMarginInline: "space-offset";
|
|
3712
|
-
readonly scrollMarginInlineEnd: "space-offset";
|
|
3713
|
-
readonly scrollMarginInlineStart: "space-offset";
|
|
3714
|
-
readonly scrollMarginLeft: "space-offset";
|
|
3715
|
-
readonly scrollMarginRight: "space-offset";
|
|
3716
|
-
readonly scrollMarginTop: "space-offset";
|
|
3717
|
-
readonly scrollPadding: "space-inset";
|
|
3718
|
-
readonly scrollPaddingBlock: "space-inset";
|
|
3719
|
-
readonly scrollPaddingBlockEnd: "space-inset";
|
|
3720
|
-
readonly scrollPaddingBlockStart: "space-inset";
|
|
3721
|
-
readonly scrollPaddingBottom: "space-inset";
|
|
3722
|
-
readonly scrollPaddingInline: "space-inset";
|
|
3723
|
-
readonly scrollPaddingInlineEnd: "space-inset";
|
|
3724
|
-
readonly scrollPaddingInlineStart: "space-inset";
|
|
3725
|
-
readonly scrollPaddingLeft: "space-inset";
|
|
3726
|
-
readonly scrollPaddingRight: "space-inset";
|
|
3727
|
-
readonly scrollPaddingTop: "space-inset";
|
|
3728
|
-
readonly stroke: "colors";
|
|
3729
|
-
readonly strokeWidth: "stroke-width";
|
|
3730
|
-
readonly textDecorationColor: "colors";
|
|
3731
|
-
readonly textShadow: "shadows";
|
|
3732
|
-
readonly top: "space";
|
|
3733
|
-
readonly transition: "transitions";
|
|
3734
|
-
readonly width: "sizes";
|
|
3735
|
-
readonly zIndex: "z-indices";
|
|
3736
|
-
}, {
|
|
3737
|
-
paddingX: (value: {
|
|
3756
|
+
};
|
|
3757
|
+
paddingY: (value: {
|
|
3758
|
+
readonly [$$PropertyValue]: "padding";
|
|
3759
|
+
}) => {
|
|
3760
|
+
paddingTop: {
|
|
3738
3761
|
readonly [$$PropertyValue]: "padding";
|
|
3739
|
-
}) => {
|
|
3740
|
-
paddingLeft: {
|
|
3741
|
-
readonly [$$PropertyValue]: "padding";
|
|
3742
|
-
};
|
|
3743
|
-
paddingRight: {
|
|
3744
|
-
readonly [$$PropertyValue]: "padding";
|
|
3745
|
-
};
|
|
3746
3762
|
};
|
|
3747
|
-
|
|
3763
|
+
paddingBottom: {
|
|
3748
3764
|
readonly [$$PropertyValue]: "padding";
|
|
3749
|
-
}) => {
|
|
3750
|
-
paddingTop: {
|
|
3751
|
-
readonly [$$PropertyValue]: "padding";
|
|
3752
|
-
};
|
|
3753
|
-
paddingBottom: {
|
|
3754
|
-
readonly [$$PropertyValue]: "padding";
|
|
3755
|
-
};
|
|
3756
3765
|
};
|
|
3757
|
-
|
|
3766
|
+
};
|
|
3767
|
+
marginX: (value: {
|
|
3768
|
+
readonly [$$PropertyValue]: "margin";
|
|
3769
|
+
}) => {
|
|
3770
|
+
marginLeft: {
|
|
3758
3771
|
readonly [$$PropertyValue]: "margin";
|
|
3759
|
-
}) => {
|
|
3760
|
-
marginLeft: {
|
|
3761
|
-
readonly [$$PropertyValue]: "margin";
|
|
3762
|
-
};
|
|
3763
|
-
marginRight: {
|
|
3764
|
-
readonly [$$PropertyValue]: "margin";
|
|
3765
|
-
};
|
|
3766
3772
|
};
|
|
3767
|
-
|
|
3773
|
+
marginRight: {
|
|
3768
3774
|
readonly [$$PropertyValue]: "margin";
|
|
3769
|
-
}) => {
|
|
3770
|
-
marginTop: {
|
|
3771
|
-
readonly [$$PropertyValue]: "margin";
|
|
3772
|
-
};
|
|
3773
|
-
marginBottom: {
|
|
3774
|
-
readonly [$$PropertyValue]: "margin";
|
|
3775
|
-
};
|
|
3776
3775
|
};
|
|
3777
|
-
|
|
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: {
|
|
3778
3794
|
readonly [$$PropertyValue]: "width";
|
|
3779
|
-
}) => {
|
|
3780
|
-
width: {
|
|
3781
|
-
readonly [$$PropertyValue]: "width";
|
|
3782
|
-
};
|
|
3783
|
-
height: {
|
|
3784
|
-
readonly [$$PropertyValue]: "width";
|
|
3785
|
-
};
|
|
3786
3795
|
};
|
|
3787
|
-
}
|
|
3788
|
-
}
|
|
3789
|
-
|
|
3790
|
-
|
|
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<{}, {
|
|
3791
3802
|
'border-widths': {
|
|
3792
3803
|
readonly none: 0;
|
|
3793
3804
|
readonly sm: "1px";
|
|
@@ -4052,6 +4063,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
4052
4063
|
readonly 200: any;
|
|
4053
4064
|
readonly 300: any;
|
|
4054
4065
|
readonly 400: any;
|
|
4066
|
+
readonly 500: any;
|
|
4055
4067
|
readonly 600: any;
|
|
4056
4068
|
readonly 700: any;
|
|
4057
4069
|
readonly 800: any;
|
|
@@ -4118,6 +4130,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
4118
4130
|
readonly borderRightColor: "colors";
|
|
4119
4131
|
readonly borderRightStyle: "border-styles";
|
|
4120
4132
|
readonly borderRightWidth: "border-widths";
|
|
4133
|
+
readonly borderSpacing: "space-offset";
|
|
4121
4134
|
readonly borderStyle: "border-styles";
|
|
4122
4135
|
readonly borderTop: "colors";
|
|
4123
4136
|
readonly borderTopColor: "colors";
|