@mirohq/design-system-stitches 2.3.15-input.1 → 2.3.15-make-typecheck-great-again.0
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 +597 -578
- package/package.json +3 -3
package/dist/types.d.ts
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import React__default, { ElementType, PropsWithChildren, ComponentPropsWithRef, ComponentType } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { VariantProps, DefaultThemeMap, CSSProperties } from '@stitches/react';
|
|
4
|
+
import * as _stitches_react_types_util from '@stitches/react/types/util';
|
|
5
|
+
import { Prefixed, Index } from '@stitches/react/types/util';
|
|
6
|
+
import { Globals } from '@stitches/react/types/css';
|
|
7
|
+
import { ScaleValue } from '@stitches/react/types/theme';
|
|
8
|
+
import * as CSSUtil$1 from '@stitches/react/types/css-util';
|
|
9
|
+
import { $$PropertyValue as $$PropertyValue$1, $$ScaleValue } from '@stitches/react/types/css-util';
|
|
4
10
|
import { OnlyHTMLAttributes, ExtractValidKeys } from '@mirohq/design-system-types';
|
|
5
11
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
6
|
-
import { $$StyledComponentType, $$StyledComponentProps, $$StyledComponentMedia,
|
|
7
|
-
import * as _stitches_react_types_util from '@stitches/react/types/util';
|
|
12
|
+
import { $$StyledComponentType, $$StyledComponentProps, $$StyledComponentMedia, StyledComponentProps as StyledComponentProps$1, TransformProps } from '@stitches/react/types/styled-component';
|
|
8
13
|
import * as _stitches_react_types_stitches from '@stitches/react/types/stitches';
|
|
9
14
|
import { RemoveIndex } from '@stitches/react/types/stitches';
|
|
10
|
-
import * as CSSUtil from '@stitches/react/types/css-util';
|
|
11
15
|
import { tokens } from '@mirohq/design-tokens';
|
|
12
16
|
import { AliasColors } from '@mirohq/design-system-themes';
|
|
13
17
|
import { ConfigType } from '@stitches/react/types/config';
|
|
@@ -241,7 +245,6 @@ declare const config: {
|
|
|
241
245
|
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
246
|
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
247
|
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
248
|
};
|
|
246
249
|
sizes: {
|
|
247
250
|
readonly number: string;
|
|
@@ -280,7 +283,6 @@ declare const config: {
|
|
|
280
283
|
readonly 200: any;
|
|
281
284
|
readonly 300: any;
|
|
282
285
|
readonly 400: any;
|
|
283
|
-
readonly 500: any;
|
|
284
286
|
readonly 600: any;
|
|
285
287
|
readonly 700: any;
|
|
286
288
|
readonly 800: any;
|
|
@@ -452,53 +454,53 @@ declare const config: {
|
|
|
452
454
|
};
|
|
453
455
|
utils: {
|
|
454
456
|
paddingX: (value: {
|
|
455
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
457
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
456
458
|
}) => {
|
|
457
459
|
paddingLeft: {
|
|
458
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
460
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
459
461
|
};
|
|
460
462
|
paddingRight: {
|
|
461
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
463
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
462
464
|
};
|
|
463
465
|
};
|
|
464
466
|
paddingY: (value: {
|
|
465
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
467
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
466
468
|
}) => {
|
|
467
469
|
paddingTop: {
|
|
468
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
470
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
469
471
|
};
|
|
470
472
|
paddingBottom: {
|
|
471
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
473
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
472
474
|
};
|
|
473
475
|
};
|
|
474
476
|
marginX: (value: {
|
|
475
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
477
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
476
478
|
}) => {
|
|
477
479
|
marginLeft: {
|
|
478
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
480
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
479
481
|
};
|
|
480
482
|
marginRight: {
|
|
481
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
483
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
482
484
|
};
|
|
483
485
|
};
|
|
484
486
|
marginY: (value: {
|
|
485
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
487
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
486
488
|
}) => {
|
|
487
489
|
marginTop: {
|
|
488
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
490
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
489
491
|
};
|
|
490
492
|
marginBottom: {
|
|
491
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
493
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
492
494
|
};
|
|
493
495
|
};
|
|
494
496
|
square: (value: {
|
|
495
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
497
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
496
498
|
}) => {
|
|
497
499
|
width: {
|
|
498
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
500
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
499
501
|
};
|
|
500
502
|
height: {
|
|
501
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
503
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
502
504
|
};
|
|
503
505
|
};
|
|
504
506
|
};
|
|
@@ -729,7 +731,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
729
731
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
730
732
|
readonly 'focus-controls'?: string | number | boolean | undefined;
|
|
731
733
|
readonly 'focus-controls-error'?: string | number | boolean | undefined;
|
|
732
|
-
readonly 'focus-controls-success'?: string | number | boolean | undefined;
|
|
733
734
|
} | undefined;
|
|
734
735
|
sizes?: {
|
|
735
736
|
readonly number?: string | number | boolean | undefined;
|
|
@@ -768,7 +769,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
768
769
|
readonly 200?: string | number | boolean | undefined;
|
|
769
770
|
readonly 300?: string | number | boolean | undefined;
|
|
770
771
|
readonly 400?: string | number | boolean | undefined;
|
|
771
|
-
readonly 500?: string | number | boolean | undefined;
|
|
772
772
|
readonly 600?: string | number | boolean | undefined;
|
|
773
773
|
readonly 700?: string | number | boolean | undefined;
|
|
774
774
|
readonly 800?: string | number | boolean | undefined;
|
|
@@ -1037,7 +1037,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1037
1037
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
1038
1038
|
readonly 'focus-controls'?: string | number | boolean | undefined;
|
|
1039
1039
|
readonly 'focus-controls-error'?: string | number | boolean | undefined;
|
|
1040
|
-
readonly 'focus-controls-success'?: string | number | boolean | undefined;
|
|
1041
1040
|
} | undefined;
|
|
1042
1041
|
sizes?: {
|
|
1043
1042
|
readonly number?: string | number | boolean | undefined;
|
|
@@ -1076,7 +1075,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1076
1075
|
readonly 200?: string | number | boolean | undefined;
|
|
1077
1076
|
readonly 300?: string | number | boolean | undefined;
|
|
1078
1077
|
readonly 400?: string | number | boolean | undefined;
|
|
1079
|
-
readonly 500?: string | number | boolean | undefined;
|
|
1080
1078
|
readonly 600?: string | number | boolean | undefined;
|
|
1081
1079
|
readonly 700?: string | number | boolean | undefined;
|
|
1082
1080
|
readonly 800?: string | number | boolean | undefined;
|
|
@@ -1125,7 +1123,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1125
1123
|
} & (Argument0 extends string ? _stitches_react_types_stitches.ThemeTokens<Argument1, ""> : _stitches_react_types_stitches.ThemeTokens<Argument0, "">);
|
|
1126
1124
|
declare const css: <Composers extends (string | _stitches_react_types_util.Function | React.JSXElementConstructor<any> | React.ExoticComponent<any> | {
|
|
1127
1125
|
[name: string]: unknown;
|
|
1128
|
-
})[], CSS = CSSUtil.CSS<{}, {
|
|
1126
|
+
})[], CSS = CSSUtil$1.CSS<{}, {
|
|
1129
1127
|
'border-widths': {
|
|
1130
1128
|
readonly none: 0;
|
|
1131
1129
|
readonly sm: "1px";
|
|
@@ -1351,7 +1349,6 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1351
1349
|
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
1350
|
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
1351
|
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
1352
|
};
|
|
1356
1353
|
sizes: {
|
|
1357
1354
|
readonly number: string;
|
|
@@ -1390,7 +1387,6 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1390
1387
|
readonly 200: any;
|
|
1391
1388
|
readonly 300: any;
|
|
1392
1389
|
readonly 400: any;
|
|
1393
|
-
readonly 500: any;
|
|
1394
1390
|
readonly 600: any;
|
|
1395
1391
|
readonly 700: any;
|
|
1396
1392
|
readonly 800: any;
|
|
@@ -1560,53 +1556,53 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1560
1556
|
readonly zIndex: "z-indices";
|
|
1561
1557
|
}, {
|
|
1562
1558
|
paddingX: (value: {
|
|
1563
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
1559
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
1564
1560
|
}) => {
|
|
1565
1561
|
paddingLeft: {
|
|
1566
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
1562
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
1567
1563
|
};
|
|
1568
1564
|
paddingRight: {
|
|
1569
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
1565
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
1570
1566
|
};
|
|
1571
1567
|
};
|
|
1572
1568
|
paddingY: (value: {
|
|
1573
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
1569
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
1574
1570
|
}) => {
|
|
1575
1571
|
paddingTop: {
|
|
1576
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
1572
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
1577
1573
|
};
|
|
1578
1574
|
paddingBottom: {
|
|
1579
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
1575
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
1580
1576
|
};
|
|
1581
1577
|
};
|
|
1582
1578
|
marginX: (value: {
|
|
1583
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
1579
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
1584
1580
|
}) => {
|
|
1585
1581
|
marginLeft: {
|
|
1586
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
1582
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
1587
1583
|
};
|
|
1588
1584
|
marginRight: {
|
|
1589
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
1585
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
1590
1586
|
};
|
|
1591
1587
|
};
|
|
1592
1588
|
marginY: (value: {
|
|
1593
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
1589
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
1594
1590
|
}) => {
|
|
1595
1591
|
marginTop: {
|
|
1596
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
1592
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
1597
1593
|
};
|
|
1598
1594
|
marginBottom: {
|
|
1599
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
1595
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
1600
1596
|
};
|
|
1601
1597
|
};
|
|
1602
1598
|
square: (value: {
|
|
1603
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
1599
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
1604
1600
|
}) => {
|
|
1605
1601
|
width: {
|
|
1606
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
1602
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
1607
1603
|
};
|
|
1608
1604
|
height: {
|
|
1609
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
1605
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
1610
1606
|
};
|
|
1611
1607
|
};
|
|
1612
1608
|
}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | React.JSXElementConstructor<any> | React.ExoticComponent<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS> & {
|
|
@@ -1627,8 +1623,8 @@ declare const globalCss: <Styles extends {
|
|
|
1627
1623
|
}>(...styles: ({
|
|
1628
1624
|
'@import'?: unknown;
|
|
1629
1625
|
'@font-face'?: unknown;
|
|
1630
|
-
} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? CSSUtil.Native.AtRule.FontFace | CSSUtil.Native.AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
|
|
1631
|
-
[x: string]: CSSUtil.CSS<{}, {
|
|
1626
|
+
} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? CSSUtil$1.Native.AtRule.FontFace | CSSUtil$1.Native.AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
|
|
1627
|
+
[x: string]: CSSUtil$1.CSS<{}, {
|
|
1632
1628
|
'border-widths': {
|
|
1633
1629
|
readonly none: 0;
|
|
1634
1630
|
readonly sm: "1px";
|
|
@@ -1854,7 +1850,6 @@ declare const globalCss: <Styles extends {
|
|
|
1854
1850
|
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
1851
|
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
1852
|
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
1853
|
};
|
|
1859
1854
|
sizes: {
|
|
1860
1855
|
readonly number: string;
|
|
@@ -1893,7 +1888,6 @@ declare const globalCss: <Styles extends {
|
|
|
1893
1888
|
readonly 200: any;
|
|
1894
1889
|
readonly 300: any;
|
|
1895
1890
|
readonly 400: any;
|
|
1896
|
-
readonly 500: any;
|
|
1897
1891
|
readonly 600: any;
|
|
1898
1892
|
readonly 700: any;
|
|
1899
1893
|
readonly 800: any;
|
|
@@ -2063,57 +2057,57 @@ declare const globalCss: <Styles extends {
|
|
|
2063
2057
|
readonly zIndex: "z-indices";
|
|
2064
2058
|
}, {
|
|
2065
2059
|
paddingX: (value: {
|
|
2066
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2060
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
2067
2061
|
}) => {
|
|
2068
2062
|
paddingLeft: {
|
|
2069
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2063
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
2070
2064
|
};
|
|
2071
2065
|
paddingRight: {
|
|
2072
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2066
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
2073
2067
|
};
|
|
2074
2068
|
};
|
|
2075
2069
|
paddingY: (value: {
|
|
2076
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2070
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
2077
2071
|
}) => {
|
|
2078
2072
|
paddingTop: {
|
|
2079
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2073
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
2080
2074
|
};
|
|
2081
2075
|
paddingBottom: {
|
|
2082
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2076
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
2083
2077
|
};
|
|
2084
2078
|
};
|
|
2085
2079
|
marginX: (value: {
|
|
2086
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2080
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
2087
2081
|
}) => {
|
|
2088
2082
|
marginLeft: {
|
|
2089
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2083
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
2090
2084
|
};
|
|
2091
2085
|
marginRight: {
|
|
2092
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2086
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
2093
2087
|
};
|
|
2094
2088
|
};
|
|
2095
2089
|
marginY: (value: {
|
|
2096
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2090
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
2097
2091
|
}) => {
|
|
2098
2092
|
marginTop: {
|
|
2099
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2093
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
2100
2094
|
};
|
|
2101
2095
|
marginBottom: {
|
|
2102
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2096
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
2103
2097
|
};
|
|
2104
2098
|
};
|
|
2105
2099
|
square: (value: {
|
|
2106
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
2100
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
2107
2101
|
}) => {
|
|
2108
2102
|
width: {
|
|
2109
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
2103
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
2110
2104
|
};
|
|
2111
2105
|
height: {
|
|
2112
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
2106
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
2113
2107
|
};
|
|
2114
2108
|
};
|
|
2115
2109
|
}>;
|
|
2116
|
-
} : K extends `@property ${string}` ? CSSUtil.Native.AtRule.Property : CSSUtil.CSS<{}, {
|
|
2110
|
+
} : K extends `@property ${string}` ? CSSUtil$1.Native.AtRule.Property : CSSUtil$1.CSS<{}, {
|
|
2117
2111
|
'border-widths': {
|
|
2118
2112
|
readonly none: 0;
|
|
2119
2113
|
readonly sm: "1px";
|
|
@@ -2339,7 +2333,6 @@ declare const globalCss: <Styles extends {
|
|
|
2339
2333
|
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
2334
|
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
2335
|
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
2336
|
};
|
|
2344
2337
|
sizes: {
|
|
2345
2338
|
readonly number: string;
|
|
@@ -2378,7 +2371,6 @@ declare const globalCss: <Styles extends {
|
|
|
2378
2371
|
readonly 200: any;
|
|
2379
2372
|
readonly 300: any;
|
|
2380
2373
|
readonly 400: any;
|
|
2381
|
-
readonly 500: any;
|
|
2382
2374
|
readonly 600: any;
|
|
2383
2375
|
readonly 700: any;
|
|
2384
2376
|
readonly 800: any;
|
|
@@ -2548,58 +2540,58 @@ declare const globalCss: <Styles extends {
|
|
|
2548
2540
|
readonly zIndex: "z-indices";
|
|
2549
2541
|
}, {
|
|
2550
2542
|
paddingX: (value: {
|
|
2551
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2543
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
2552
2544
|
}) => {
|
|
2553
2545
|
paddingLeft: {
|
|
2554
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2546
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
2555
2547
|
};
|
|
2556
2548
|
paddingRight: {
|
|
2557
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2549
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
2558
2550
|
};
|
|
2559
2551
|
};
|
|
2560
2552
|
paddingY: (value: {
|
|
2561
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2553
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
2562
2554
|
}) => {
|
|
2563
2555
|
paddingTop: {
|
|
2564
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2556
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
2565
2557
|
};
|
|
2566
2558
|
paddingBottom: {
|
|
2567
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
2559
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
2568
2560
|
};
|
|
2569
2561
|
};
|
|
2570
2562
|
marginX: (value: {
|
|
2571
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2563
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
2572
2564
|
}) => {
|
|
2573
2565
|
marginLeft: {
|
|
2574
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2566
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
2575
2567
|
};
|
|
2576
2568
|
marginRight: {
|
|
2577
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2569
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
2578
2570
|
};
|
|
2579
2571
|
};
|
|
2580
2572
|
marginY: (value: {
|
|
2581
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2573
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
2582
2574
|
}) => {
|
|
2583
2575
|
marginTop: {
|
|
2584
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2576
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
2585
2577
|
};
|
|
2586
2578
|
marginBottom: {
|
|
2587
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
2579
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
2588
2580
|
};
|
|
2589
2581
|
};
|
|
2590
2582
|
square: (value: {
|
|
2591
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
2583
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
2592
2584
|
}) => {
|
|
2593
2585
|
width: {
|
|
2594
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
2586
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
2595
2587
|
};
|
|
2596
2588
|
height: {
|
|
2597
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
2589
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
2598
2590
|
};
|
|
2599
2591
|
};
|
|
2600
2592
|
}>; })[]) => () => string;
|
|
2601
2593
|
declare const keyframes: (style: {
|
|
2602
|
-
[offset: string]: CSSUtil.CSS<{}, {
|
|
2594
|
+
[offset: string]: CSSUtil$1.CSS<{}, {
|
|
2603
2595
|
'border-widths': {
|
|
2604
2596
|
readonly none: 0;
|
|
2605
2597
|
readonly sm: "1px";
|
|
@@ -2825,7 +2817,6 @@ declare const keyframes: (style: {
|
|
|
2825
2817
|
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
2818
|
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
2819
|
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
2820
|
};
|
|
2830
2821
|
sizes: {
|
|
2831
2822
|
readonly number: string;
|
|
@@ -2864,7 +2855,6 @@ declare const keyframes: (style: {
|
|
|
2864
2855
|
readonly 200: any;
|
|
2865
2856
|
readonly 300: any;
|
|
2866
2857
|
readonly 400: any;
|
|
2867
|
-
readonly 500: any;
|
|
2868
2858
|
readonly 600: any;
|
|
2869
2859
|
readonly 700: any;
|
|
2870
2860
|
readonly 800: any;
|
|
@@ -3034,53 +3024,53 @@ declare const keyframes: (style: {
|
|
|
3034
3024
|
readonly zIndex: "z-indices";
|
|
3035
3025
|
}, {
|
|
3036
3026
|
paddingX: (value: {
|
|
3037
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
3027
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
3038
3028
|
}) => {
|
|
3039
3029
|
paddingLeft: {
|
|
3040
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
3030
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
3041
3031
|
};
|
|
3042
3032
|
paddingRight: {
|
|
3043
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
3033
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
3044
3034
|
};
|
|
3045
3035
|
};
|
|
3046
3036
|
paddingY: (value: {
|
|
3047
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
3037
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
3048
3038
|
}) => {
|
|
3049
3039
|
paddingTop: {
|
|
3050
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
3040
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
3051
3041
|
};
|
|
3052
3042
|
paddingBottom: {
|
|
3053
|
-
readonly [CSSUtil.$$PropertyValue]: "padding";
|
|
3043
|
+
readonly [CSSUtil$1.$$PropertyValue]: "padding";
|
|
3054
3044
|
};
|
|
3055
3045
|
};
|
|
3056
3046
|
marginX: (value: {
|
|
3057
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
3047
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
3058
3048
|
}) => {
|
|
3059
3049
|
marginLeft: {
|
|
3060
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
3050
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
3061
3051
|
};
|
|
3062
3052
|
marginRight: {
|
|
3063
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
3053
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
3064
3054
|
};
|
|
3065
3055
|
};
|
|
3066
3056
|
marginY: (value: {
|
|
3067
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
3057
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
3068
3058
|
}) => {
|
|
3069
3059
|
marginTop: {
|
|
3070
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
3060
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
3071
3061
|
};
|
|
3072
3062
|
marginBottom: {
|
|
3073
|
-
readonly [CSSUtil.$$PropertyValue]: "margin";
|
|
3063
|
+
readonly [CSSUtil$1.$$PropertyValue]: "margin";
|
|
3074
3064
|
};
|
|
3075
3065
|
};
|
|
3076
3066
|
square: (value: {
|
|
3077
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
3067
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
3078
3068
|
}) => {
|
|
3079
3069
|
width: {
|
|
3080
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
3070
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
3081
3071
|
};
|
|
3082
3072
|
height: {
|
|
3083
|
-
readonly [CSSUtil.$$PropertyValue]: "width";
|
|
3073
|
+
readonly [CSSUtil$1.$$PropertyValue]: "width";
|
|
3084
3074
|
};
|
|
3085
3075
|
};
|
|
3086
3076
|
}>;
|
|
@@ -3088,13 +3078,13 @@ declare const keyframes: (style: {
|
|
|
3088
3078
|
(): string;
|
|
3089
3079
|
name: string;
|
|
3090
3080
|
};
|
|
3091
|
-
declare type FontFace = CSSUtil.Native.AtRule.FontFace;
|
|
3081
|
+
declare type FontFace = CSSUtil$1.Native.AtRule.FontFace;
|
|
3092
3082
|
declare const fontFace: (...fonts: FontFace[]) => string;
|
|
3093
3083
|
|
|
3094
3084
|
declare type ForbiddenProps = 'className' | 'style' | 'as';
|
|
3095
3085
|
declare type AllowedProps = 'css' | 'asChild' | 'UNSAFE_style' | 'children';
|
|
3096
3086
|
declare type SafeProps<T> = Omit<T, ForbiddenProps>;
|
|
3097
|
-
declare type CSS =
|
|
3087
|
+
declare type CSS = StitchesCSS<typeof config>;
|
|
3098
3088
|
/**
|
|
3099
3089
|
* Build a type with all props from a element and Stitches CSS keys
|
|
3100
3090
|
* and remove dangerous attributes that could cause styles issues
|
|
@@ -3118,6 +3108,35 @@ declare type StrictComponentProps<Element extends ElementType> = Omit<StyledComp
|
|
|
3118
3108
|
* Get a union type from styled variant
|
|
3119
3109
|
*/
|
|
3120
3110
|
declare type NonResponsiveVariantProps<Element extends {}, Prop extends keyof VariantProps<Element>> = ExtractValidKeys<VariantProps<Element>[Prop]>;
|
|
3111
|
+
declare type ValueByPropertyName<PropertyName> = PropertyName extends keyof CSSProperties ? CSSProperties[PropertyName] : never;
|
|
3112
|
+
declare type TokenByPropertyName<PropertyName, Theme, ThemeMap> = PropertyName extends keyof ThemeMap ? TokenByScaleName<ThemeMap[PropertyName], Theme> : never;
|
|
3113
|
+
declare type TokenByScaleName<ScaleName, Theme> = ScaleName extends keyof Theme ? Prefixed<'$', keyof Theme[ScaleName]> : never;
|
|
3114
|
+
declare type StitchesCSS<Config extends {
|
|
3115
|
+
media?: {};
|
|
3116
|
+
theme?: {};
|
|
3117
|
+
themeMap?: {};
|
|
3118
|
+
utils?: {};
|
|
3119
|
+
} = {
|
|
3120
|
+
media: {};
|
|
3121
|
+
theme: {};
|
|
3122
|
+
themeMap: {};
|
|
3123
|
+
utils: {};
|
|
3124
|
+
}> = CSSUtil<Config['media'], Config['theme'], Config['themeMap'], Config['utils']>;
|
|
3125
|
+
declare type CSSUtil<Media = {}, Theme = {}, ThemeMap = DefaultThemeMap, Utils = {}> = {
|
|
3126
|
+
[K in Prefixed<'@', keyof Media>]?: CSSUtil<Media, Theme, ThemeMap, Utils>;
|
|
3127
|
+
} & {
|
|
3128
|
+
[K in keyof CSSProperties]?: ValueByPropertyName<K> | TokenByPropertyName<K, Theme, ThemeMap> | Globals | ScaleValue | Index | undefined;
|
|
3129
|
+
} & {
|
|
3130
|
+
[K in keyof Utils as K extends keyof CSSProperties ? never : K]?: Utils[K] extends (arg: infer P) => any ? (P extends any[] ? Array<$$PropertyValue$1 extends keyof P[0] ? ValueByPropertyName<P[0][$$PropertyValue$1]> | TokenByPropertyName<P[0][$$PropertyValue$1], Theme, ThemeMap> | Globals | ScaleValue | undefined : $$ScaleValue extends keyof P[0] ? TokenByScaleName<P[0][$$ScaleValue], Theme> | {
|
|
3131
|
+
scale: P[0][$$ScaleValue];
|
|
3132
|
+
} | undefined : never> | P : $$PropertyValue$1 extends keyof P ? ValueByPropertyName<P[$$PropertyValue$1]> | TokenByPropertyName<P[$$PropertyValue$1], Theme, ThemeMap> | Globals | undefined : $$ScaleValue extends keyof P ? TokenByScaleName<P[$$ScaleValue], Theme> | {
|
|
3133
|
+
scale: P[$$ScaleValue];
|
|
3134
|
+
} | undefined : never) | P : never;
|
|
3135
|
+
} & {
|
|
3136
|
+
[K in keyof ThemeMap as K extends keyof CSSProperties ? never : K extends keyof Utils ? never : K]?: Globals | Index | undefined;
|
|
3137
|
+
} & {
|
|
3138
|
+
[K: string]: number | string | any | {} | undefined;
|
|
3139
|
+
};
|
|
3121
3140
|
|
|
3122
3141
|
declare const themeMap: {
|
|
3123
3142
|
readonly background: "colors";
|
|
@@ -3303,495 +3322,497 @@ interface CustomStylesProps {
|
|
|
3303
3322
|
}
|
|
3304
3323
|
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
3324
|
[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";
|
|
3325
|
+
} = {}>(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 {
|
|
3326
|
+
variants: {
|
|
3327
|
+
[name: string]: unknown;
|
|
3539
3328
|
};
|
|
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
|
-
|
|
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
|
-
readonly
|
|
3329
|
+
} ? 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<{}, {}> & {
|
|
3330
|
+
css?: CSSUtil$1.CSS<{}, {
|
|
3331
|
+
'border-widths': {
|
|
3332
|
+
readonly none: 0;
|
|
3333
|
+
readonly sm: "1px";
|
|
3334
|
+
readonly md: "2px";
|
|
3335
|
+
readonly lg: "4px";
|
|
3336
|
+
};
|
|
3337
|
+
colors: {
|
|
3338
|
+
readonly black: any;
|
|
3339
|
+
readonly 'blue-100': any;
|
|
3340
|
+
readonly 'blue-200': any;
|
|
3341
|
+
readonly 'blue-300': any;
|
|
3342
|
+
readonly 'blue-400': any;
|
|
3343
|
+
readonly 'blue-500': any;
|
|
3344
|
+
readonly 'blue-600': any;
|
|
3345
|
+
readonly 'blue-700': any;
|
|
3346
|
+
readonly 'blue-800': any;
|
|
3347
|
+
readonly 'blue-900': any;
|
|
3348
|
+
readonly 'blue-1000': any;
|
|
3349
|
+
readonly 'gray-100': any;
|
|
3350
|
+
readonly 'gray-200': any;
|
|
3351
|
+
readonly 'gray-300': any;
|
|
3352
|
+
readonly 'gray-400': any;
|
|
3353
|
+
readonly 'gray-500': any;
|
|
3354
|
+
readonly 'gray-600': any;
|
|
3355
|
+
readonly 'gray-700': any;
|
|
3356
|
+
readonly 'gray-800': any;
|
|
3357
|
+
readonly 'gray-900': any;
|
|
3358
|
+
readonly 'green-100': any;
|
|
3359
|
+
readonly 'green-200': any;
|
|
3360
|
+
readonly 'green-300': any;
|
|
3361
|
+
readonly 'green-400': any;
|
|
3362
|
+
readonly 'green-500': any;
|
|
3363
|
+
readonly 'green-600': any;
|
|
3364
|
+
readonly 'green-700': any;
|
|
3365
|
+
readonly 'green-800': any;
|
|
3366
|
+
readonly 'green-900': any;
|
|
3367
|
+
readonly 'indigo-100': any;
|
|
3368
|
+
readonly 'indigo-200': any;
|
|
3369
|
+
readonly 'indigo-300': any;
|
|
3370
|
+
readonly 'indigo-400': any;
|
|
3371
|
+
readonly 'indigo-500': any;
|
|
3372
|
+
readonly 'indigo-600': any;
|
|
3373
|
+
readonly 'indigo-700': any;
|
|
3374
|
+
readonly 'indigo-800': any;
|
|
3375
|
+
readonly 'indigo-900': any;
|
|
3376
|
+
readonly 'red-100': any;
|
|
3377
|
+
readonly 'red-200': any;
|
|
3378
|
+
readonly 'red-300': any;
|
|
3379
|
+
readonly 'red-400': any;
|
|
3380
|
+
readonly 'red-500': any;
|
|
3381
|
+
readonly 'red-600': any;
|
|
3382
|
+
readonly 'red-700': any;
|
|
3383
|
+
readonly 'red-800': any;
|
|
3384
|
+
readonly 'red-900': any;
|
|
3385
|
+
readonly transparent: any;
|
|
3386
|
+
readonly white: any;
|
|
3387
|
+
readonly 'yellow-100': any;
|
|
3388
|
+
readonly 'yellow-200': any;
|
|
3389
|
+
readonly 'yellow-300': any;
|
|
3390
|
+
readonly 'yellow-400': any;
|
|
3391
|
+
readonly 'yellow-500': any;
|
|
3392
|
+
readonly 'yellow-600': any;
|
|
3393
|
+
readonly 'yellow-700': any;
|
|
3394
|
+
readonly 'yellow-800': any;
|
|
3395
|
+
readonly 'yellow-900': any;
|
|
3396
|
+
"background-alpha-active"?: any;
|
|
3397
|
+
"background-alpha-hover"?: any;
|
|
3398
|
+
"background-danger-prominent"?: any;
|
|
3399
|
+
"background-danger-prominent-active"?: any;
|
|
3400
|
+
"background-danger-prominent-hover"?: any;
|
|
3401
|
+
"background-danger-subtle"?: any;
|
|
3402
|
+
"background-danger-subtle-active"?: any;
|
|
3403
|
+
"background-danger-subtle-hover"?: any;
|
|
3404
|
+
"background-neutrals"?: any;
|
|
3405
|
+
"background-neutrals-active"?: any;
|
|
3406
|
+
"background-neutrals-container"?: any;
|
|
3407
|
+
"background-neutrals-controls-disabled"?: any;
|
|
3408
|
+
"background-neutrals-disabled"?: any;
|
|
3409
|
+
"background-neutrals-hover"?: any;
|
|
3410
|
+
"background-neutrals-inactive"?: any;
|
|
3411
|
+
"background-neutrals-inactive-hover"?: any;
|
|
3412
|
+
"background-neutrals-inverted"?: any;
|
|
3413
|
+
"background-neutrals-inverted-subtle"?: any;
|
|
3414
|
+
"background-neutrals-page"?: any;
|
|
3415
|
+
"background-neutrals-page-subtle"?: any;
|
|
3416
|
+
"background-neutrals-scrolls"?: any;
|
|
3417
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
3418
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
3419
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
3420
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
3421
|
+
"background-neutrals-subtle"?: any;
|
|
3422
|
+
"background-neutrals-subtle-active"?: any;
|
|
3423
|
+
"background-neutrals-subtle-hover"?: any;
|
|
3424
|
+
"background-primary-prominent"?: any;
|
|
3425
|
+
"background-primary-prominent-active"?: any;
|
|
3426
|
+
"background-primary-prominent-expanded"?: any;
|
|
3427
|
+
"background-primary-prominent-hover"?: any;
|
|
3428
|
+
"background-primary-prominent-pressed"?: any;
|
|
3429
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
3430
|
+
"background-primary-prominent-selected"?: any;
|
|
3431
|
+
"background-primary-subtle"?: any;
|
|
3432
|
+
"background-primary-subtle-active"?: any;
|
|
3433
|
+
"background-primary-subtle-expanded"?: any;
|
|
3434
|
+
"background-primary-subtle-hover"?: any;
|
|
3435
|
+
"background-primary-subtle-pressed"?: any;
|
|
3436
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
3437
|
+
"background-primary-subtle-selected"?: any;
|
|
3438
|
+
"background-success"?: any;
|
|
3439
|
+
"background-success-prominent"?: any;
|
|
3440
|
+
"background-success-prominent-active"?: any;
|
|
3441
|
+
"background-success-prominent-hover"?: any;
|
|
3442
|
+
"background-warning-prominent"?: any;
|
|
3443
|
+
"background-warning-subtle"?: any;
|
|
3444
|
+
"border-danger"?: any;
|
|
3445
|
+
"border-danger-active"?: any;
|
|
3446
|
+
"border-danger-hover"?: any;
|
|
3447
|
+
"border-focus-inner"?: any;
|
|
3448
|
+
"border-focus-middle"?: any;
|
|
3449
|
+
"border-focus-outer"?: any;
|
|
3450
|
+
"border-neutrals"?: any;
|
|
3451
|
+
"border-neutrals-active"?: any;
|
|
3452
|
+
"border-neutrals-controls"?: any;
|
|
3453
|
+
"border-neutrals-controls-disabled"?: any;
|
|
3454
|
+
"border-neutrals-disabled"?: any;
|
|
3455
|
+
"border-neutrals-hover"?: any;
|
|
3456
|
+
"border-neutrals-inverted"?: any;
|
|
3457
|
+
"border-neutrals-subtle"?: any;
|
|
3458
|
+
"border-neutrals-text"?: any;
|
|
3459
|
+
"border-neutrals-text-active"?: any;
|
|
3460
|
+
"border-neutrals-text-hover"?: any;
|
|
3461
|
+
"border-neutrals-text-subtle"?: any;
|
|
3462
|
+
"border-neutrals-text-subtle-active"?: any;
|
|
3463
|
+
"border-neutrals-text-subtle-hover"?: any;
|
|
3464
|
+
"border-neutrals-transparent"?: any;
|
|
3465
|
+
"border-primary"?: any;
|
|
3466
|
+
"border-primary-active"?: any;
|
|
3467
|
+
"border-primary-hover"?: any;
|
|
3468
|
+
"border-primary-inverted"?: any;
|
|
3469
|
+
"border-success"?: any;
|
|
3470
|
+
"border-success-active"?: any;
|
|
3471
|
+
"border-success-hover"?: any;
|
|
3472
|
+
"border-warning"?: any;
|
|
3473
|
+
"icon-danger"?: any;
|
|
3474
|
+
"icon-danger-active"?: any;
|
|
3475
|
+
"icon-danger-hover"?: any;
|
|
3476
|
+
"icon-danger-inverted"?: any;
|
|
3477
|
+
"icon-neutrals"?: any;
|
|
3478
|
+
"icon-neutrals-disabled"?: any;
|
|
3479
|
+
"icon-neutrals-inactive"?: any;
|
|
3480
|
+
"icon-neutrals-inactive-hover"?: any;
|
|
3481
|
+
"icon-neutrals-inverted"?: any;
|
|
3482
|
+
"icon-neutrals-search"?: any;
|
|
3483
|
+
"icon-neutrals-subtle"?: any;
|
|
3484
|
+
"icon-neutrals-text"?: any;
|
|
3485
|
+
"icon-primary"?: any;
|
|
3486
|
+
"icon-primary-active"?: any;
|
|
3487
|
+
"icon-primary-hover"?: any;
|
|
3488
|
+
"icon-primary-inverted"?: any;
|
|
3489
|
+
"icon-primary-selected"?: any;
|
|
3490
|
+
"icon-success"?: any;
|
|
3491
|
+
"icon-success-active"?: any;
|
|
3492
|
+
"icon-success-hover"?: any;
|
|
3493
|
+
"icon-success-inverted"?: any;
|
|
3494
|
+
"icon-warning"?: any;
|
|
3495
|
+
"icon-warning-prominent"?: any;
|
|
3496
|
+
"icon-warning-subtle"?: any;
|
|
3497
|
+
"text-danger"?: any;
|
|
3498
|
+
"text-danger-active"?: any;
|
|
3499
|
+
"text-danger-hover"?: any;
|
|
3500
|
+
"text-danger-inverted"?: any;
|
|
3501
|
+
"text-neutrals"?: any;
|
|
3502
|
+
"text-neutrals-active"?: any;
|
|
3503
|
+
"text-neutrals-disabled"?: any;
|
|
3504
|
+
"text-neutrals-hover"?: any;
|
|
3505
|
+
"text-neutrals-inverted"?: any;
|
|
3506
|
+
"text-neutrals-placeholder"?: any;
|
|
3507
|
+
"text-neutrals-placeholder-only"?: any;
|
|
3508
|
+
"text-neutrals-subtle"?: any;
|
|
3509
|
+
"text-neutrals-subtle-active"?: any;
|
|
3510
|
+
"text-neutrals-subtle-hover"?: any;
|
|
3511
|
+
"text-primary"?: any;
|
|
3512
|
+
"text-primary-active"?: any;
|
|
3513
|
+
"text-primary-hover"?: any;
|
|
3514
|
+
"text-primary-inverted"?: any;
|
|
3515
|
+
"text-primary-inverted-subtle"?: any;
|
|
3516
|
+
"text-primary-selected"?: any;
|
|
3517
|
+
"text-success"?: any;
|
|
3518
|
+
"text-success-active"?: any;
|
|
3519
|
+
"text-success-hover"?: any;
|
|
3520
|
+
"text-success-inverted"?: any;
|
|
3521
|
+
"text-warning"?: any;
|
|
3522
|
+
"text-warning-subtle"?: any;
|
|
3523
|
+
};
|
|
3524
|
+
'font-sizes': {
|
|
3525
|
+
readonly 150: "0.75rem";
|
|
3526
|
+
readonly 175: "0.875rem";
|
|
3527
|
+
readonly 200: "1rem";
|
|
3528
|
+
readonly 225: "1.125rem";
|
|
3529
|
+
readonly 250: "1.25rem";
|
|
3530
|
+
readonly 300: "1.5rem";
|
|
3531
|
+
readonly 400: "2rem";
|
|
3532
|
+
readonly 500: "2.5rem";
|
|
3533
|
+
readonly 600: "3rem";
|
|
3534
|
+
readonly 800: "4rem";
|
|
3535
|
+
readonly 900: "4.5rem";
|
|
3536
|
+
};
|
|
3537
|
+
fonts: {
|
|
3538
|
+
readonly heading: "Roobert, sans-serif";
|
|
3539
|
+
readonly body: "Open Sans, sans-serif";
|
|
3540
|
+
};
|
|
3541
|
+
radii: {
|
|
3542
|
+
readonly none: 0;
|
|
3543
|
+
readonly half: "999em";
|
|
3544
|
+
readonly 25: "2px";
|
|
3545
|
+
readonly 50: "4px";
|
|
3546
|
+
readonly 75: "6px";
|
|
3547
|
+
readonly 100: "8px";
|
|
3548
|
+
readonly 200: "16px";
|
|
3549
|
+
};
|
|
3550
|
+
shadows: {
|
|
3551
|
+
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";
|
|
3552
|
+
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";
|
|
3553
|
+
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";
|
|
3554
|
+
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";
|
|
3555
|
+
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";
|
|
3556
|
+
};
|
|
3557
|
+
sizes: {
|
|
3558
|
+
readonly number: string;
|
|
3559
|
+
readonly 'icon-200': "16px";
|
|
3560
|
+
readonly 'icon-300': "24px";
|
|
3561
|
+
readonly 'icon-400': "32px";
|
|
3562
|
+
};
|
|
3563
|
+
space: {
|
|
3564
|
+
readonly 0: "0px";
|
|
3565
|
+
readonly 25: "2px";
|
|
3566
|
+
readonly 50: "4px";
|
|
3567
|
+
readonly 100: "8px";
|
|
3568
|
+
readonly 150: "12px";
|
|
3569
|
+
readonly 200: "16px";
|
|
3570
|
+
readonly 300: "24px";
|
|
3571
|
+
readonly 400: "32px";
|
|
3572
|
+
readonly 500: "40px";
|
|
3573
|
+
readonly 600: "48px";
|
|
3574
|
+
readonly 700: "56px";
|
|
3575
|
+
readonly 800: "64px";
|
|
3576
|
+
readonly 1200: "96px";
|
|
3577
|
+
readonly 1600: "128px";
|
|
3745
3578
|
};
|
|
3746
|
-
|
|
3747
|
-
readonly
|
|
3579
|
+
'space-gap': {
|
|
3580
|
+
readonly 0: any;
|
|
3581
|
+
readonly 50: any;
|
|
3582
|
+
readonly 100: any;
|
|
3583
|
+
readonly 200: any;
|
|
3584
|
+
readonly 300: any;
|
|
3748
3585
|
};
|
|
3749
|
-
|
|
3750
|
-
|
|
3751
|
-
|
|
3752
|
-
|
|
3753
|
-
|
|
3754
|
-
readonly
|
|
3586
|
+
'space-inset': {
|
|
3587
|
+
readonly 0: any;
|
|
3588
|
+
readonly 50: any;
|
|
3589
|
+
readonly 100: any;
|
|
3590
|
+
readonly 150: any;
|
|
3591
|
+
readonly 200: any;
|
|
3592
|
+
readonly 300: any;
|
|
3593
|
+
readonly 400: any;
|
|
3594
|
+
readonly 600: any;
|
|
3595
|
+
readonly 700: any;
|
|
3596
|
+
readonly 800: any;
|
|
3597
|
+
readonly 1200: any;
|
|
3598
|
+
readonly 1600: any;
|
|
3755
3599
|
};
|
|
3756
|
-
|
|
3757
|
-
readonly
|
|
3600
|
+
'space-offset': {
|
|
3601
|
+
readonly 0: any;
|
|
3602
|
+
readonly 50: any;
|
|
3603
|
+
readonly 100: any;
|
|
3604
|
+
readonly 150: any;
|
|
3605
|
+
readonly 200: any;
|
|
3606
|
+
readonly 300: any;
|
|
3607
|
+
readonly 400: any;
|
|
3608
|
+
readonly 600: any;
|
|
3609
|
+
readonly 800: any;
|
|
3610
|
+
readonly 1200: any;
|
|
3611
|
+
readonly 1600: any;
|
|
3612
|
+
readonly 'stacking-0': any;
|
|
3613
|
+
readonly 'stacking-100': any;
|
|
3614
|
+
readonly 'stacking-200': any;
|
|
3615
|
+
readonly 'stacking-300': any;
|
|
3616
|
+
readonly 'stacking-400': any;
|
|
3617
|
+
readonly 'stacking-500': any;
|
|
3618
|
+
readonly 'stacking-800': any;
|
|
3758
3619
|
};
|
|
3759
|
-
|
|
3760
|
-
|
|
3761
|
-
|
|
3762
|
-
|
|
3763
|
-
marginLeft: {
|
|
3764
|
-
readonly [$$PropertyValue]: "margin";
|
|
3620
|
+
'stroke-width': {
|
|
3621
|
+
readonly thin: "1.5px";
|
|
3622
|
+
readonly normal: "2px";
|
|
3623
|
+
readonly bold: "4px";
|
|
3765
3624
|
};
|
|
3766
|
-
|
|
3767
|
-
readonly
|
|
3625
|
+
'z-indices': {
|
|
3626
|
+
readonly dropdownMenu: 100;
|
|
3627
|
+
readonly select: 200;
|
|
3628
|
+
readonly popover: 300;
|
|
3629
|
+
readonly tooltip: 400;
|
|
3768
3630
|
};
|
|
3769
|
-
}
|
|
3770
|
-
|
|
3771
|
-
readonly
|
|
3772
|
-
|
|
3773
|
-
|
|
3774
|
-
|
|
3631
|
+
}, {
|
|
3632
|
+
readonly background: "colors";
|
|
3633
|
+
readonly backgroundColor: "colors";
|
|
3634
|
+
readonly backgroundImage: "colors";
|
|
3635
|
+
readonly blockSize: "sizes";
|
|
3636
|
+
readonly border: "colors";
|
|
3637
|
+
readonly borderBlock: "colors";
|
|
3638
|
+
readonly borderBlockEnd: "colors";
|
|
3639
|
+
readonly borderBlockStart: "colors";
|
|
3640
|
+
readonly borderBottom: "colors";
|
|
3641
|
+
readonly borderBottomColor: "colors";
|
|
3642
|
+
readonly borderBottomLeftRadius: "radii";
|
|
3643
|
+
readonly borderBottomRightRadius: "radii";
|
|
3644
|
+
readonly borderBottomStyle: "border-styles";
|
|
3645
|
+
readonly borderBottomWidth: "border-widths";
|
|
3646
|
+
readonly borderColor: "colors";
|
|
3647
|
+
readonly borderImage: "colors";
|
|
3648
|
+
readonly borderInline: "colors";
|
|
3649
|
+
readonly borderInlineEnd: "colors";
|
|
3650
|
+
readonly borderInlineStart: "colors";
|
|
3651
|
+
readonly borderLeft: "colors";
|
|
3652
|
+
readonly borderLeftColor: "colors";
|
|
3653
|
+
readonly borderLeftStyle: "border-styles";
|
|
3654
|
+
readonly borderLeftWidth: "border-widths";
|
|
3655
|
+
readonly borderRadius: "radii";
|
|
3656
|
+
readonly borderRight: "colors";
|
|
3657
|
+
readonly borderRightColor: "colors";
|
|
3658
|
+
readonly borderRightStyle: "border-styles";
|
|
3659
|
+
readonly borderRightWidth: "border-widths";
|
|
3660
|
+
readonly borderStyle: "border-styles";
|
|
3661
|
+
readonly borderTop: "colors";
|
|
3662
|
+
readonly borderTopColor: "colors";
|
|
3663
|
+
readonly borderTopLeftRadius: "radii";
|
|
3664
|
+
readonly borderTopRightRadius: "radii";
|
|
3665
|
+
readonly borderTopStyle: "border-styles";
|
|
3666
|
+
readonly borderTopWidth: "border-widths";
|
|
3667
|
+
readonly borderWidth: "border-widths";
|
|
3668
|
+
readonly bottom: "space";
|
|
3669
|
+
readonly boxShadow: "shadows";
|
|
3670
|
+
readonly caretColor: "colors";
|
|
3671
|
+
readonly color: "colors";
|
|
3672
|
+
readonly columnGap: "space-gap";
|
|
3673
|
+
readonly columnRuleColor: "colors";
|
|
3674
|
+
readonly fill: "colors";
|
|
3675
|
+
readonly flexBasis: "sizes";
|
|
3676
|
+
readonly fontFamily: "fonts";
|
|
3677
|
+
readonly fontSize: "font-sizes";
|
|
3678
|
+
readonly fontWeight: "font-weights";
|
|
3679
|
+
readonly gap: "space-gap";
|
|
3680
|
+
readonly gridColumnGap: "space-gap";
|
|
3681
|
+
readonly gridGap: "space-gap";
|
|
3682
|
+
readonly gridRowGap: "space-gap";
|
|
3683
|
+
readonly gridTemplateColumns: "sizes";
|
|
3684
|
+
readonly gridTemplateRows: "sizes";
|
|
3685
|
+
readonly height: "sizes";
|
|
3686
|
+
readonly inlineSize: "sizes";
|
|
3687
|
+
readonly inset: "space-inset";
|
|
3688
|
+
readonly insetBlock: "space-inset";
|
|
3689
|
+
readonly insetBlockEnd: "space-inset";
|
|
3690
|
+
readonly insetBlockStart: "space-inset";
|
|
3691
|
+
readonly insetInline: "space-inset";
|
|
3692
|
+
readonly insetInlineEnd: "space-inset";
|
|
3693
|
+
readonly insetInlineStart: "space-inset";
|
|
3694
|
+
readonly left: "space";
|
|
3695
|
+
readonly letterSpacing: "letter-spacings";
|
|
3696
|
+
readonly lineHeight: "line-heights";
|
|
3697
|
+
readonly margin: "space-offset";
|
|
3698
|
+
readonly marginBlock: "space-offset";
|
|
3699
|
+
readonly marginBlockEnd: "space-offset";
|
|
3700
|
+
readonly marginBlockStart: "space-offset";
|
|
3701
|
+
readonly marginBottom: "space-offset";
|
|
3702
|
+
readonly marginInline: "space-offset";
|
|
3703
|
+
readonly marginInlineEnd: "space-offset";
|
|
3704
|
+
readonly marginInlineStart: "space-offset";
|
|
3705
|
+
readonly marginLeft: "space-offset";
|
|
3706
|
+
readonly marginRight: "space-offset";
|
|
3707
|
+
readonly marginTop: "space-offset";
|
|
3708
|
+
readonly maxBlockSize: "sizes";
|
|
3709
|
+
readonly maxHeight: "sizes";
|
|
3710
|
+
readonly maxInlineSize: "sizes";
|
|
3711
|
+
readonly maxWidth: "sizes";
|
|
3712
|
+
readonly minBlockSize: "sizes";
|
|
3713
|
+
readonly minHeight: "sizes";
|
|
3714
|
+
readonly minInlineSize: "sizes";
|
|
3715
|
+
readonly minWidth: "sizes";
|
|
3716
|
+
readonly outline: "colors";
|
|
3717
|
+
readonly outlineColor: "colors";
|
|
3718
|
+
readonly padding: "space-inset";
|
|
3719
|
+
readonly paddingBlock: "space-inset";
|
|
3720
|
+
readonly paddingBlockEnd: "space-inset";
|
|
3721
|
+
readonly paddingBlockStart: "space-inset";
|
|
3722
|
+
readonly paddingBottom: "space-inset";
|
|
3723
|
+
readonly paddingInline: "space-inset";
|
|
3724
|
+
readonly paddingInlineEnd: "space-inset";
|
|
3725
|
+
readonly paddingInlineStart: "space-inset";
|
|
3726
|
+
readonly paddingLeft: "space-inset";
|
|
3727
|
+
readonly paddingRight: "space-inset";
|
|
3728
|
+
readonly paddingTop: "space-inset";
|
|
3729
|
+
readonly right: "space";
|
|
3730
|
+
readonly rowGap: "space-gap";
|
|
3731
|
+
readonly scrollMargin: "space-offset";
|
|
3732
|
+
readonly scrollMarginBlock: "space-offset";
|
|
3733
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
3734
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
3735
|
+
readonly scrollMarginBottom: "space-offset";
|
|
3736
|
+
readonly scrollMarginInline: "space-offset";
|
|
3737
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
3738
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
3739
|
+
readonly scrollMarginLeft: "space-offset";
|
|
3740
|
+
readonly scrollMarginRight: "space-offset";
|
|
3741
|
+
readonly scrollMarginTop: "space-offset";
|
|
3742
|
+
readonly scrollPadding: "space-inset";
|
|
3743
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
3744
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
3745
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
3746
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
3747
|
+
readonly scrollPaddingInline: "space-inset";
|
|
3748
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
3749
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
3750
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
3751
|
+
readonly scrollPaddingRight: "space-inset";
|
|
3752
|
+
readonly scrollPaddingTop: "space-inset";
|
|
3753
|
+
readonly stroke: "colors";
|
|
3754
|
+
readonly strokeWidth: "stroke-width";
|
|
3755
|
+
readonly textDecorationColor: "colors";
|
|
3756
|
+
readonly textShadow: "shadows";
|
|
3757
|
+
readonly top: "space";
|
|
3758
|
+
readonly transition: "transitions";
|
|
3759
|
+
readonly width: "sizes";
|
|
3760
|
+
readonly zIndex: "z-indices";
|
|
3761
|
+
}, {
|
|
3762
|
+
paddingX: (value: {
|
|
3763
|
+
readonly [$$PropertyValue]: "padding";
|
|
3764
|
+
}) => {
|
|
3765
|
+
paddingLeft: {
|
|
3766
|
+
readonly [$$PropertyValue]: "padding";
|
|
3767
|
+
};
|
|
3768
|
+
paddingRight: {
|
|
3769
|
+
readonly [$$PropertyValue]: "padding";
|
|
3770
|
+
};
|
|
3775
3771
|
};
|
|
3776
|
-
|
|
3772
|
+
paddingY: (value: {
|
|
3773
|
+
readonly [$$PropertyValue]: "padding";
|
|
3774
|
+
}) => {
|
|
3775
|
+
paddingTop: {
|
|
3776
|
+
readonly [$$PropertyValue]: "padding";
|
|
3777
|
+
};
|
|
3778
|
+
paddingBottom: {
|
|
3779
|
+
readonly [$$PropertyValue]: "padding";
|
|
3780
|
+
};
|
|
3781
|
+
};
|
|
3782
|
+
marginX: (value: {
|
|
3777
3783
|
readonly [$$PropertyValue]: "margin";
|
|
3784
|
+
}) => {
|
|
3785
|
+
marginLeft: {
|
|
3786
|
+
readonly [$$PropertyValue]: "margin";
|
|
3787
|
+
};
|
|
3788
|
+
marginRight: {
|
|
3789
|
+
readonly [$$PropertyValue]: "margin";
|
|
3790
|
+
};
|
|
3778
3791
|
};
|
|
3779
|
-
|
|
3780
|
-
|
|
3781
|
-
|
|
3782
|
-
|
|
3783
|
-
|
|
3784
|
-
|
|
3792
|
+
marginY: (value: {
|
|
3793
|
+
readonly [$$PropertyValue]: "margin";
|
|
3794
|
+
}) => {
|
|
3795
|
+
marginTop: {
|
|
3796
|
+
readonly [$$PropertyValue]: "margin";
|
|
3797
|
+
};
|
|
3798
|
+
marginBottom: {
|
|
3799
|
+
readonly [$$PropertyValue]: "margin";
|
|
3800
|
+
};
|
|
3785
3801
|
};
|
|
3786
|
-
|
|
3802
|
+
square: (value: {
|
|
3787
3803
|
readonly [$$PropertyValue]: "width";
|
|
3804
|
+
}) => {
|
|
3805
|
+
width: {
|
|
3806
|
+
readonly [$$PropertyValue]: "width";
|
|
3807
|
+
};
|
|
3808
|
+
height: {
|
|
3809
|
+
readonly [$$PropertyValue]: "width";
|
|
3810
|
+
};
|
|
3788
3811
|
};
|
|
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<{}, {
|
|
3812
|
+
}> | undefined;
|
|
3813
|
+
}>>> & {
|
|
3814
|
+
children?: React__default.ReactNode;
|
|
3815
|
+
} & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil$1.CSS<{}, {
|
|
3795
3816
|
'border-widths': {
|
|
3796
3817
|
readonly none: 0;
|
|
3797
3818
|
readonly sm: "1px";
|
|
@@ -4017,7 +4038,6 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
4017
4038
|
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
4039
|
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
4040
|
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
4041
|
};
|
|
4022
4042
|
sizes: {
|
|
4023
4043
|
readonly number: string;
|
|
@@ -4056,7 +4076,6 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
4056
4076
|
readonly 200: any;
|
|
4057
4077
|
readonly 300: any;
|
|
4058
4078
|
readonly 400: any;
|
|
4059
|
-
readonly 500: any;
|
|
4060
4079
|
readonly 600: any;
|
|
4061
4080
|
readonly 700: any;
|
|
4062
4081
|
readonly 800: any;
|