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