@mirohq/design-system-stitches 2.3.13-input.0 → 2.3.13
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 +480 -494
- 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';
|
|
@@ -224,8 +224,6 @@ declare const config: {
|
|
|
224
224
|
readonly 200: "16px";
|
|
225
225
|
};
|
|
226
226
|
shadows: {
|
|
227
|
-
readonly 50: "0 4px 16px #05003812";
|
|
228
|
-
readonly 100: "0 8px 32px #05003808";
|
|
229
227
|
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";
|
|
230
228
|
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";
|
|
231
229
|
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";
|
|
@@ -239,7 +237,7 @@ declare const config: {
|
|
|
239
237
|
readonly 'icon-400': "32px";
|
|
240
238
|
};
|
|
241
239
|
space: {
|
|
242
|
-
readonly 0:
|
|
240
|
+
readonly 0: "0px";
|
|
243
241
|
readonly 50: "4px";
|
|
244
242
|
readonly 100: "8px";
|
|
245
243
|
readonly 150: "12px";
|
|
@@ -268,8 +266,8 @@ declare const config: {
|
|
|
268
266
|
readonly 200: any;
|
|
269
267
|
readonly 300: any;
|
|
270
268
|
readonly 400: any;
|
|
271
|
-
readonly 500: any;
|
|
272
269
|
readonly 600: any;
|
|
270
|
+
readonly 700: any;
|
|
273
271
|
readonly 800: any;
|
|
274
272
|
readonly 1200: any;
|
|
275
273
|
readonly 1600: any;
|
|
@@ -699,8 +697,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
699
697
|
readonly 200?: string | number | boolean | undefined;
|
|
700
698
|
} | undefined;
|
|
701
699
|
shadows?: {
|
|
702
|
-
readonly 50?: string | number | boolean | undefined;
|
|
703
|
-
readonly 100?: string | number | boolean | undefined;
|
|
704
700
|
readonly 'focus-small'?: string | number | boolean | undefined;
|
|
705
701
|
readonly 'focus-small-outline'?: string | number | boolean | undefined;
|
|
706
702
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
@@ -743,8 +739,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
743
739
|
readonly 200?: string | number | boolean | undefined;
|
|
744
740
|
readonly 300?: string | number | boolean | undefined;
|
|
745
741
|
readonly 400?: string | number | boolean | undefined;
|
|
746
|
-
readonly 500?: string | number | boolean | undefined;
|
|
747
742
|
readonly 600?: string | number | boolean | undefined;
|
|
743
|
+
readonly 700?: string | number | boolean | undefined;
|
|
748
744
|
readonly 800?: string | number | boolean | undefined;
|
|
749
745
|
readonly 1200?: string | number | boolean | undefined;
|
|
750
746
|
readonly 1600?: string | number | boolean | undefined;
|
|
@@ -994,8 +990,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
994
990
|
readonly 200?: string | number | boolean | undefined;
|
|
995
991
|
} | undefined;
|
|
996
992
|
shadows?: {
|
|
997
|
-
readonly 50?: string | number | boolean | undefined;
|
|
998
|
-
readonly 100?: string | number | boolean | undefined;
|
|
999
993
|
readonly 'focus-small'?: string | number | boolean | undefined;
|
|
1000
994
|
readonly 'focus-small-outline'?: string | number | boolean | undefined;
|
|
1001
995
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
@@ -1038,8 +1032,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1038
1032
|
readonly 200?: string | number | boolean | undefined;
|
|
1039
1033
|
readonly 300?: string | number | boolean | undefined;
|
|
1040
1034
|
readonly 400?: string | number | boolean | undefined;
|
|
1041
|
-
readonly 500?: string | number | boolean | undefined;
|
|
1042
1035
|
readonly 600?: string | number | boolean | undefined;
|
|
1036
|
+
readonly 700?: string | number | boolean | undefined;
|
|
1043
1037
|
readonly 800?: string | number | boolean | undefined;
|
|
1044
1038
|
readonly 1200?: string | number | boolean | undefined;
|
|
1045
1039
|
readonly 1600?: string | number | boolean | undefined;
|
|
@@ -1295,8 +1289,6 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1295
1289
|
readonly 200: "16px";
|
|
1296
1290
|
};
|
|
1297
1291
|
shadows: {
|
|
1298
|
-
readonly 50: "0 4px 16px #05003812";
|
|
1299
|
-
readonly 100: "0 8px 32px #05003808";
|
|
1300
1292
|
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";
|
|
1301
1293
|
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";
|
|
1302
1294
|
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";
|
|
@@ -1310,7 +1302,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1310
1302
|
readonly 'icon-400': "32px";
|
|
1311
1303
|
};
|
|
1312
1304
|
space: {
|
|
1313
|
-
readonly 0:
|
|
1305
|
+
readonly 0: "0px";
|
|
1314
1306
|
readonly 50: "4px";
|
|
1315
1307
|
readonly 100: "8px";
|
|
1316
1308
|
readonly 150: "12px";
|
|
@@ -1339,8 +1331,8 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1339
1331
|
readonly 200: any;
|
|
1340
1332
|
readonly 300: any;
|
|
1341
1333
|
readonly 400: any;
|
|
1342
|
-
readonly 500: any;
|
|
1343
1334
|
readonly 600: any;
|
|
1335
|
+
readonly 700: any;
|
|
1344
1336
|
readonly 800: any;
|
|
1345
1337
|
readonly 1200: any;
|
|
1346
1338
|
readonly 1600: any;
|
|
@@ -1785,8 +1777,6 @@ declare const globalCss: <Styles extends {
|
|
|
1785
1777
|
readonly 200: "16px";
|
|
1786
1778
|
};
|
|
1787
1779
|
shadows: {
|
|
1788
|
-
readonly 50: "0 4px 16px #05003812";
|
|
1789
|
-
readonly 100: "0 8px 32px #05003808";
|
|
1790
1780
|
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";
|
|
1791
1781
|
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";
|
|
1792
1782
|
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";
|
|
@@ -1800,7 +1790,7 @@ declare const globalCss: <Styles extends {
|
|
|
1800
1790
|
readonly 'icon-400': "32px";
|
|
1801
1791
|
};
|
|
1802
1792
|
space: {
|
|
1803
|
-
readonly 0:
|
|
1793
|
+
readonly 0: "0px";
|
|
1804
1794
|
readonly 50: "4px";
|
|
1805
1795
|
readonly 100: "8px";
|
|
1806
1796
|
readonly 150: "12px";
|
|
@@ -1829,8 +1819,8 @@ declare const globalCss: <Styles extends {
|
|
|
1829
1819
|
readonly 200: any;
|
|
1830
1820
|
readonly 300: any;
|
|
1831
1821
|
readonly 400: any;
|
|
1832
|
-
readonly 500: any;
|
|
1833
1822
|
readonly 600: any;
|
|
1823
|
+
readonly 700: any;
|
|
1834
1824
|
readonly 800: any;
|
|
1835
1825
|
readonly 1200: any;
|
|
1836
1826
|
readonly 1600: any;
|
|
@@ -2257,8 +2247,6 @@ declare const globalCss: <Styles extends {
|
|
|
2257
2247
|
readonly 200: "16px";
|
|
2258
2248
|
};
|
|
2259
2249
|
shadows: {
|
|
2260
|
-
readonly 50: "0 4px 16px #05003812";
|
|
2261
|
-
readonly 100: "0 8px 32px #05003808";
|
|
2262
2250
|
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";
|
|
2263
2251
|
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";
|
|
2264
2252
|
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";
|
|
@@ -2272,7 +2260,7 @@ declare const globalCss: <Styles extends {
|
|
|
2272
2260
|
readonly 'icon-400': "32px";
|
|
2273
2261
|
};
|
|
2274
2262
|
space: {
|
|
2275
|
-
readonly 0:
|
|
2263
|
+
readonly 0: "0px";
|
|
2276
2264
|
readonly 50: "4px";
|
|
2277
2265
|
readonly 100: "8px";
|
|
2278
2266
|
readonly 150: "12px";
|
|
@@ -2301,8 +2289,8 @@ declare const globalCss: <Styles extends {
|
|
|
2301
2289
|
readonly 200: any;
|
|
2302
2290
|
readonly 300: any;
|
|
2303
2291
|
readonly 400: any;
|
|
2304
|
-
readonly 500: any;
|
|
2305
2292
|
readonly 600: any;
|
|
2293
|
+
readonly 700: any;
|
|
2306
2294
|
readonly 800: any;
|
|
2307
2295
|
readonly 1200: any;
|
|
2308
2296
|
readonly 1600: any;
|
|
@@ -2730,8 +2718,6 @@ declare const keyframes: (style: {
|
|
|
2730
2718
|
readonly 200: "16px";
|
|
2731
2719
|
};
|
|
2732
2720
|
shadows: {
|
|
2733
|
-
readonly 50: "0 4px 16px #05003812";
|
|
2734
|
-
readonly 100: "0 8px 32px #05003808";
|
|
2735
2721
|
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";
|
|
2736
2722
|
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";
|
|
2737
2723
|
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";
|
|
@@ -2745,7 +2731,7 @@ declare const keyframes: (style: {
|
|
|
2745
2731
|
readonly 'icon-400': "32px";
|
|
2746
2732
|
};
|
|
2747
2733
|
space: {
|
|
2748
|
-
readonly 0:
|
|
2734
|
+
readonly 0: "0px";
|
|
2749
2735
|
readonly 50: "4px";
|
|
2750
2736
|
readonly 100: "8px";
|
|
2751
2737
|
readonly 150: "12px";
|
|
@@ -2774,8 +2760,8 @@ declare const keyframes: (style: {
|
|
|
2774
2760
|
readonly 200: any;
|
|
2775
2761
|
readonly 300: any;
|
|
2776
2762
|
readonly 400: any;
|
|
2777
|
-
readonly 500: any;
|
|
2778
2763
|
readonly 600: any;
|
|
2764
|
+
readonly 700: any;
|
|
2779
2765
|
readonly 800: any;
|
|
2780
2766
|
readonly 1200: any;
|
|
2781
2767
|
readonly 1600: any;
|
|
@@ -3212,482 +3198,484 @@ interface CustomStylesProps {
|
|
|
3212
3198
|
}
|
|
3213
3199
|
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> | {
|
|
3214
3200
|
[name: string]: unknown;
|
|
3215
|
-
} = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<Omit<StyledComponentProps<
|
|
3216
|
-
|
|
3217
|
-
|
|
3218
|
-
readonly sm: "1px";
|
|
3219
|
-
readonly md: "2px";
|
|
3220
|
-
readonly lg: "4px";
|
|
3221
|
-
};
|
|
3222
|
-
colors: {
|
|
3223
|
-
readonly black: any;
|
|
3224
|
-
readonly 'blue-100': any;
|
|
3225
|
-
readonly 'blue-200': any;
|
|
3226
|
-
readonly 'blue-300': any;
|
|
3227
|
-
readonly 'blue-400': any;
|
|
3228
|
-
readonly 'blue-500': any;
|
|
3229
|
-
readonly 'blue-600': any;
|
|
3230
|
-
readonly 'blue-700': any;
|
|
3231
|
-
readonly 'blue-800': any;
|
|
3232
|
-
readonly 'blue-900': any;
|
|
3233
|
-
readonly 'blue-1000': any;
|
|
3234
|
-
readonly 'gray-100': any;
|
|
3235
|
-
readonly 'gray-200': any;
|
|
3236
|
-
readonly 'gray-300': any;
|
|
3237
|
-
readonly 'gray-400': any;
|
|
3238
|
-
readonly 'gray-500': any;
|
|
3239
|
-
readonly 'gray-600': any;
|
|
3240
|
-
readonly 'gray-700': any;
|
|
3241
|
-
readonly 'gray-800': any;
|
|
3242
|
-
readonly 'gray-900': any;
|
|
3243
|
-
readonly 'green-100': any;
|
|
3244
|
-
readonly 'green-200': any;
|
|
3245
|
-
readonly 'green-300': any;
|
|
3246
|
-
readonly 'green-400': any;
|
|
3247
|
-
readonly 'green-500': any;
|
|
3248
|
-
readonly 'green-600': any;
|
|
3249
|
-
readonly 'green-700': any;
|
|
3250
|
-
readonly 'green-800': any;
|
|
3251
|
-
readonly 'green-900': any;
|
|
3252
|
-
readonly 'indigo-100': any;
|
|
3253
|
-
readonly 'indigo-200': any;
|
|
3254
|
-
readonly 'indigo-300': any;
|
|
3255
|
-
readonly 'indigo-400': any;
|
|
3256
|
-
readonly 'indigo-500': any;
|
|
3257
|
-
readonly 'indigo-600': any;
|
|
3258
|
-
readonly 'indigo-700': any;
|
|
3259
|
-
readonly 'indigo-800': any;
|
|
3260
|
-
readonly 'indigo-900': any;
|
|
3261
|
-
readonly 'red-100': any;
|
|
3262
|
-
readonly 'red-200': any;
|
|
3263
|
-
readonly 'red-300': any;
|
|
3264
|
-
readonly 'red-400': any;
|
|
3265
|
-
readonly 'red-500': any;
|
|
3266
|
-
readonly 'red-600': any;
|
|
3267
|
-
readonly 'red-700': any;
|
|
3268
|
-
readonly 'red-800': any;
|
|
3269
|
-
readonly 'red-900': any;
|
|
3270
|
-
readonly transparent: any;
|
|
3271
|
-
readonly white: any;
|
|
3272
|
-
readonly 'yellow-100': any;
|
|
3273
|
-
readonly 'yellow-200': any;
|
|
3274
|
-
readonly 'yellow-300': any;
|
|
3275
|
-
readonly 'yellow-400': any;
|
|
3276
|
-
readonly 'yellow-500': any;
|
|
3277
|
-
readonly 'yellow-600': any;
|
|
3278
|
-
readonly 'yellow-700': any;
|
|
3279
|
-
readonly 'yellow-800': any;
|
|
3280
|
-
readonly 'yellow-900': any;
|
|
3281
|
-
"background-alpha-active"?: any;
|
|
3282
|
-
"background-alpha-hover"?: any;
|
|
3283
|
-
"background-danger-prominent"?: any;
|
|
3284
|
-
"background-danger-prominent-active"?: any;
|
|
3285
|
-
"background-danger-prominent-hover"?: any;
|
|
3286
|
-
"background-danger-subtle"?: any;
|
|
3287
|
-
"background-danger-subtle-active"?: any;
|
|
3288
|
-
"background-danger-subtle-hover"?: any;
|
|
3289
|
-
"background-neutrals"?: any;
|
|
3290
|
-
"background-neutrals-active"?: any;
|
|
3291
|
-
"background-neutrals-container"?: any;
|
|
3292
|
-
"background-neutrals-controls-disabled"?: any;
|
|
3293
|
-
"background-neutrals-disabled"?: any;
|
|
3294
|
-
"background-neutrals-hover"?: any;
|
|
3295
|
-
"background-neutrals-inactive"?: any;
|
|
3296
|
-
"background-neutrals-inactive-hover"?: any;
|
|
3297
|
-
"background-neutrals-inverted"?: any;
|
|
3298
|
-
"background-neutrals-inverted-subtle"?: any;
|
|
3299
|
-
"background-neutrals-page"?: any;
|
|
3300
|
-
"background-neutrals-page-subtle"?: any;
|
|
3301
|
-
"background-neutrals-scrolls"?: any;
|
|
3302
|
-
"background-neutrals-scrolls-expanded"?: any;
|
|
3303
|
-
"background-neutrals-scrolls-hover"?: any;
|
|
3304
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
3305
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
3306
|
-
"background-neutrals-subtle"?: any;
|
|
3307
|
-
"background-neutrals-subtle-active"?: any;
|
|
3308
|
-
"background-neutrals-subtle-hover"?: any;
|
|
3309
|
-
"background-primary-prominent"?: any;
|
|
3310
|
-
"background-primary-prominent-active"?: any;
|
|
3311
|
-
"background-primary-prominent-expanded"?: any;
|
|
3312
|
-
"background-primary-prominent-hover"?: any;
|
|
3313
|
-
"background-primary-prominent-pressed"?: any;
|
|
3314
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
3315
|
-
"background-primary-prominent-selected"?: any;
|
|
3316
|
-
"background-primary-subtle"?: any;
|
|
3317
|
-
"background-primary-subtle-active"?: any;
|
|
3318
|
-
"background-primary-subtle-expanded"?: any;
|
|
3319
|
-
"background-primary-subtle-hover"?: any;
|
|
3320
|
-
"background-primary-subtle-pressed"?: any;
|
|
3321
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
3322
|
-
"background-primary-subtle-selected"?: any;
|
|
3323
|
-
"background-success"?: any;
|
|
3324
|
-
"background-warning-prominent"?: any;
|
|
3325
|
-
"background-warning-subtle"?: any;
|
|
3326
|
-
"border-danger"?: any;
|
|
3327
|
-
"border-danger-active"?: any;
|
|
3328
|
-
"border-danger-hover"?: any;
|
|
3329
|
-
"border-focus-inner"?: any;
|
|
3330
|
-
"border-focus-middle"?: any;
|
|
3331
|
-
"border-focus-outer"?: any;
|
|
3332
|
-
"border-neutrals"?: any;
|
|
3333
|
-
"border-neutrals-active"?: any;
|
|
3334
|
-
"border-neutrals-controls"?: any;
|
|
3335
|
-
"border-neutrals-controls-disabled"?: any;
|
|
3336
|
-
"border-neutrals-disabled"?: any;
|
|
3337
|
-
"border-neutrals-hover"?: any;
|
|
3338
|
-
"border-neutrals-inverted"?: any;
|
|
3339
|
-
"border-neutrals-subtle"?: any;
|
|
3340
|
-
"border-neutrals-text"?: any;
|
|
3341
|
-
"border-neutrals-text-active"?: any;
|
|
3342
|
-
"border-neutrals-text-hover"?: any;
|
|
3343
|
-
"border-neutrals-text-subtle"?: any;
|
|
3344
|
-
"border-neutrals-text-subtle-active"?: any;
|
|
3345
|
-
"border-neutrals-text-subtle-hover"?: any;
|
|
3346
|
-
"border-neutrals-transparent"?: any;
|
|
3347
|
-
"border-primary"?: any;
|
|
3348
|
-
"border-primary-active"?: any;
|
|
3349
|
-
"border-primary-hover"?: any;
|
|
3350
|
-
"border-primary-inverted"?: any;
|
|
3351
|
-
"border-success"?: any;
|
|
3352
|
-
"border-warning"?: any;
|
|
3353
|
-
"icon-danger"?: any;
|
|
3354
|
-
"icon-danger-active"?: any;
|
|
3355
|
-
"icon-danger-hover"?: any;
|
|
3356
|
-
"icon-danger-inverted"?: any;
|
|
3357
|
-
"icon-neutrals"?: any;
|
|
3358
|
-
"icon-neutrals-disabled"?: any;
|
|
3359
|
-
"icon-neutrals-inactive"?: any;
|
|
3360
|
-
"icon-neutrals-inactive-hover"?: any;
|
|
3361
|
-
"icon-neutrals-inverted"?: any;
|
|
3362
|
-
"icon-neutrals-search"?: any;
|
|
3363
|
-
"icon-neutrals-subtle"?: any;
|
|
3364
|
-
"icon-neutrals-text"?: any;
|
|
3365
|
-
"icon-primary"?: any;
|
|
3366
|
-
"icon-primary-active"?: any;
|
|
3367
|
-
"icon-primary-hover"?: any;
|
|
3368
|
-
"icon-primary-inverted"?: any;
|
|
3369
|
-
"icon-primary-selected"?: any;
|
|
3370
|
-
"icon-success"?: any;
|
|
3371
|
-
"icon-success-inverted"?: any;
|
|
3372
|
-
"icon-warning"?: any;
|
|
3373
|
-
"icon-warning-prominent"?: any;
|
|
3374
|
-
"text-danger"?: any;
|
|
3375
|
-
"text-danger-active"?: any;
|
|
3376
|
-
"text-danger-hover"?: any;
|
|
3377
|
-
"text-danger-inverted"?: any;
|
|
3378
|
-
"text-neutrals"?: any;
|
|
3379
|
-
"text-neutrals-active"?: any;
|
|
3380
|
-
"text-neutrals-disabled"?: any;
|
|
3381
|
-
"text-neutrals-hover"?: any;
|
|
3382
|
-
"text-neutrals-inverted"?: any;
|
|
3383
|
-
"text-neutrals-placeholder"?: any;
|
|
3384
|
-
"text-neutrals-placeholder-only"?: any;
|
|
3385
|
-
"text-neutrals-subtle"?: any;
|
|
3386
|
-
"text-neutrals-subtle-active"?: any;
|
|
3387
|
-
"text-neutrals-subtle-hover"?: any;
|
|
3388
|
-
"text-primary"?: any;
|
|
3389
|
-
"text-primary-active"?: any;
|
|
3390
|
-
"text-primary-hover"?: any;
|
|
3391
|
-
"text-primary-inverted"?: any;
|
|
3392
|
-
"text-primary-inverted-subtle"?: any;
|
|
3393
|
-
"text-primary-selected"?: any;
|
|
3394
|
-
"text-success"?: any;
|
|
3395
|
-
"text-warning"?: any;
|
|
3396
|
-
};
|
|
3397
|
-
'font-sizes': {
|
|
3398
|
-
readonly 150: "0.75rem";
|
|
3399
|
-
readonly 175: "0.875rem";
|
|
3400
|
-
readonly 200: "1rem";
|
|
3401
|
-
readonly 225: "1.125rem";
|
|
3402
|
-
readonly 250: "1.25rem";
|
|
3403
|
-
readonly 300: "1.5rem";
|
|
3404
|
-
readonly 400: "2rem";
|
|
3405
|
-
readonly 500: "2.5rem";
|
|
3406
|
-
readonly 600: "3rem";
|
|
3407
|
-
readonly 800: "4rem";
|
|
3408
|
-
readonly 900: "4.5rem";
|
|
3409
|
-
};
|
|
3410
|
-
fonts: {
|
|
3411
|
-
readonly heading: "Roobert, sans-serif";
|
|
3412
|
-
readonly body: "Open Sans, sans-serif";
|
|
3413
|
-
};
|
|
3414
|
-
radii: {
|
|
3415
|
-
readonly none: 0;
|
|
3416
|
-
readonly half: "999em";
|
|
3417
|
-
readonly 25: "2px";
|
|
3418
|
-
readonly 50: "4px";
|
|
3419
|
-
readonly 75: "6px";
|
|
3420
|
-
readonly 100: "8px";
|
|
3421
|
-
readonly 200: "16px";
|
|
3422
|
-
};
|
|
3423
|
-
shadows: {
|
|
3424
|
-
readonly 50: "0 4px 16px #05003812";
|
|
3425
|
-
readonly 100: "0 8px 32px #05003808";
|
|
3426
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
3427
|
-
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
3428
|
-
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
3429
|
-
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
3430
|
-
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
3431
|
-
};
|
|
3432
|
-
sizes: {
|
|
3433
|
-
readonly number: string;
|
|
3434
|
-
readonly 'icon-200': "16px";
|
|
3435
|
-
readonly 'icon-300': "24px";
|
|
3436
|
-
readonly 'icon-400': "32px";
|
|
3437
|
-
};
|
|
3438
|
-
space: {
|
|
3439
|
-
readonly 0: 0;
|
|
3440
|
-
readonly 50: "4px";
|
|
3441
|
-
readonly 100: "8px";
|
|
3442
|
-
readonly 150: "12px";
|
|
3443
|
-
readonly 200: "16px";
|
|
3444
|
-
readonly 300: "24px";
|
|
3445
|
-
readonly 400: "32px";
|
|
3446
|
-
readonly 500: "40px";
|
|
3447
|
-
readonly 600: "48px";
|
|
3448
|
-
readonly 700: "56px";
|
|
3449
|
-
readonly 800: "64px";
|
|
3450
|
-
readonly 1200: "96px";
|
|
3451
|
-
readonly 1600: "128px";
|
|
3452
|
-
};
|
|
3453
|
-
'space-gap': {
|
|
3454
|
-
readonly 0: any;
|
|
3455
|
-
readonly 50: any;
|
|
3456
|
-
readonly 100: any;
|
|
3457
|
-
readonly 200: any;
|
|
3458
|
-
readonly 300: any;
|
|
3201
|
+
} = {}>(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 {
|
|
3202
|
+
variants: {
|
|
3203
|
+
[name: string]: unknown;
|
|
3459
3204
|
};
|
|
3460
|
-
|
|
3461
|
-
|
|
3462
|
-
|
|
3463
|
-
|
|
3464
|
-
|
|
3465
|
-
|
|
3466
|
-
|
|
3467
|
-
|
|
3468
|
-
|
|
3469
|
-
|
|
3470
|
-
|
|
3471
|
-
|
|
3472
|
-
|
|
3473
|
-
|
|
3474
|
-
|
|
3475
|
-
|
|
3476
|
-
|
|
3477
|
-
|
|
3478
|
-
|
|
3479
|
-
|
|
3480
|
-
|
|
3481
|
-
|
|
3482
|
-
|
|
3483
|
-
|
|
3484
|
-
|
|
3485
|
-
|
|
3486
|
-
|
|
3487
|
-
|
|
3488
|
-
|
|
3489
|
-
|
|
3490
|
-
|
|
3491
|
-
|
|
3492
|
-
|
|
3493
|
-
|
|
3494
|
-
|
|
3495
|
-
|
|
3496
|
-
|
|
3497
|
-
|
|
3498
|
-
|
|
3499
|
-
|
|
3500
|
-
|
|
3501
|
-
|
|
3502
|
-
|
|
3503
|
-
|
|
3504
|
-
|
|
3505
|
-
|
|
3506
|
-
|
|
3507
|
-
|
|
3508
|
-
|
|
3509
|
-
|
|
3510
|
-
|
|
3511
|
-
|
|
3512
|
-
|
|
3513
|
-
|
|
3514
|
-
|
|
3515
|
-
|
|
3516
|
-
|
|
3517
|
-
|
|
3518
|
-
|
|
3519
|
-
|
|
3520
|
-
|
|
3521
|
-
|
|
3522
|
-
|
|
3523
|
-
|
|
3524
|
-
|
|
3525
|
-
|
|
3526
|
-
|
|
3527
|
-
|
|
3528
|
-
|
|
3529
|
-
|
|
3530
|
-
|
|
3531
|
-
|
|
3532
|
-
|
|
3533
|
-
|
|
3534
|
-
|
|
3535
|
-
|
|
3536
|
-
|
|
3537
|
-
|
|
3538
|
-
|
|
3539
|
-
|
|
3540
|
-
|
|
3541
|
-
|
|
3542
|
-
|
|
3543
|
-
|
|
3544
|
-
|
|
3545
|
-
|
|
3546
|
-
|
|
3547
|
-
|
|
3548
|
-
|
|
3549
|
-
|
|
3550
|
-
|
|
3551
|
-
|
|
3552
|
-
|
|
3553
|
-
|
|
3554
|
-
|
|
3555
|
-
|
|
3556
|
-
|
|
3557
|
-
|
|
3558
|
-
|
|
3559
|
-
|
|
3560
|
-
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3564
|
-
|
|
3565
|
-
|
|
3566
|
-
|
|
3567
|
-
|
|
3568
|
-
|
|
3569
|
-
|
|
3570
|
-
|
|
3571
|
-
|
|
3572
|
-
|
|
3573
|
-
|
|
3574
|
-
|
|
3575
|
-
|
|
3576
|
-
|
|
3577
|
-
|
|
3578
|
-
|
|
3579
|
-
|
|
3580
|
-
|
|
3581
|
-
|
|
3582
|
-
|
|
3583
|
-
|
|
3584
|
-
|
|
3585
|
-
|
|
3586
|
-
|
|
3587
|
-
|
|
3588
|
-
|
|
3589
|
-
|
|
3590
|
-
|
|
3591
|
-
|
|
3592
|
-
|
|
3593
|
-
|
|
3594
|
-
|
|
3595
|
-
|
|
3596
|
-
|
|
3597
|
-
|
|
3598
|
-
|
|
3599
|
-
|
|
3600
|
-
|
|
3601
|
-
|
|
3602
|
-
|
|
3603
|
-
|
|
3604
|
-
|
|
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
|
-
|
|
3205
|
+
} ? 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<{}, {}> & {
|
|
3206
|
+
css?: CSSUtil.CSS<{}, {
|
|
3207
|
+
'border-widths': {
|
|
3208
|
+
readonly none: 0;
|
|
3209
|
+
readonly sm: "1px";
|
|
3210
|
+
readonly md: "2px";
|
|
3211
|
+
readonly lg: "4px";
|
|
3212
|
+
};
|
|
3213
|
+
colors: {
|
|
3214
|
+
readonly black: any;
|
|
3215
|
+
readonly 'blue-100': any;
|
|
3216
|
+
readonly 'blue-200': any;
|
|
3217
|
+
readonly 'blue-300': any;
|
|
3218
|
+
readonly 'blue-400': any;
|
|
3219
|
+
readonly 'blue-500': any;
|
|
3220
|
+
readonly 'blue-600': any;
|
|
3221
|
+
readonly 'blue-700': any;
|
|
3222
|
+
readonly 'blue-800': any;
|
|
3223
|
+
readonly 'blue-900': any;
|
|
3224
|
+
readonly 'blue-1000': any;
|
|
3225
|
+
readonly 'gray-100': any;
|
|
3226
|
+
readonly 'gray-200': any;
|
|
3227
|
+
readonly 'gray-300': any;
|
|
3228
|
+
readonly 'gray-400': any;
|
|
3229
|
+
readonly 'gray-500': any;
|
|
3230
|
+
readonly 'gray-600': any;
|
|
3231
|
+
readonly 'gray-700': any;
|
|
3232
|
+
readonly 'gray-800': any;
|
|
3233
|
+
readonly 'gray-900': any;
|
|
3234
|
+
readonly 'green-100': any;
|
|
3235
|
+
readonly 'green-200': any;
|
|
3236
|
+
readonly 'green-300': any;
|
|
3237
|
+
readonly 'green-400': any;
|
|
3238
|
+
readonly 'green-500': any;
|
|
3239
|
+
readonly 'green-600': any;
|
|
3240
|
+
readonly 'green-700': any;
|
|
3241
|
+
readonly 'green-800': any;
|
|
3242
|
+
readonly 'green-900': any;
|
|
3243
|
+
readonly 'indigo-100': any;
|
|
3244
|
+
readonly 'indigo-200': any;
|
|
3245
|
+
readonly 'indigo-300': any;
|
|
3246
|
+
readonly 'indigo-400': any;
|
|
3247
|
+
readonly 'indigo-500': any;
|
|
3248
|
+
readonly 'indigo-600': any;
|
|
3249
|
+
readonly 'indigo-700': any;
|
|
3250
|
+
readonly 'indigo-800': any;
|
|
3251
|
+
readonly 'indigo-900': any;
|
|
3252
|
+
readonly 'red-100': any;
|
|
3253
|
+
readonly 'red-200': any;
|
|
3254
|
+
readonly 'red-300': any;
|
|
3255
|
+
readonly 'red-400': any;
|
|
3256
|
+
readonly 'red-500': any;
|
|
3257
|
+
readonly 'red-600': any;
|
|
3258
|
+
readonly 'red-700': any;
|
|
3259
|
+
readonly 'red-800': any;
|
|
3260
|
+
readonly 'red-900': any;
|
|
3261
|
+
readonly transparent: any;
|
|
3262
|
+
readonly white: any;
|
|
3263
|
+
readonly 'yellow-100': any;
|
|
3264
|
+
readonly 'yellow-200': any;
|
|
3265
|
+
readonly 'yellow-300': any;
|
|
3266
|
+
readonly 'yellow-400': any;
|
|
3267
|
+
readonly 'yellow-500': any;
|
|
3268
|
+
readonly 'yellow-600': any;
|
|
3269
|
+
readonly 'yellow-700': any;
|
|
3270
|
+
readonly 'yellow-800': any;
|
|
3271
|
+
readonly 'yellow-900': any;
|
|
3272
|
+
"background-alpha-active"?: any;
|
|
3273
|
+
"background-alpha-hover"?: any;
|
|
3274
|
+
"background-danger-prominent"?: any;
|
|
3275
|
+
"background-danger-prominent-active"?: any;
|
|
3276
|
+
"background-danger-prominent-hover"?: any;
|
|
3277
|
+
"background-danger-subtle"?: any;
|
|
3278
|
+
"background-danger-subtle-active"?: any;
|
|
3279
|
+
"background-danger-subtle-hover"?: any;
|
|
3280
|
+
"background-neutrals"?: any;
|
|
3281
|
+
"background-neutrals-active"?: any;
|
|
3282
|
+
"background-neutrals-container"?: any;
|
|
3283
|
+
"background-neutrals-controls-disabled"?: any;
|
|
3284
|
+
"background-neutrals-disabled"?: any;
|
|
3285
|
+
"background-neutrals-hover"?: any;
|
|
3286
|
+
"background-neutrals-inactive"?: any;
|
|
3287
|
+
"background-neutrals-inactive-hover"?: any;
|
|
3288
|
+
"background-neutrals-inverted"?: any;
|
|
3289
|
+
"background-neutrals-inverted-subtle"?: any;
|
|
3290
|
+
"background-neutrals-page"?: any;
|
|
3291
|
+
"background-neutrals-page-subtle"?: any;
|
|
3292
|
+
"background-neutrals-scrolls"?: any;
|
|
3293
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
3294
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
3295
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
3296
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
3297
|
+
"background-neutrals-subtle"?: any;
|
|
3298
|
+
"background-neutrals-subtle-active"?: any;
|
|
3299
|
+
"background-neutrals-subtle-hover"?: any;
|
|
3300
|
+
"background-primary-prominent"?: any;
|
|
3301
|
+
"background-primary-prominent-active"?: any;
|
|
3302
|
+
"background-primary-prominent-expanded"?: any;
|
|
3303
|
+
"background-primary-prominent-hover"?: any;
|
|
3304
|
+
"background-primary-prominent-pressed"?: any;
|
|
3305
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
3306
|
+
"background-primary-prominent-selected"?: any;
|
|
3307
|
+
"background-primary-subtle"?: any;
|
|
3308
|
+
"background-primary-subtle-active"?: any;
|
|
3309
|
+
"background-primary-subtle-expanded"?: any;
|
|
3310
|
+
"background-primary-subtle-hover"?: any;
|
|
3311
|
+
"background-primary-subtle-pressed"?: any;
|
|
3312
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
3313
|
+
"background-primary-subtle-selected"?: any;
|
|
3314
|
+
"background-success"?: any;
|
|
3315
|
+
"background-warning-prominent"?: any;
|
|
3316
|
+
"background-warning-subtle"?: any;
|
|
3317
|
+
"border-danger"?: any;
|
|
3318
|
+
"border-danger-active"?: any;
|
|
3319
|
+
"border-danger-hover"?: any;
|
|
3320
|
+
"border-focus-inner"?: any;
|
|
3321
|
+
"border-focus-middle"?: any;
|
|
3322
|
+
"border-focus-outer"?: any;
|
|
3323
|
+
"border-neutrals"?: any;
|
|
3324
|
+
"border-neutrals-active"?: any;
|
|
3325
|
+
"border-neutrals-controls"?: any;
|
|
3326
|
+
"border-neutrals-controls-disabled"?: any;
|
|
3327
|
+
"border-neutrals-disabled"?: any;
|
|
3328
|
+
"border-neutrals-hover"?: any;
|
|
3329
|
+
"border-neutrals-inverted"?: any;
|
|
3330
|
+
"border-neutrals-subtle"?: any;
|
|
3331
|
+
"border-neutrals-text"?: any;
|
|
3332
|
+
"border-neutrals-text-active"?: any;
|
|
3333
|
+
"border-neutrals-text-hover"?: any;
|
|
3334
|
+
"border-neutrals-text-subtle"?: any;
|
|
3335
|
+
"border-neutrals-text-subtle-active"?: any;
|
|
3336
|
+
"border-neutrals-text-subtle-hover"?: any;
|
|
3337
|
+
"border-neutrals-transparent"?: any;
|
|
3338
|
+
"border-primary"?: any;
|
|
3339
|
+
"border-primary-active"?: any;
|
|
3340
|
+
"border-primary-hover"?: any;
|
|
3341
|
+
"border-primary-inverted"?: any;
|
|
3342
|
+
"border-success"?: any;
|
|
3343
|
+
"border-warning"?: any;
|
|
3344
|
+
"icon-danger"?: any;
|
|
3345
|
+
"icon-danger-active"?: any;
|
|
3346
|
+
"icon-danger-hover"?: any;
|
|
3347
|
+
"icon-danger-inverted"?: any;
|
|
3348
|
+
"icon-neutrals"?: any;
|
|
3349
|
+
"icon-neutrals-disabled"?: any;
|
|
3350
|
+
"icon-neutrals-inactive"?: any;
|
|
3351
|
+
"icon-neutrals-inactive-hover"?: any;
|
|
3352
|
+
"icon-neutrals-inverted"?: any;
|
|
3353
|
+
"icon-neutrals-search"?: any;
|
|
3354
|
+
"icon-neutrals-subtle"?: any;
|
|
3355
|
+
"icon-neutrals-text"?: any;
|
|
3356
|
+
"icon-primary"?: any;
|
|
3357
|
+
"icon-primary-active"?: any;
|
|
3358
|
+
"icon-primary-hover"?: any;
|
|
3359
|
+
"icon-primary-inverted"?: any;
|
|
3360
|
+
"icon-primary-selected"?: any;
|
|
3361
|
+
"icon-success"?: any;
|
|
3362
|
+
"icon-success-inverted"?: any;
|
|
3363
|
+
"icon-warning"?: any;
|
|
3364
|
+
"icon-warning-prominent"?: any;
|
|
3365
|
+
"text-danger"?: any;
|
|
3366
|
+
"text-danger-active"?: any;
|
|
3367
|
+
"text-danger-hover"?: any;
|
|
3368
|
+
"text-danger-inverted"?: any;
|
|
3369
|
+
"text-neutrals"?: any;
|
|
3370
|
+
"text-neutrals-active"?: any;
|
|
3371
|
+
"text-neutrals-disabled"?: any;
|
|
3372
|
+
"text-neutrals-hover"?: any;
|
|
3373
|
+
"text-neutrals-inverted"?: any;
|
|
3374
|
+
"text-neutrals-placeholder"?: any;
|
|
3375
|
+
"text-neutrals-placeholder-only"?: any;
|
|
3376
|
+
"text-neutrals-subtle"?: any;
|
|
3377
|
+
"text-neutrals-subtle-active"?: any;
|
|
3378
|
+
"text-neutrals-subtle-hover"?: any;
|
|
3379
|
+
"text-primary"?: any;
|
|
3380
|
+
"text-primary-active"?: any;
|
|
3381
|
+
"text-primary-hover"?: any;
|
|
3382
|
+
"text-primary-inverted"?: any;
|
|
3383
|
+
"text-primary-inverted-subtle"?: any;
|
|
3384
|
+
"text-primary-selected"?: any;
|
|
3385
|
+
"text-success"?: any;
|
|
3386
|
+
"text-warning"?: any;
|
|
3387
|
+
};
|
|
3388
|
+
'font-sizes': {
|
|
3389
|
+
readonly 150: "0.75rem";
|
|
3390
|
+
readonly 175: "0.875rem";
|
|
3391
|
+
readonly 200: "1rem";
|
|
3392
|
+
readonly 225: "1.125rem";
|
|
3393
|
+
readonly 250: "1.25rem";
|
|
3394
|
+
readonly 300: "1.5rem";
|
|
3395
|
+
readonly 400: "2rem";
|
|
3396
|
+
readonly 500: "2.5rem";
|
|
3397
|
+
readonly 600: "3rem";
|
|
3398
|
+
readonly 800: "4rem";
|
|
3399
|
+
readonly 900: "4.5rem";
|
|
3400
|
+
};
|
|
3401
|
+
fonts: {
|
|
3402
|
+
readonly heading: "Roobert, sans-serif";
|
|
3403
|
+
readonly body: "Open Sans, sans-serif";
|
|
3404
|
+
};
|
|
3405
|
+
radii: {
|
|
3406
|
+
readonly none: 0;
|
|
3407
|
+
readonly half: "999em";
|
|
3408
|
+
readonly 25: "2px";
|
|
3409
|
+
readonly 50: "4px";
|
|
3410
|
+
readonly 75: "6px";
|
|
3411
|
+
readonly 100: "8px";
|
|
3412
|
+
readonly 200: "16px";
|
|
3413
|
+
};
|
|
3414
|
+
shadows: {
|
|
3415
|
+
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";
|
|
3416
|
+
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";
|
|
3417
|
+
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";
|
|
3418
|
+
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";
|
|
3419
|
+
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";
|
|
3420
|
+
};
|
|
3421
|
+
sizes: {
|
|
3422
|
+
readonly number: string;
|
|
3423
|
+
readonly 'icon-200': "16px";
|
|
3424
|
+
readonly 'icon-300': "24px";
|
|
3425
|
+
readonly 'icon-400': "32px";
|
|
3426
|
+
};
|
|
3427
|
+
space: {
|
|
3428
|
+
readonly 0: "0px";
|
|
3429
|
+
readonly 50: "4px";
|
|
3430
|
+
readonly 100: "8px";
|
|
3431
|
+
readonly 150: "12px";
|
|
3432
|
+
readonly 200: "16px";
|
|
3433
|
+
readonly 300: "24px";
|
|
3434
|
+
readonly 400: "32px";
|
|
3435
|
+
readonly 500: "40px";
|
|
3436
|
+
readonly 600: "48px";
|
|
3437
|
+
readonly 700: "56px";
|
|
3438
|
+
readonly 800: "64px";
|
|
3439
|
+
readonly 1200: "96px";
|
|
3440
|
+
readonly 1600: "128px";
|
|
3641
3441
|
};
|
|
3642
|
-
|
|
3643
|
-
readonly
|
|
3442
|
+
'space-gap': {
|
|
3443
|
+
readonly 0: any;
|
|
3444
|
+
readonly 50: any;
|
|
3445
|
+
readonly 100: any;
|
|
3446
|
+
readonly 200: any;
|
|
3447
|
+
readonly 300: any;
|
|
3644
3448
|
};
|
|
3645
|
-
|
|
3646
|
-
|
|
3647
|
-
|
|
3648
|
-
|
|
3649
|
-
|
|
3650
|
-
readonly
|
|
3449
|
+
'space-inset': {
|
|
3450
|
+
readonly 0: any;
|
|
3451
|
+
readonly 50: any;
|
|
3452
|
+
readonly 100: any;
|
|
3453
|
+
readonly 150: any;
|
|
3454
|
+
readonly 200: any;
|
|
3455
|
+
readonly 300: any;
|
|
3456
|
+
readonly 400: any;
|
|
3457
|
+
readonly 600: any;
|
|
3458
|
+
readonly 700: any;
|
|
3459
|
+
readonly 800: any;
|
|
3460
|
+
readonly 1200: any;
|
|
3461
|
+
readonly 1600: any;
|
|
3651
3462
|
};
|
|
3652
|
-
|
|
3653
|
-
readonly
|
|
3463
|
+
'space-offset': {
|
|
3464
|
+
readonly 0: any;
|
|
3465
|
+
readonly 50: any;
|
|
3466
|
+
readonly 100: any;
|
|
3467
|
+
readonly 150: any;
|
|
3468
|
+
readonly 200: any;
|
|
3469
|
+
readonly 300: any;
|
|
3470
|
+
readonly 400: any;
|
|
3471
|
+
readonly 600: any;
|
|
3472
|
+
readonly 800: any;
|
|
3473
|
+
readonly 1200: any;
|
|
3474
|
+
readonly 1600: any;
|
|
3475
|
+
readonly 'stacking-0': any;
|
|
3476
|
+
readonly 'stacking-100': any;
|
|
3477
|
+
readonly 'stacking-200': any;
|
|
3478
|
+
readonly 'stacking-300': any;
|
|
3479
|
+
readonly 'stacking-400': any;
|
|
3480
|
+
readonly 'stacking-500': any;
|
|
3481
|
+
readonly 'stacking-800': any;
|
|
3654
3482
|
};
|
|
3655
|
-
|
|
3656
|
-
|
|
3657
|
-
|
|
3658
|
-
|
|
3659
|
-
marginLeft: {
|
|
3660
|
-
readonly [$$PropertyValue]: "margin";
|
|
3483
|
+
'stroke-width': {
|
|
3484
|
+
readonly thin: "1.5px";
|
|
3485
|
+
readonly normal: "2px";
|
|
3486
|
+
readonly bold: "4px";
|
|
3661
3487
|
};
|
|
3662
|
-
|
|
3663
|
-
readonly
|
|
3488
|
+
'z-indices': {
|
|
3489
|
+
readonly dropdownMenu: 100;
|
|
3490
|
+
readonly select: 200;
|
|
3491
|
+
readonly popover: 300;
|
|
3492
|
+
readonly tooltip: 400;
|
|
3664
3493
|
};
|
|
3665
|
-
}
|
|
3666
|
-
|
|
3667
|
-
readonly
|
|
3668
|
-
|
|
3669
|
-
|
|
3670
|
-
|
|
3494
|
+
}, {
|
|
3495
|
+
readonly background: "colors";
|
|
3496
|
+
readonly backgroundColor: "colors";
|
|
3497
|
+
readonly backgroundImage: "colors";
|
|
3498
|
+
readonly blockSize: "sizes";
|
|
3499
|
+
readonly border: "colors";
|
|
3500
|
+
readonly borderBlock: "colors";
|
|
3501
|
+
readonly borderBlockEnd: "colors";
|
|
3502
|
+
readonly borderBlockStart: "colors";
|
|
3503
|
+
readonly borderBottom: "colors";
|
|
3504
|
+
readonly borderBottomColor: "colors";
|
|
3505
|
+
readonly borderBottomLeftRadius: "radii";
|
|
3506
|
+
readonly borderBottomRightRadius: "radii";
|
|
3507
|
+
readonly borderBottomStyle: "border-styles";
|
|
3508
|
+
readonly borderBottomWidth: "border-widths";
|
|
3509
|
+
readonly borderColor: "colors";
|
|
3510
|
+
readonly borderImage: "colors";
|
|
3511
|
+
readonly borderInline: "colors";
|
|
3512
|
+
readonly borderInlineEnd: "colors";
|
|
3513
|
+
readonly borderInlineStart: "colors";
|
|
3514
|
+
readonly borderLeft: "colors";
|
|
3515
|
+
readonly borderLeftColor: "colors";
|
|
3516
|
+
readonly borderLeftStyle: "border-styles";
|
|
3517
|
+
readonly borderLeftWidth: "border-widths";
|
|
3518
|
+
readonly borderRadius: "radii";
|
|
3519
|
+
readonly borderRight: "colors";
|
|
3520
|
+
readonly borderRightColor: "colors";
|
|
3521
|
+
readonly borderRightStyle: "border-styles";
|
|
3522
|
+
readonly borderRightWidth: "border-widths";
|
|
3523
|
+
readonly borderStyle: "border-styles";
|
|
3524
|
+
readonly borderTop: "colors";
|
|
3525
|
+
readonly borderTopColor: "colors";
|
|
3526
|
+
readonly borderTopLeftRadius: "radii";
|
|
3527
|
+
readonly borderTopRightRadius: "radii";
|
|
3528
|
+
readonly borderTopStyle: "border-styles";
|
|
3529
|
+
readonly borderTopWidth: "border-widths";
|
|
3530
|
+
readonly borderWidth: "border-widths";
|
|
3531
|
+
readonly bottom: "space";
|
|
3532
|
+
readonly boxShadow: "shadows";
|
|
3533
|
+
readonly caretColor: "colors";
|
|
3534
|
+
readonly color: "colors";
|
|
3535
|
+
readonly columnGap: "space-gap";
|
|
3536
|
+
readonly columnRuleColor: "colors";
|
|
3537
|
+
readonly fill: "colors";
|
|
3538
|
+
readonly flexBasis: "sizes";
|
|
3539
|
+
readonly fontFamily: "fonts";
|
|
3540
|
+
readonly fontSize: "font-sizes";
|
|
3541
|
+
readonly fontWeight: "font-weights";
|
|
3542
|
+
readonly gap: "space-gap";
|
|
3543
|
+
readonly gridColumnGap: "space-gap";
|
|
3544
|
+
readonly gridGap: "space-gap";
|
|
3545
|
+
readonly gridRowGap: "space-gap";
|
|
3546
|
+
readonly gridTemplateColumns: "sizes";
|
|
3547
|
+
readonly gridTemplateRows: "sizes";
|
|
3548
|
+
readonly height: "sizes";
|
|
3549
|
+
readonly inlineSize: "sizes";
|
|
3550
|
+
readonly inset: "space-inset";
|
|
3551
|
+
readonly insetBlock: "space-inset";
|
|
3552
|
+
readonly insetBlockEnd: "space-inset";
|
|
3553
|
+
readonly insetBlockStart: "space-inset";
|
|
3554
|
+
readonly insetInline: "space-inset";
|
|
3555
|
+
readonly insetInlineEnd: "space-inset";
|
|
3556
|
+
readonly insetInlineStart: "space-inset";
|
|
3557
|
+
readonly left: "space";
|
|
3558
|
+
readonly letterSpacing: "letter-spacings";
|
|
3559
|
+
readonly lineHeight: "line-heights";
|
|
3560
|
+
readonly margin: "space-offset";
|
|
3561
|
+
readonly marginBlock: "space-offset";
|
|
3562
|
+
readonly marginBlockEnd: "space-offset";
|
|
3563
|
+
readonly marginBlockStart: "space-offset";
|
|
3564
|
+
readonly marginBottom: "space-offset";
|
|
3565
|
+
readonly marginInline: "space-offset";
|
|
3566
|
+
readonly marginInlineEnd: "space-offset";
|
|
3567
|
+
readonly marginInlineStart: "space-offset";
|
|
3568
|
+
readonly marginLeft: "space-offset";
|
|
3569
|
+
readonly marginRight: "space-offset";
|
|
3570
|
+
readonly marginTop: "space-offset";
|
|
3571
|
+
readonly maxBlockSize: "sizes";
|
|
3572
|
+
readonly maxHeight: "sizes";
|
|
3573
|
+
readonly maxInlineSize: "sizes";
|
|
3574
|
+
readonly maxWidth: "sizes";
|
|
3575
|
+
readonly minBlockSize: "sizes";
|
|
3576
|
+
readonly minHeight: "sizes";
|
|
3577
|
+
readonly minInlineSize: "sizes";
|
|
3578
|
+
readonly minWidth: "sizes";
|
|
3579
|
+
readonly outline: "colors";
|
|
3580
|
+
readonly outlineColor: "colors";
|
|
3581
|
+
readonly padding: "space-inset";
|
|
3582
|
+
readonly paddingBlock: "space-inset";
|
|
3583
|
+
readonly paddingBlockEnd: "space-inset";
|
|
3584
|
+
readonly paddingBlockStart: "space-inset";
|
|
3585
|
+
readonly paddingBottom: "space-inset";
|
|
3586
|
+
readonly paddingInline: "space-inset";
|
|
3587
|
+
readonly paddingInlineEnd: "space-inset";
|
|
3588
|
+
readonly paddingInlineStart: "space-inset";
|
|
3589
|
+
readonly paddingLeft: "space-inset";
|
|
3590
|
+
readonly paddingRight: "space-inset";
|
|
3591
|
+
readonly paddingTop: "space-inset";
|
|
3592
|
+
readonly right: "space";
|
|
3593
|
+
readonly rowGap: "space-gap";
|
|
3594
|
+
readonly scrollMargin: "space-offset";
|
|
3595
|
+
readonly scrollMarginBlock: "space-offset";
|
|
3596
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
3597
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
3598
|
+
readonly scrollMarginBottom: "space-offset";
|
|
3599
|
+
readonly scrollMarginInline: "space-offset";
|
|
3600
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
3601
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
3602
|
+
readonly scrollMarginLeft: "space-offset";
|
|
3603
|
+
readonly scrollMarginRight: "space-offset";
|
|
3604
|
+
readonly scrollMarginTop: "space-offset";
|
|
3605
|
+
readonly scrollPadding: "space-inset";
|
|
3606
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
3607
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
3608
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
3609
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
3610
|
+
readonly scrollPaddingInline: "space-inset";
|
|
3611
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
3612
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
3613
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
3614
|
+
readonly scrollPaddingRight: "space-inset";
|
|
3615
|
+
readonly scrollPaddingTop: "space-inset";
|
|
3616
|
+
readonly stroke: "colors";
|
|
3617
|
+
readonly strokeWidth: "stroke-width";
|
|
3618
|
+
readonly textDecorationColor: "colors";
|
|
3619
|
+
readonly textShadow: "shadows";
|
|
3620
|
+
readonly top: "space";
|
|
3621
|
+
readonly transition: "transitions";
|
|
3622
|
+
readonly width: "sizes";
|
|
3623
|
+
readonly zIndex: "z-indices";
|
|
3624
|
+
}, {
|
|
3625
|
+
paddingX: (value: {
|
|
3626
|
+
readonly [$$PropertyValue]: "padding";
|
|
3627
|
+
}) => {
|
|
3628
|
+
paddingLeft: {
|
|
3629
|
+
readonly [$$PropertyValue]: "padding";
|
|
3630
|
+
};
|
|
3631
|
+
paddingRight: {
|
|
3632
|
+
readonly [$$PropertyValue]: "padding";
|
|
3633
|
+
};
|
|
3671
3634
|
};
|
|
3672
|
-
|
|
3635
|
+
paddingY: (value: {
|
|
3636
|
+
readonly [$$PropertyValue]: "padding";
|
|
3637
|
+
}) => {
|
|
3638
|
+
paddingTop: {
|
|
3639
|
+
readonly [$$PropertyValue]: "padding";
|
|
3640
|
+
};
|
|
3641
|
+
paddingBottom: {
|
|
3642
|
+
readonly [$$PropertyValue]: "padding";
|
|
3643
|
+
};
|
|
3644
|
+
};
|
|
3645
|
+
marginX: (value: {
|
|
3673
3646
|
readonly [$$PropertyValue]: "margin";
|
|
3647
|
+
}) => {
|
|
3648
|
+
marginLeft: {
|
|
3649
|
+
readonly [$$PropertyValue]: "margin";
|
|
3650
|
+
};
|
|
3651
|
+
marginRight: {
|
|
3652
|
+
readonly [$$PropertyValue]: "margin";
|
|
3653
|
+
};
|
|
3674
3654
|
};
|
|
3675
|
-
|
|
3676
|
-
|
|
3677
|
-
|
|
3678
|
-
|
|
3679
|
-
|
|
3680
|
-
|
|
3655
|
+
marginY: (value: {
|
|
3656
|
+
readonly [$$PropertyValue]: "margin";
|
|
3657
|
+
}) => {
|
|
3658
|
+
marginTop: {
|
|
3659
|
+
readonly [$$PropertyValue]: "margin";
|
|
3660
|
+
};
|
|
3661
|
+
marginBottom: {
|
|
3662
|
+
readonly [$$PropertyValue]: "margin";
|
|
3663
|
+
};
|
|
3681
3664
|
};
|
|
3682
|
-
|
|
3665
|
+
square: (value: {
|
|
3683
3666
|
readonly [$$PropertyValue]: "width";
|
|
3667
|
+
}) => {
|
|
3668
|
+
width: {
|
|
3669
|
+
readonly [$$PropertyValue]: "width";
|
|
3670
|
+
};
|
|
3671
|
+
height: {
|
|
3672
|
+
readonly [$$PropertyValue]: "width";
|
|
3673
|
+
};
|
|
3684
3674
|
};
|
|
3685
|
-
};
|
|
3686
|
-
}
|
|
3687
|
-
|
|
3688
|
-
|
|
3689
|
-
};
|
|
3690
|
-
} ? Composers["variants"] extends infer T ? { [K in keyof T]?: _stitches_react_types_util.Widen<keyof Composers["variants"][K]> | undefined; } : never : {})> & TransformProps<StyledComponentProps$1<[Composers]>, {}> & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
|
|
3675
|
+
}> | undefined;
|
|
3676
|
+
}>>> & {
|
|
3677
|
+
children?: React__default.ReactNode;
|
|
3678
|
+
} & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
|
|
3691
3679
|
'border-widths': {
|
|
3692
3680
|
readonly none: 0;
|
|
3693
3681
|
readonly sm: "1px";
|
|
@@ -3896,8 +3884,6 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3896
3884
|
readonly 200: "16px";
|
|
3897
3885
|
};
|
|
3898
3886
|
shadows: {
|
|
3899
|
-
readonly 50: "0 4px 16px #05003812";
|
|
3900
|
-
readonly 100: "0 8px 32px #05003808";
|
|
3901
3887
|
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";
|
|
3902
3888
|
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";
|
|
3903
3889
|
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";
|
|
@@ -3911,7 +3897,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3911
3897
|
readonly 'icon-400': "32px";
|
|
3912
3898
|
};
|
|
3913
3899
|
space: {
|
|
3914
|
-
readonly 0:
|
|
3900
|
+
readonly 0: "0px";
|
|
3915
3901
|
readonly 50: "4px";
|
|
3916
3902
|
readonly 100: "8px";
|
|
3917
3903
|
readonly 150: "12px";
|
|
@@ -3940,8 +3926,8 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3940
3926
|
readonly 200: any;
|
|
3941
3927
|
readonly 300: any;
|
|
3942
3928
|
readonly 400: any;
|
|
3943
|
-
readonly 500: any;
|
|
3944
3929
|
readonly 600: any;
|
|
3930
|
+
readonly 700: any;
|
|
3945
3931
|
readonly 800: any;
|
|
3946
3932
|
readonly 1200: any;
|
|
3947
3933
|
readonly 1600: any;
|