@mirohq/design-system-stitches 2.3.14 → 2.3.15-input.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 +493 -479
- 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';
|
|
@@ -241,6 +241,7 @@ declare const config: {
|
|
|
241
241
|
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";
|
|
242
242
|
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";
|
|
243
243
|
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";
|
|
244
|
+
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";
|
|
244
245
|
};
|
|
245
246
|
sizes: {
|
|
246
247
|
readonly number: string;
|
|
@@ -279,6 +280,7 @@ declare const config: {
|
|
|
279
280
|
readonly 200: any;
|
|
280
281
|
readonly 300: any;
|
|
281
282
|
readonly 400: any;
|
|
283
|
+
readonly 500: any;
|
|
282
284
|
readonly 600: any;
|
|
283
285
|
readonly 700: any;
|
|
284
286
|
readonly 800: any;
|
|
@@ -727,6 +729,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
727
729
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
728
730
|
readonly 'focus-controls'?: string | number | boolean | undefined;
|
|
729
731
|
readonly 'focus-controls-error'?: string | number | boolean | undefined;
|
|
732
|
+
readonly 'focus-controls-success'?: string | number | boolean | undefined;
|
|
730
733
|
} | undefined;
|
|
731
734
|
sizes?: {
|
|
732
735
|
readonly number?: string | number | boolean | undefined;
|
|
@@ -765,6 +768,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
765
768
|
readonly 200?: string | number | boolean | undefined;
|
|
766
769
|
readonly 300?: string | number | boolean | undefined;
|
|
767
770
|
readonly 400?: string | number | boolean | undefined;
|
|
771
|
+
readonly 500?: string | number | boolean | undefined;
|
|
768
772
|
readonly 600?: string | number | boolean | undefined;
|
|
769
773
|
readonly 700?: string | number | boolean | undefined;
|
|
770
774
|
readonly 800?: string | number | boolean | undefined;
|
|
@@ -1033,6 +1037,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1033
1037
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
1034
1038
|
readonly 'focus-controls'?: string | number | boolean | undefined;
|
|
1035
1039
|
readonly 'focus-controls-error'?: string | number | boolean | undefined;
|
|
1040
|
+
readonly 'focus-controls-success'?: string | number | boolean | undefined;
|
|
1036
1041
|
} | undefined;
|
|
1037
1042
|
sizes?: {
|
|
1038
1043
|
readonly number?: string | number | boolean | undefined;
|
|
@@ -1071,6 +1076,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1071
1076
|
readonly 200?: string | number | boolean | undefined;
|
|
1072
1077
|
readonly 300?: string | number | boolean | undefined;
|
|
1073
1078
|
readonly 400?: string | number | boolean | undefined;
|
|
1079
|
+
readonly 500?: string | number | boolean | undefined;
|
|
1074
1080
|
readonly 600?: string | number | boolean | undefined;
|
|
1075
1081
|
readonly 700?: string | number | boolean | undefined;
|
|
1076
1082
|
readonly 800?: string | number | boolean | undefined;
|
|
@@ -1345,6 +1351,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1345
1351
|
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";
|
|
1346
1352
|
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";
|
|
1347
1353
|
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";
|
|
1354
|
+
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";
|
|
1348
1355
|
};
|
|
1349
1356
|
sizes: {
|
|
1350
1357
|
readonly number: string;
|
|
@@ -1383,6 +1390,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1383
1390
|
readonly 200: any;
|
|
1384
1391
|
readonly 300: any;
|
|
1385
1392
|
readonly 400: any;
|
|
1393
|
+
readonly 500: any;
|
|
1386
1394
|
readonly 600: any;
|
|
1387
1395
|
readonly 700: any;
|
|
1388
1396
|
readonly 800: any;
|
|
@@ -1846,6 +1854,7 @@ declare const globalCss: <Styles extends {
|
|
|
1846
1854
|
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";
|
|
1847
1855
|
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";
|
|
1848
1856
|
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";
|
|
1857
|
+
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";
|
|
1849
1858
|
};
|
|
1850
1859
|
sizes: {
|
|
1851
1860
|
readonly number: string;
|
|
@@ -1884,6 +1893,7 @@ declare const globalCss: <Styles extends {
|
|
|
1884
1893
|
readonly 200: any;
|
|
1885
1894
|
readonly 300: any;
|
|
1886
1895
|
readonly 400: any;
|
|
1896
|
+
readonly 500: any;
|
|
1887
1897
|
readonly 600: any;
|
|
1888
1898
|
readonly 700: any;
|
|
1889
1899
|
readonly 800: any;
|
|
@@ -2329,6 +2339,7 @@ declare const globalCss: <Styles extends {
|
|
|
2329
2339
|
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";
|
|
2330
2340
|
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";
|
|
2331
2341
|
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";
|
|
2342
|
+
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";
|
|
2332
2343
|
};
|
|
2333
2344
|
sizes: {
|
|
2334
2345
|
readonly number: string;
|
|
@@ -2367,6 +2378,7 @@ declare const globalCss: <Styles extends {
|
|
|
2367
2378
|
readonly 200: any;
|
|
2368
2379
|
readonly 300: any;
|
|
2369
2380
|
readonly 400: any;
|
|
2381
|
+
readonly 500: any;
|
|
2370
2382
|
readonly 600: any;
|
|
2371
2383
|
readonly 700: any;
|
|
2372
2384
|
readonly 800: any;
|
|
@@ -2813,6 +2825,7 @@ declare const keyframes: (style: {
|
|
|
2813
2825
|
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";
|
|
2814
2826
|
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";
|
|
2815
2827
|
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";
|
|
2828
|
+
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";
|
|
2816
2829
|
};
|
|
2817
2830
|
sizes: {
|
|
2818
2831
|
readonly number: string;
|
|
@@ -2851,6 +2864,7 @@ declare const keyframes: (style: {
|
|
|
2851
2864
|
readonly 200: any;
|
|
2852
2865
|
readonly 300: any;
|
|
2853
2866
|
readonly 400: any;
|
|
2867
|
+
readonly 500: any;
|
|
2854
2868
|
readonly 600: any;
|
|
2855
2869
|
readonly 700: any;
|
|
2856
2870
|
readonly 800: any;
|
|
@@ -3289,497 +3303,495 @@ interface CustomStylesProps {
|
|
|
3289
3303
|
}
|
|
3290
3304
|
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> | {
|
|
3291
3305
|
[name: string]: unknown;
|
|
3292
|
-
} = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<Omit<StyledComponentProps
|
|
3293
|
-
|
|
3294
|
-
|
|
3306
|
+
} = {}>(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<{}, {
|
|
3307
|
+
'border-widths': {
|
|
3308
|
+
readonly none: 0;
|
|
3309
|
+
readonly sm: "1px";
|
|
3310
|
+
readonly md: "2px";
|
|
3311
|
+
readonly lg: "4px";
|
|
3295
3312
|
};
|
|
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
|
-
|
|
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
|
-
|
|
3313
|
+
colors: {
|
|
3314
|
+
readonly black: any;
|
|
3315
|
+
readonly 'blue-100': any;
|
|
3316
|
+
readonly 'blue-200': any;
|
|
3317
|
+
readonly 'blue-300': any;
|
|
3318
|
+
readonly 'blue-400': any;
|
|
3319
|
+
readonly 'blue-500': any;
|
|
3320
|
+
readonly 'blue-600': any;
|
|
3321
|
+
readonly 'blue-700': any;
|
|
3322
|
+
readonly 'blue-800': any;
|
|
3323
|
+
readonly 'blue-900': any;
|
|
3324
|
+
readonly 'blue-1000': any;
|
|
3325
|
+
readonly 'gray-100': any;
|
|
3326
|
+
readonly 'gray-200': any;
|
|
3327
|
+
readonly 'gray-300': any;
|
|
3328
|
+
readonly 'gray-400': any;
|
|
3329
|
+
readonly 'gray-500': any;
|
|
3330
|
+
readonly 'gray-600': any;
|
|
3331
|
+
readonly 'gray-700': any;
|
|
3332
|
+
readonly 'gray-800': any;
|
|
3333
|
+
readonly 'gray-900': any;
|
|
3334
|
+
readonly 'green-100': any;
|
|
3335
|
+
readonly 'green-200': any;
|
|
3336
|
+
readonly 'green-300': any;
|
|
3337
|
+
readonly 'green-400': any;
|
|
3338
|
+
readonly 'green-500': any;
|
|
3339
|
+
readonly 'green-600': any;
|
|
3340
|
+
readonly 'green-700': any;
|
|
3341
|
+
readonly 'green-800': any;
|
|
3342
|
+
readonly 'green-900': any;
|
|
3343
|
+
readonly 'indigo-100': any;
|
|
3344
|
+
readonly 'indigo-200': any;
|
|
3345
|
+
readonly 'indigo-300': any;
|
|
3346
|
+
readonly 'indigo-400': any;
|
|
3347
|
+
readonly 'indigo-500': any;
|
|
3348
|
+
readonly 'indigo-600': any;
|
|
3349
|
+
readonly 'indigo-700': any;
|
|
3350
|
+
readonly 'indigo-800': any;
|
|
3351
|
+
readonly 'indigo-900': any;
|
|
3352
|
+
readonly 'red-100': any;
|
|
3353
|
+
readonly 'red-200': any;
|
|
3354
|
+
readonly 'red-300': any;
|
|
3355
|
+
readonly 'red-400': any;
|
|
3356
|
+
readonly 'red-500': any;
|
|
3357
|
+
readonly 'red-600': any;
|
|
3358
|
+
readonly 'red-700': any;
|
|
3359
|
+
readonly 'red-800': any;
|
|
3360
|
+
readonly 'red-900': any;
|
|
3361
|
+
readonly transparent: any;
|
|
3362
|
+
readonly white: any;
|
|
3363
|
+
readonly 'yellow-100': any;
|
|
3364
|
+
readonly 'yellow-200': any;
|
|
3365
|
+
readonly 'yellow-300': any;
|
|
3366
|
+
readonly 'yellow-400': any;
|
|
3367
|
+
readonly 'yellow-500': any;
|
|
3368
|
+
readonly 'yellow-600': any;
|
|
3369
|
+
readonly 'yellow-700': any;
|
|
3370
|
+
readonly 'yellow-800': any;
|
|
3371
|
+
readonly 'yellow-900': any;
|
|
3372
|
+
"background-alpha-active"?: any;
|
|
3373
|
+
"background-alpha-hover"?: any;
|
|
3374
|
+
"background-danger-prominent"?: any;
|
|
3375
|
+
"background-danger-prominent-active"?: any;
|
|
3376
|
+
"background-danger-prominent-hover"?: any;
|
|
3377
|
+
"background-danger-subtle"?: any;
|
|
3378
|
+
"background-danger-subtle-active"?: any;
|
|
3379
|
+
"background-danger-subtle-hover"?: any;
|
|
3380
|
+
"background-neutrals"?: any;
|
|
3381
|
+
"background-neutrals-active"?: any;
|
|
3382
|
+
"background-neutrals-container"?: any;
|
|
3383
|
+
"background-neutrals-controls-disabled"?: any;
|
|
3384
|
+
"background-neutrals-disabled"?: any;
|
|
3385
|
+
"background-neutrals-hover"?: any;
|
|
3386
|
+
"background-neutrals-inactive"?: any;
|
|
3387
|
+
"background-neutrals-inactive-hover"?: any;
|
|
3388
|
+
"background-neutrals-inverted"?: any;
|
|
3389
|
+
"background-neutrals-inverted-subtle"?: any;
|
|
3390
|
+
"background-neutrals-page"?: any;
|
|
3391
|
+
"background-neutrals-page-subtle"?: any;
|
|
3392
|
+
"background-neutrals-scrolls"?: any;
|
|
3393
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
3394
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
3395
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
3396
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
3397
|
+
"background-neutrals-subtle"?: any;
|
|
3398
|
+
"background-neutrals-subtle-active"?: any;
|
|
3399
|
+
"background-neutrals-subtle-hover"?: any;
|
|
3400
|
+
"background-primary-prominent"?: any;
|
|
3401
|
+
"background-primary-prominent-active"?: any;
|
|
3402
|
+
"background-primary-prominent-expanded"?: any;
|
|
3403
|
+
"background-primary-prominent-hover"?: any;
|
|
3404
|
+
"background-primary-prominent-pressed"?: any;
|
|
3405
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
3406
|
+
"background-primary-prominent-selected"?: any;
|
|
3407
|
+
"background-primary-subtle"?: any;
|
|
3408
|
+
"background-primary-subtle-active"?: any;
|
|
3409
|
+
"background-primary-subtle-expanded"?: any;
|
|
3410
|
+
"background-primary-subtle-hover"?: any;
|
|
3411
|
+
"background-primary-subtle-pressed"?: any;
|
|
3412
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
3413
|
+
"background-primary-subtle-selected"?: any;
|
|
3414
|
+
"background-success"?: any;
|
|
3415
|
+
"background-success-prominent"?: any;
|
|
3416
|
+
"background-success-prominent-active"?: any;
|
|
3417
|
+
"background-success-prominent-hover"?: any;
|
|
3418
|
+
"background-warning-prominent"?: any;
|
|
3419
|
+
"background-warning-subtle"?: any;
|
|
3420
|
+
"border-danger"?: any;
|
|
3421
|
+
"border-danger-active"?: any;
|
|
3422
|
+
"border-danger-hover"?: any;
|
|
3423
|
+
"border-focus-inner"?: any;
|
|
3424
|
+
"border-focus-middle"?: any;
|
|
3425
|
+
"border-focus-outer"?: any;
|
|
3426
|
+
"border-neutrals"?: any;
|
|
3427
|
+
"border-neutrals-active"?: any;
|
|
3428
|
+
"border-neutrals-controls"?: any;
|
|
3429
|
+
"border-neutrals-controls-disabled"?: any;
|
|
3430
|
+
"border-neutrals-disabled"?: any;
|
|
3431
|
+
"border-neutrals-hover"?: any;
|
|
3432
|
+
"border-neutrals-inverted"?: any;
|
|
3433
|
+
"border-neutrals-subtle"?: any;
|
|
3434
|
+
"border-neutrals-text"?: any;
|
|
3435
|
+
"border-neutrals-text-active"?: any;
|
|
3436
|
+
"border-neutrals-text-hover"?: any;
|
|
3437
|
+
"border-neutrals-text-subtle"?: any;
|
|
3438
|
+
"border-neutrals-text-subtle-active"?: any;
|
|
3439
|
+
"border-neutrals-text-subtle-hover"?: any;
|
|
3440
|
+
"border-neutrals-transparent"?: any;
|
|
3441
|
+
"border-primary"?: any;
|
|
3442
|
+
"border-primary-active"?: any;
|
|
3443
|
+
"border-primary-hover"?: any;
|
|
3444
|
+
"border-primary-inverted"?: any;
|
|
3445
|
+
"border-success"?: any;
|
|
3446
|
+
"border-success-active"?: any;
|
|
3447
|
+
"border-success-hover"?: any;
|
|
3448
|
+
"border-warning"?: any;
|
|
3449
|
+
"icon-danger"?: any;
|
|
3450
|
+
"icon-danger-active"?: any;
|
|
3451
|
+
"icon-danger-hover"?: any;
|
|
3452
|
+
"icon-danger-inverted"?: any;
|
|
3453
|
+
"icon-neutrals"?: any;
|
|
3454
|
+
"icon-neutrals-disabled"?: any;
|
|
3455
|
+
"icon-neutrals-inactive"?: any;
|
|
3456
|
+
"icon-neutrals-inactive-hover"?: any;
|
|
3457
|
+
"icon-neutrals-inverted"?: any;
|
|
3458
|
+
"icon-neutrals-search"?: any;
|
|
3459
|
+
"icon-neutrals-subtle"?: any;
|
|
3460
|
+
"icon-neutrals-text"?: any;
|
|
3461
|
+
"icon-primary"?: any;
|
|
3462
|
+
"icon-primary-active"?: any;
|
|
3463
|
+
"icon-primary-hover"?: any;
|
|
3464
|
+
"icon-primary-inverted"?: any;
|
|
3465
|
+
"icon-primary-selected"?: any;
|
|
3466
|
+
"icon-success"?: any;
|
|
3467
|
+
"icon-success-active"?: any;
|
|
3468
|
+
"icon-success-hover"?: any;
|
|
3469
|
+
"icon-success-inverted"?: any;
|
|
3470
|
+
"icon-warning"?: any;
|
|
3471
|
+
"icon-warning-prominent"?: any;
|
|
3472
|
+
"icon-warning-subtle"?: any;
|
|
3473
|
+
"text-danger"?: any;
|
|
3474
|
+
"text-danger-active"?: any;
|
|
3475
|
+
"text-danger-hover"?: any;
|
|
3476
|
+
"text-danger-inverted"?: any;
|
|
3477
|
+
"text-neutrals"?: any;
|
|
3478
|
+
"text-neutrals-active"?: any;
|
|
3479
|
+
"text-neutrals-disabled"?: any;
|
|
3480
|
+
"text-neutrals-hover"?: any;
|
|
3481
|
+
"text-neutrals-inverted"?: any;
|
|
3482
|
+
"text-neutrals-placeholder"?: any;
|
|
3483
|
+
"text-neutrals-placeholder-only"?: any;
|
|
3484
|
+
"text-neutrals-subtle"?: any;
|
|
3485
|
+
"text-neutrals-subtle-active"?: any;
|
|
3486
|
+
"text-neutrals-subtle-hover"?: any;
|
|
3487
|
+
"text-primary"?: any;
|
|
3488
|
+
"text-primary-active"?: any;
|
|
3489
|
+
"text-primary-hover"?: any;
|
|
3490
|
+
"text-primary-inverted"?: any;
|
|
3491
|
+
"text-primary-inverted-subtle"?: any;
|
|
3492
|
+
"text-primary-selected"?: any;
|
|
3493
|
+
"text-success"?: any;
|
|
3494
|
+
"text-success-active"?: any;
|
|
3495
|
+
"text-success-hover"?: any;
|
|
3496
|
+
"text-success-inverted"?: any;
|
|
3497
|
+
"text-warning"?: any;
|
|
3498
|
+
"text-warning-subtle"?: any;
|
|
3499
|
+
};
|
|
3500
|
+
'font-sizes': {
|
|
3501
|
+
readonly 150: "0.75rem";
|
|
3502
|
+
readonly 175: "0.875rem";
|
|
3503
|
+
readonly 200: "1rem";
|
|
3504
|
+
readonly 225: "1.125rem";
|
|
3505
|
+
readonly 250: "1.25rem";
|
|
3506
|
+
readonly 300: "1.5rem";
|
|
3507
|
+
readonly 400: "2rem";
|
|
3508
|
+
readonly 500: "2.5rem";
|
|
3509
|
+
readonly 600: "3rem";
|
|
3510
|
+
readonly 800: "4rem";
|
|
3511
|
+
readonly 900: "4.5rem";
|
|
3512
|
+
};
|
|
3513
|
+
fonts: {
|
|
3514
|
+
readonly heading: "Roobert, sans-serif";
|
|
3515
|
+
readonly body: "Open Sans, sans-serif";
|
|
3516
|
+
};
|
|
3517
|
+
radii: {
|
|
3518
|
+
readonly none: 0;
|
|
3519
|
+
readonly half: "999em";
|
|
3520
|
+
readonly 25: "2px";
|
|
3521
|
+
readonly 50: "4px";
|
|
3522
|
+
readonly 75: "6px";
|
|
3523
|
+
readonly 100: "8px";
|
|
3524
|
+
readonly 200: "16px";
|
|
3525
|
+
};
|
|
3526
|
+
shadows: {
|
|
3527
|
+
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";
|
|
3528
|
+
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";
|
|
3529
|
+
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";
|
|
3530
|
+
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";
|
|
3531
|
+
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";
|
|
3532
|
+
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";
|
|
3533
|
+
};
|
|
3534
|
+
sizes: {
|
|
3535
|
+
readonly number: string;
|
|
3536
|
+
readonly 'icon-200': "16px";
|
|
3537
|
+
readonly 'icon-300': "24px";
|
|
3538
|
+
readonly 'icon-400': "32px";
|
|
3539
|
+
};
|
|
3540
|
+
space: {
|
|
3541
|
+
readonly 0: "0px";
|
|
3542
|
+
readonly 25: "2px";
|
|
3543
|
+
readonly 50: "4px";
|
|
3544
|
+
readonly 100: "8px";
|
|
3545
|
+
readonly 150: "12px";
|
|
3546
|
+
readonly 200: "16px";
|
|
3547
|
+
readonly 300: "24px";
|
|
3548
|
+
readonly 400: "32px";
|
|
3549
|
+
readonly 500: "40px";
|
|
3550
|
+
readonly 600: "48px";
|
|
3551
|
+
readonly 700: "56px";
|
|
3552
|
+
readonly 800: "64px";
|
|
3553
|
+
readonly 1200: "96px";
|
|
3554
|
+
readonly 1600: "128px";
|
|
3555
|
+
};
|
|
3556
|
+
'space-gap': {
|
|
3557
|
+
readonly 0: any;
|
|
3558
|
+
readonly 50: any;
|
|
3559
|
+
readonly 100: any;
|
|
3560
|
+
readonly 200: any;
|
|
3561
|
+
readonly 300: any;
|
|
3562
|
+
};
|
|
3563
|
+
'space-inset': {
|
|
3564
|
+
readonly 0: any;
|
|
3565
|
+
readonly 50: any;
|
|
3566
|
+
readonly 100: any;
|
|
3567
|
+
readonly 150: any;
|
|
3568
|
+
readonly 200: any;
|
|
3569
|
+
readonly 300: any;
|
|
3570
|
+
readonly 400: any;
|
|
3571
|
+
readonly 500: any;
|
|
3572
|
+
readonly 600: any;
|
|
3573
|
+
readonly 700: any;
|
|
3574
|
+
readonly 800: any;
|
|
3575
|
+
readonly 1200: any;
|
|
3576
|
+
readonly 1600: any;
|
|
3577
|
+
};
|
|
3578
|
+
'space-offset': {
|
|
3579
|
+
readonly 0: any;
|
|
3580
|
+
readonly 50: any;
|
|
3581
|
+
readonly 100: any;
|
|
3582
|
+
readonly 150: any;
|
|
3583
|
+
readonly 200: any;
|
|
3584
|
+
readonly 300: any;
|
|
3585
|
+
readonly 400: any;
|
|
3586
|
+
readonly 600: any;
|
|
3587
|
+
readonly 800: any;
|
|
3588
|
+
readonly 1200: any;
|
|
3589
|
+
readonly 1600: any;
|
|
3590
|
+
readonly 'stacking-0': any;
|
|
3591
|
+
readonly 'stacking-100': any;
|
|
3592
|
+
readonly 'stacking-200': any;
|
|
3593
|
+
readonly 'stacking-300': any;
|
|
3594
|
+
readonly 'stacking-400': any;
|
|
3595
|
+
readonly 'stacking-500': any;
|
|
3596
|
+
readonly 'stacking-800': any;
|
|
3597
|
+
};
|
|
3598
|
+
'stroke-width': {
|
|
3599
|
+
readonly thin: "1.5px";
|
|
3600
|
+
readonly normal: "2px";
|
|
3601
|
+
readonly bold: "4px";
|
|
3602
|
+
};
|
|
3603
|
+
'z-indices': {
|
|
3604
|
+
readonly dropdownMenu: 100;
|
|
3605
|
+
readonly select: 200;
|
|
3606
|
+
readonly popover: 300;
|
|
3607
|
+
readonly tooltip: 400;
|
|
3608
|
+
};
|
|
3609
|
+
}, {
|
|
3610
|
+
readonly background: "colors";
|
|
3611
|
+
readonly backgroundColor: "colors";
|
|
3612
|
+
readonly backgroundImage: "colors";
|
|
3613
|
+
readonly blockSize: "sizes";
|
|
3614
|
+
readonly border: "colors";
|
|
3615
|
+
readonly borderBlock: "colors";
|
|
3616
|
+
readonly borderBlockEnd: "colors";
|
|
3617
|
+
readonly borderBlockStart: "colors";
|
|
3618
|
+
readonly borderBottom: "colors";
|
|
3619
|
+
readonly borderBottomColor: "colors";
|
|
3620
|
+
readonly borderBottomLeftRadius: "radii";
|
|
3621
|
+
readonly borderBottomRightRadius: "radii";
|
|
3622
|
+
readonly borderBottomStyle: "border-styles";
|
|
3623
|
+
readonly borderBottomWidth: "border-widths";
|
|
3624
|
+
readonly borderColor: "colors";
|
|
3625
|
+
readonly borderImage: "colors";
|
|
3626
|
+
readonly borderInline: "colors";
|
|
3627
|
+
readonly borderInlineEnd: "colors";
|
|
3628
|
+
readonly borderInlineStart: "colors";
|
|
3629
|
+
readonly borderLeft: "colors";
|
|
3630
|
+
readonly borderLeftColor: "colors";
|
|
3631
|
+
readonly borderLeftStyle: "border-styles";
|
|
3632
|
+
readonly borderLeftWidth: "border-widths";
|
|
3633
|
+
readonly borderRadius: "radii";
|
|
3634
|
+
readonly borderRight: "colors";
|
|
3635
|
+
readonly borderRightColor: "colors";
|
|
3636
|
+
readonly borderRightStyle: "border-styles";
|
|
3637
|
+
readonly borderRightWidth: "border-widths";
|
|
3638
|
+
readonly borderStyle: "border-styles";
|
|
3639
|
+
readonly borderTop: "colors";
|
|
3640
|
+
readonly borderTopColor: "colors";
|
|
3641
|
+
readonly borderTopLeftRadius: "radii";
|
|
3642
|
+
readonly borderTopRightRadius: "radii";
|
|
3643
|
+
readonly borderTopStyle: "border-styles";
|
|
3644
|
+
readonly borderTopWidth: "border-widths";
|
|
3645
|
+
readonly borderWidth: "border-widths";
|
|
3646
|
+
readonly bottom: "space";
|
|
3647
|
+
readonly boxShadow: "shadows";
|
|
3648
|
+
readonly caretColor: "colors";
|
|
3649
|
+
readonly color: "colors";
|
|
3650
|
+
readonly columnGap: "space-gap";
|
|
3651
|
+
readonly columnRuleColor: "colors";
|
|
3652
|
+
readonly fill: "colors";
|
|
3653
|
+
readonly flexBasis: "sizes";
|
|
3654
|
+
readonly fontFamily: "fonts";
|
|
3655
|
+
readonly fontSize: "font-sizes";
|
|
3656
|
+
readonly fontWeight: "font-weights";
|
|
3657
|
+
readonly gap: "space-gap";
|
|
3658
|
+
readonly gridColumnGap: "space-gap";
|
|
3659
|
+
readonly gridGap: "space-gap";
|
|
3660
|
+
readonly gridRowGap: "space-gap";
|
|
3661
|
+
readonly gridTemplateColumns: "sizes";
|
|
3662
|
+
readonly gridTemplateRows: "sizes";
|
|
3663
|
+
readonly height: "sizes";
|
|
3664
|
+
readonly inlineSize: "sizes";
|
|
3665
|
+
readonly inset: "space-inset";
|
|
3666
|
+
readonly insetBlock: "space-inset";
|
|
3667
|
+
readonly insetBlockEnd: "space-inset";
|
|
3668
|
+
readonly insetBlockStart: "space-inset";
|
|
3669
|
+
readonly insetInline: "space-inset";
|
|
3670
|
+
readonly insetInlineEnd: "space-inset";
|
|
3671
|
+
readonly insetInlineStart: "space-inset";
|
|
3672
|
+
readonly left: "space";
|
|
3673
|
+
readonly letterSpacing: "letter-spacings";
|
|
3674
|
+
readonly lineHeight: "line-heights";
|
|
3675
|
+
readonly margin: "space-offset";
|
|
3676
|
+
readonly marginBlock: "space-offset";
|
|
3677
|
+
readonly marginBlockEnd: "space-offset";
|
|
3678
|
+
readonly marginBlockStart: "space-offset";
|
|
3679
|
+
readonly marginBottom: "space-offset";
|
|
3680
|
+
readonly marginInline: "space-offset";
|
|
3681
|
+
readonly marginInlineEnd: "space-offset";
|
|
3682
|
+
readonly marginInlineStart: "space-offset";
|
|
3683
|
+
readonly marginLeft: "space-offset";
|
|
3684
|
+
readonly marginRight: "space-offset";
|
|
3685
|
+
readonly marginTop: "space-offset";
|
|
3686
|
+
readonly maxBlockSize: "sizes";
|
|
3687
|
+
readonly maxHeight: "sizes";
|
|
3688
|
+
readonly maxInlineSize: "sizes";
|
|
3689
|
+
readonly maxWidth: "sizes";
|
|
3690
|
+
readonly minBlockSize: "sizes";
|
|
3691
|
+
readonly minHeight: "sizes";
|
|
3692
|
+
readonly minInlineSize: "sizes";
|
|
3693
|
+
readonly minWidth: "sizes";
|
|
3694
|
+
readonly outline: "colors";
|
|
3695
|
+
readonly outlineColor: "colors";
|
|
3696
|
+
readonly padding: "space-inset";
|
|
3697
|
+
readonly paddingBlock: "space-inset";
|
|
3698
|
+
readonly paddingBlockEnd: "space-inset";
|
|
3699
|
+
readonly paddingBlockStart: "space-inset";
|
|
3700
|
+
readonly paddingBottom: "space-inset";
|
|
3701
|
+
readonly paddingInline: "space-inset";
|
|
3702
|
+
readonly paddingInlineEnd: "space-inset";
|
|
3703
|
+
readonly paddingInlineStart: "space-inset";
|
|
3704
|
+
readonly paddingLeft: "space-inset";
|
|
3705
|
+
readonly paddingRight: "space-inset";
|
|
3706
|
+
readonly paddingTop: "space-inset";
|
|
3707
|
+
readonly right: "space";
|
|
3708
|
+
readonly rowGap: "space-gap";
|
|
3709
|
+
readonly scrollMargin: "space-offset";
|
|
3710
|
+
readonly scrollMarginBlock: "space-offset";
|
|
3711
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
3712
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
3713
|
+
readonly scrollMarginBottom: "space-offset";
|
|
3714
|
+
readonly scrollMarginInline: "space-offset";
|
|
3715
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
3716
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
3717
|
+
readonly scrollMarginLeft: "space-offset";
|
|
3718
|
+
readonly scrollMarginRight: "space-offset";
|
|
3719
|
+
readonly scrollMarginTop: "space-offset";
|
|
3720
|
+
readonly scrollPadding: "space-inset";
|
|
3721
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
3722
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
3723
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
3724
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
3725
|
+
readonly scrollPaddingInline: "space-inset";
|
|
3726
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
3727
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
3728
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
3729
|
+
readonly scrollPaddingRight: "space-inset";
|
|
3730
|
+
readonly scrollPaddingTop: "space-inset";
|
|
3731
|
+
readonly stroke: "colors";
|
|
3732
|
+
readonly strokeWidth: "stroke-width";
|
|
3733
|
+
readonly textDecorationColor: "colors";
|
|
3734
|
+
readonly textShadow: "shadows";
|
|
3735
|
+
readonly top: "space";
|
|
3736
|
+
readonly transition: "transitions";
|
|
3737
|
+
readonly width: "sizes";
|
|
3738
|
+
readonly zIndex: "z-indices";
|
|
3739
|
+
}, {
|
|
3740
|
+
paddingX: (value: {
|
|
3741
|
+
readonly [$$PropertyValue]: "padding";
|
|
3742
|
+
}) => {
|
|
3743
|
+
paddingLeft: {
|
|
3744
|
+
readonly [$$PropertyValue]: "padding";
|
|
3591
3745
|
};
|
|
3592
|
-
|
|
3593
|
-
readonly
|
|
3594
|
-
readonly select: 200;
|
|
3595
|
-
readonly popover: 300;
|
|
3596
|
-
readonly tooltip: 400;
|
|
3746
|
+
paddingRight: {
|
|
3747
|
+
readonly [$$PropertyValue]: "padding";
|
|
3597
3748
|
};
|
|
3598
|
-
}
|
|
3599
|
-
|
|
3600
|
-
readonly
|
|
3601
|
-
|
|
3602
|
-
|
|
3603
|
-
readonly border: "colors";
|
|
3604
|
-
readonly borderBlock: "colors";
|
|
3605
|
-
readonly borderBlockEnd: "colors";
|
|
3606
|
-
readonly borderBlockStart: "colors";
|
|
3607
|
-
readonly borderBottom: "colors";
|
|
3608
|
-
readonly borderBottomColor: "colors";
|
|
3609
|
-
readonly borderBottomLeftRadius: "radii";
|
|
3610
|
-
readonly borderBottomRightRadius: "radii";
|
|
3611
|
-
readonly borderBottomStyle: "border-styles";
|
|
3612
|
-
readonly borderBottomWidth: "border-widths";
|
|
3613
|
-
readonly borderColor: "colors";
|
|
3614
|
-
readonly borderImage: "colors";
|
|
3615
|
-
readonly borderInline: "colors";
|
|
3616
|
-
readonly borderInlineEnd: "colors";
|
|
3617
|
-
readonly borderInlineStart: "colors";
|
|
3618
|
-
readonly borderLeft: "colors";
|
|
3619
|
-
readonly borderLeftColor: "colors";
|
|
3620
|
-
readonly borderLeftStyle: "border-styles";
|
|
3621
|
-
readonly borderLeftWidth: "border-widths";
|
|
3622
|
-
readonly borderRadius: "radii";
|
|
3623
|
-
readonly borderRight: "colors";
|
|
3624
|
-
readonly borderRightColor: "colors";
|
|
3625
|
-
readonly borderRightStyle: "border-styles";
|
|
3626
|
-
readonly borderRightWidth: "border-widths";
|
|
3627
|
-
readonly borderStyle: "border-styles";
|
|
3628
|
-
readonly borderTop: "colors";
|
|
3629
|
-
readonly borderTopColor: "colors";
|
|
3630
|
-
readonly borderTopLeftRadius: "radii";
|
|
3631
|
-
readonly borderTopRightRadius: "radii";
|
|
3632
|
-
readonly borderTopStyle: "border-styles";
|
|
3633
|
-
readonly borderTopWidth: "border-widths";
|
|
3634
|
-
readonly borderWidth: "border-widths";
|
|
3635
|
-
readonly bottom: "space";
|
|
3636
|
-
readonly boxShadow: "shadows";
|
|
3637
|
-
readonly caretColor: "colors";
|
|
3638
|
-
readonly color: "colors";
|
|
3639
|
-
readonly columnGap: "space-gap";
|
|
3640
|
-
readonly columnRuleColor: "colors";
|
|
3641
|
-
readonly fill: "colors";
|
|
3642
|
-
readonly flexBasis: "sizes";
|
|
3643
|
-
readonly fontFamily: "fonts";
|
|
3644
|
-
readonly fontSize: "font-sizes";
|
|
3645
|
-
readonly fontWeight: "font-weights";
|
|
3646
|
-
readonly gap: "space-gap";
|
|
3647
|
-
readonly gridColumnGap: "space-gap";
|
|
3648
|
-
readonly gridGap: "space-gap";
|
|
3649
|
-
readonly gridRowGap: "space-gap";
|
|
3650
|
-
readonly gridTemplateColumns: "sizes";
|
|
3651
|
-
readonly gridTemplateRows: "sizes";
|
|
3652
|
-
readonly height: "sizes";
|
|
3653
|
-
readonly inlineSize: "sizes";
|
|
3654
|
-
readonly inset: "space-inset";
|
|
3655
|
-
readonly insetBlock: "space-inset";
|
|
3656
|
-
readonly insetBlockEnd: "space-inset";
|
|
3657
|
-
readonly insetBlockStart: "space-inset";
|
|
3658
|
-
readonly insetInline: "space-inset";
|
|
3659
|
-
readonly insetInlineEnd: "space-inset";
|
|
3660
|
-
readonly insetInlineStart: "space-inset";
|
|
3661
|
-
readonly left: "space";
|
|
3662
|
-
readonly letterSpacing: "letter-spacings";
|
|
3663
|
-
readonly lineHeight: "line-heights";
|
|
3664
|
-
readonly margin: "space-offset";
|
|
3665
|
-
readonly marginBlock: "space-offset";
|
|
3666
|
-
readonly marginBlockEnd: "space-offset";
|
|
3667
|
-
readonly marginBlockStart: "space-offset";
|
|
3668
|
-
readonly marginBottom: "space-offset";
|
|
3669
|
-
readonly marginInline: "space-offset";
|
|
3670
|
-
readonly marginInlineEnd: "space-offset";
|
|
3671
|
-
readonly marginInlineStart: "space-offset";
|
|
3672
|
-
readonly marginLeft: "space-offset";
|
|
3673
|
-
readonly marginRight: "space-offset";
|
|
3674
|
-
readonly marginTop: "space-offset";
|
|
3675
|
-
readonly maxBlockSize: "sizes";
|
|
3676
|
-
readonly maxHeight: "sizes";
|
|
3677
|
-
readonly maxInlineSize: "sizes";
|
|
3678
|
-
readonly maxWidth: "sizes";
|
|
3679
|
-
readonly minBlockSize: "sizes";
|
|
3680
|
-
readonly minHeight: "sizes";
|
|
3681
|
-
readonly minInlineSize: "sizes";
|
|
3682
|
-
readonly minWidth: "sizes";
|
|
3683
|
-
readonly outline: "colors";
|
|
3684
|
-
readonly outlineColor: "colors";
|
|
3685
|
-
readonly padding: "space-inset";
|
|
3686
|
-
readonly paddingBlock: "space-inset";
|
|
3687
|
-
readonly paddingBlockEnd: "space-inset";
|
|
3688
|
-
readonly paddingBlockStart: "space-inset";
|
|
3689
|
-
readonly paddingBottom: "space-inset";
|
|
3690
|
-
readonly paddingInline: "space-inset";
|
|
3691
|
-
readonly paddingInlineEnd: "space-inset";
|
|
3692
|
-
readonly paddingInlineStart: "space-inset";
|
|
3693
|
-
readonly paddingLeft: "space-inset";
|
|
3694
|
-
readonly paddingRight: "space-inset";
|
|
3695
|
-
readonly paddingTop: "space-inset";
|
|
3696
|
-
readonly right: "space";
|
|
3697
|
-
readonly rowGap: "space-gap";
|
|
3698
|
-
readonly scrollMargin: "space-offset";
|
|
3699
|
-
readonly scrollMarginBlock: "space-offset";
|
|
3700
|
-
readonly scrollMarginBlockEnd: "space-offset";
|
|
3701
|
-
readonly scrollMarginBlockStart: "space-offset";
|
|
3702
|
-
readonly scrollMarginBottom: "space-offset";
|
|
3703
|
-
readonly scrollMarginInline: "space-offset";
|
|
3704
|
-
readonly scrollMarginInlineEnd: "space-offset";
|
|
3705
|
-
readonly scrollMarginInlineStart: "space-offset";
|
|
3706
|
-
readonly scrollMarginLeft: "space-offset";
|
|
3707
|
-
readonly scrollMarginRight: "space-offset";
|
|
3708
|
-
readonly scrollMarginTop: "space-offset";
|
|
3709
|
-
readonly scrollPadding: "space-inset";
|
|
3710
|
-
readonly scrollPaddingBlock: "space-inset";
|
|
3711
|
-
readonly scrollPaddingBlockEnd: "space-inset";
|
|
3712
|
-
readonly scrollPaddingBlockStart: "space-inset";
|
|
3713
|
-
readonly scrollPaddingBottom: "space-inset";
|
|
3714
|
-
readonly scrollPaddingInline: "space-inset";
|
|
3715
|
-
readonly scrollPaddingInlineEnd: "space-inset";
|
|
3716
|
-
readonly scrollPaddingInlineStart: "space-inset";
|
|
3717
|
-
readonly scrollPaddingLeft: "space-inset";
|
|
3718
|
-
readonly scrollPaddingRight: "space-inset";
|
|
3719
|
-
readonly scrollPaddingTop: "space-inset";
|
|
3720
|
-
readonly stroke: "colors";
|
|
3721
|
-
readonly strokeWidth: "stroke-width";
|
|
3722
|
-
readonly textDecorationColor: "colors";
|
|
3723
|
-
readonly textShadow: "shadows";
|
|
3724
|
-
readonly top: "space";
|
|
3725
|
-
readonly transition: "transitions";
|
|
3726
|
-
readonly width: "sizes";
|
|
3727
|
-
readonly zIndex: "z-indices";
|
|
3728
|
-
}, {
|
|
3729
|
-
paddingX: (value: {
|
|
3749
|
+
};
|
|
3750
|
+
paddingY: (value: {
|
|
3751
|
+
readonly [$$PropertyValue]: "padding";
|
|
3752
|
+
}) => {
|
|
3753
|
+
paddingTop: {
|
|
3730
3754
|
readonly [$$PropertyValue]: "padding";
|
|
3731
|
-
}) => {
|
|
3732
|
-
paddingLeft: {
|
|
3733
|
-
readonly [$$PropertyValue]: "padding";
|
|
3734
|
-
};
|
|
3735
|
-
paddingRight: {
|
|
3736
|
-
readonly [$$PropertyValue]: "padding";
|
|
3737
|
-
};
|
|
3738
3755
|
};
|
|
3739
|
-
|
|
3756
|
+
paddingBottom: {
|
|
3740
3757
|
readonly [$$PropertyValue]: "padding";
|
|
3741
|
-
}) => {
|
|
3742
|
-
paddingTop: {
|
|
3743
|
-
readonly [$$PropertyValue]: "padding";
|
|
3744
|
-
};
|
|
3745
|
-
paddingBottom: {
|
|
3746
|
-
readonly [$$PropertyValue]: "padding";
|
|
3747
|
-
};
|
|
3748
3758
|
};
|
|
3749
|
-
|
|
3759
|
+
};
|
|
3760
|
+
marginX: (value: {
|
|
3761
|
+
readonly [$$PropertyValue]: "margin";
|
|
3762
|
+
}) => {
|
|
3763
|
+
marginLeft: {
|
|
3750
3764
|
readonly [$$PropertyValue]: "margin";
|
|
3751
|
-
}) => {
|
|
3752
|
-
marginLeft: {
|
|
3753
|
-
readonly [$$PropertyValue]: "margin";
|
|
3754
|
-
};
|
|
3755
|
-
marginRight: {
|
|
3756
|
-
readonly [$$PropertyValue]: "margin";
|
|
3757
|
-
};
|
|
3758
3765
|
};
|
|
3759
|
-
|
|
3766
|
+
marginRight: {
|
|
3760
3767
|
readonly [$$PropertyValue]: "margin";
|
|
3761
|
-
}) => {
|
|
3762
|
-
marginTop: {
|
|
3763
|
-
readonly [$$PropertyValue]: "margin";
|
|
3764
|
-
};
|
|
3765
|
-
marginBottom: {
|
|
3766
|
-
readonly [$$PropertyValue]: "margin";
|
|
3767
|
-
};
|
|
3768
3768
|
};
|
|
3769
|
-
|
|
3769
|
+
};
|
|
3770
|
+
marginY: (value: {
|
|
3771
|
+
readonly [$$PropertyValue]: "margin";
|
|
3772
|
+
}) => {
|
|
3773
|
+
marginTop: {
|
|
3774
|
+
readonly [$$PropertyValue]: "margin";
|
|
3775
|
+
};
|
|
3776
|
+
marginBottom: {
|
|
3777
|
+
readonly [$$PropertyValue]: "margin";
|
|
3778
|
+
};
|
|
3779
|
+
};
|
|
3780
|
+
square: (value: {
|
|
3781
|
+
readonly [$$PropertyValue]: "width";
|
|
3782
|
+
}) => {
|
|
3783
|
+
width: {
|
|
3784
|
+
readonly [$$PropertyValue]: "width";
|
|
3785
|
+
};
|
|
3786
|
+
height: {
|
|
3770
3787
|
readonly [$$PropertyValue]: "width";
|
|
3771
|
-
}) => {
|
|
3772
|
-
width: {
|
|
3773
|
-
readonly [$$PropertyValue]: "width";
|
|
3774
|
-
};
|
|
3775
|
-
height: {
|
|
3776
|
-
readonly [$$PropertyValue]: "width";
|
|
3777
|
-
};
|
|
3778
3788
|
};
|
|
3779
|
-
}
|
|
3780
|
-
}
|
|
3781
|
-
|
|
3782
|
-
|
|
3789
|
+
};
|
|
3790
|
+
}>>>, keyof (typeof $$StyledComponentProps extends keyof Composers ? Composers[keyof Composers & typeof $$StyledComponentProps] : Composers extends {
|
|
3791
|
+
variants: {
|
|
3792
|
+
[name: string]: unknown;
|
|
3793
|
+
};
|
|
3794
|
+
} ? 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<{}, {
|
|
3783
3795
|
'border-widths': {
|
|
3784
3796
|
readonly none: 0;
|
|
3785
3797
|
readonly sm: "1px";
|
|
@@ -4005,6 +4017,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
4005
4017
|
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";
|
|
4006
4018
|
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";
|
|
4007
4019
|
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";
|
|
4020
|
+
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";
|
|
4008
4021
|
};
|
|
4009
4022
|
sizes: {
|
|
4010
4023
|
readonly number: string;
|
|
@@ -4043,6 +4056,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
4043
4056
|
readonly 200: any;
|
|
4044
4057
|
readonly 300: any;
|
|
4045
4058
|
readonly 400: any;
|
|
4059
|
+
readonly 500: any;
|
|
4046
4060
|
readonly 600: any;
|
|
4047
4061
|
readonly 700: any;
|
|
4048
4062
|
readonly 800: any;
|