@mirohq/design-system-stitches 2.3.13-input.0 → 2.3.14
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 -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';
|
|
@@ -124,6 +124,9 @@ declare const config: {
|
|
|
124
124
|
"background-primary-subtle-pressed-hover"?: any;
|
|
125
125
|
"background-primary-subtle-selected"?: any;
|
|
126
126
|
"background-success"?: any;
|
|
127
|
+
"background-success-prominent"?: any;
|
|
128
|
+
"background-success-prominent-active"?: any;
|
|
129
|
+
"background-success-prominent-hover"?: any;
|
|
127
130
|
"background-warning-prominent"?: any;
|
|
128
131
|
"background-warning-subtle"?: any;
|
|
129
132
|
"border-danger"?: any;
|
|
@@ -152,6 +155,8 @@ declare const config: {
|
|
|
152
155
|
"border-primary-hover"?: any;
|
|
153
156
|
"border-primary-inverted"?: any;
|
|
154
157
|
"border-success"?: any;
|
|
158
|
+
"border-success-active"?: any;
|
|
159
|
+
"border-success-hover"?: any;
|
|
155
160
|
"border-warning"?: any;
|
|
156
161
|
"icon-danger"?: any;
|
|
157
162
|
"icon-danger-active"?: any;
|
|
@@ -171,9 +176,12 @@ declare const config: {
|
|
|
171
176
|
"icon-primary-inverted"?: any;
|
|
172
177
|
"icon-primary-selected"?: any;
|
|
173
178
|
"icon-success"?: any;
|
|
179
|
+
"icon-success-active"?: any;
|
|
180
|
+
"icon-success-hover"?: any;
|
|
174
181
|
"icon-success-inverted"?: any;
|
|
175
182
|
"icon-warning"?: any;
|
|
176
183
|
"icon-warning-prominent"?: any;
|
|
184
|
+
"icon-warning-subtle"?: any;
|
|
177
185
|
"text-danger"?: any;
|
|
178
186
|
"text-danger-active"?: any;
|
|
179
187
|
"text-danger-hover"?: any;
|
|
@@ -195,7 +203,11 @@ declare const config: {
|
|
|
195
203
|
"text-primary-inverted-subtle"?: any;
|
|
196
204
|
"text-primary-selected"?: any;
|
|
197
205
|
"text-success"?: any;
|
|
206
|
+
"text-success-active"?: any;
|
|
207
|
+
"text-success-hover"?: any;
|
|
208
|
+
"text-success-inverted"?: any;
|
|
198
209
|
"text-warning"?: any;
|
|
210
|
+
"text-warning-subtle"?: any;
|
|
199
211
|
};
|
|
200
212
|
'font-sizes': {
|
|
201
213
|
readonly 150: "0.75rem";
|
|
@@ -224,8 +236,6 @@ declare const config: {
|
|
|
224
236
|
readonly 200: "16px";
|
|
225
237
|
};
|
|
226
238
|
shadows: {
|
|
227
|
-
readonly 50: "0 4px 16px #05003812";
|
|
228
|
-
readonly 100: "0 8px 32px #05003808";
|
|
229
239
|
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
240
|
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
241
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
@@ -239,7 +249,8 @@ declare const config: {
|
|
|
239
249
|
readonly 'icon-400': "32px";
|
|
240
250
|
};
|
|
241
251
|
space: {
|
|
242
|
-
readonly 0:
|
|
252
|
+
readonly 0: "0px";
|
|
253
|
+
readonly 25: "2px";
|
|
243
254
|
readonly 50: "4px";
|
|
244
255
|
readonly 100: "8px";
|
|
245
256
|
readonly 150: "12px";
|
|
@@ -268,8 +279,8 @@ declare const config: {
|
|
|
268
279
|
readonly 200: any;
|
|
269
280
|
readonly 300: any;
|
|
270
281
|
readonly 400: any;
|
|
271
|
-
readonly 500: any;
|
|
272
282
|
readonly 600: any;
|
|
283
|
+
readonly 700: any;
|
|
273
284
|
readonly 800: any;
|
|
274
285
|
readonly 1200: any;
|
|
275
286
|
readonly 1600: any;
|
|
@@ -599,6 +610,9 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
599
610
|
"background-primary-subtle-pressed-hover"?: string | number | boolean | undefined;
|
|
600
611
|
"background-primary-subtle-selected"?: string | number | boolean | undefined;
|
|
601
612
|
"background-success"?: string | number | boolean | undefined;
|
|
613
|
+
"background-success-prominent"?: string | number | boolean | undefined;
|
|
614
|
+
"background-success-prominent-active"?: string | number | boolean | undefined;
|
|
615
|
+
"background-success-prominent-hover"?: string | number | boolean | undefined;
|
|
602
616
|
"background-warning-prominent"?: string | number | boolean | undefined;
|
|
603
617
|
"background-warning-subtle"?: string | number | boolean | undefined;
|
|
604
618
|
"border-danger"?: string | number | boolean | undefined;
|
|
@@ -627,6 +641,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
627
641
|
"border-primary-hover"?: string | number | boolean | undefined;
|
|
628
642
|
"border-primary-inverted"?: string | number | boolean | undefined;
|
|
629
643
|
"border-success"?: string | number | boolean | undefined;
|
|
644
|
+
"border-success-active"?: string | number | boolean | undefined;
|
|
645
|
+
"border-success-hover"?: string | number | boolean | undefined;
|
|
630
646
|
"border-warning"?: string | number | boolean | undefined;
|
|
631
647
|
"icon-danger"?: string | number | boolean | undefined;
|
|
632
648
|
"icon-danger-active"?: string | number | boolean | undefined;
|
|
@@ -646,9 +662,12 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
646
662
|
"icon-primary-inverted"?: string | number | boolean | undefined;
|
|
647
663
|
"icon-primary-selected"?: string | number | boolean | undefined;
|
|
648
664
|
"icon-success"?: string | number | boolean | undefined;
|
|
665
|
+
"icon-success-active"?: string | number | boolean | undefined;
|
|
666
|
+
"icon-success-hover"?: string | number | boolean | undefined;
|
|
649
667
|
"icon-success-inverted"?: string | number | boolean | undefined;
|
|
650
668
|
"icon-warning"?: string | number | boolean | undefined;
|
|
651
669
|
"icon-warning-prominent"?: string | number | boolean | undefined;
|
|
670
|
+
"icon-warning-subtle"?: string | number | boolean | undefined;
|
|
652
671
|
"text-danger"?: string | number | boolean | undefined;
|
|
653
672
|
"text-danger-active"?: string | number | boolean | undefined;
|
|
654
673
|
"text-danger-hover"?: string | number | boolean | undefined;
|
|
@@ -670,7 +689,11 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
670
689
|
"text-primary-inverted-subtle"?: string | number | boolean | undefined;
|
|
671
690
|
"text-primary-selected"?: string | number | boolean | undefined;
|
|
672
691
|
"text-success"?: string | number | boolean | undefined;
|
|
692
|
+
"text-success-active"?: string | number | boolean | undefined;
|
|
693
|
+
"text-success-hover"?: string | number | boolean | undefined;
|
|
694
|
+
"text-success-inverted"?: string | number | boolean | undefined;
|
|
673
695
|
"text-warning"?: string | number | boolean | undefined;
|
|
696
|
+
"text-warning-subtle"?: string | number | boolean | undefined;
|
|
674
697
|
} | undefined;
|
|
675
698
|
'font-sizes'?: {
|
|
676
699
|
readonly 150?: string | number | boolean | undefined;
|
|
@@ -699,8 +722,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
699
722
|
readonly 200?: string | number | boolean | undefined;
|
|
700
723
|
} | undefined;
|
|
701
724
|
shadows?: {
|
|
702
|
-
readonly 50?: string | number | boolean | undefined;
|
|
703
|
-
readonly 100?: string | number | boolean | undefined;
|
|
704
725
|
readonly 'focus-small'?: string | number | boolean | undefined;
|
|
705
726
|
readonly 'focus-small-outline'?: string | number | boolean | undefined;
|
|
706
727
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
@@ -715,6 +736,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
715
736
|
} | undefined;
|
|
716
737
|
space?: {
|
|
717
738
|
readonly 0?: string | number | boolean | undefined;
|
|
739
|
+
readonly 25?: string | number | boolean | undefined;
|
|
718
740
|
readonly 50?: string | number | boolean | undefined;
|
|
719
741
|
readonly 100?: string | number | boolean | undefined;
|
|
720
742
|
readonly 150?: string | number | boolean | undefined;
|
|
@@ -743,8 +765,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
743
765
|
readonly 200?: string | number | boolean | undefined;
|
|
744
766
|
readonly 300?: string | number | boolean | undefined;
|
|
745
767
|
readonly 400?: string | number | boolean | undefined;
|
|
746
|
-
readonly 500?: string | number | boolean | undefined;
|
|
747
768
|
readonly 600?: string | number | boolean | undefined;
|
|
769
|
+
readonly 700?: string | number | boolean | undefined;
|
|
748
770
|
readonly 800?: string | number | boolean | undefined;
|
|
749
771
|
readonly 1200?: string | number | boolean | undefined;
|
|
750
772
|
readonly 1600?: string | number | boolean | undefined;
|
|
@@ -894,6 +916,9 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
894
916
|
"background-primary-subtle-pressed-hover"?: string | number | boolean | undefined;
|
|
895
917
|
"background-primary-subtle-selected"?: string | number | boolean | undefined;
|
|
896
918
|
"background-success"?: string | number | boolean | undefined;
|
|
919
|
+
"background-success-prominent"?: string | number | boolean | undefined;
|
|
920
|
+
"background-success-prominent-active"?: string | number | boolean | undefined;
|
|
921
|
+
"background-success-prominent-hover"?: string | number | boolean | undefined;
|
|
897
922
|
"background-warning-prominent"?: string | number | boolean | undefined;
|
|
898
923
|
"background-warning-subtle"?: string | number | boolean | undefined;
|
|
899
924
|
"border-danger"?: string | number | boolean | undefined;
|
|
@@ -922,6 +947,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
922
947
|
"border-primary-hover"?: string | number | boolean | undefined;
|
|
923
948
|
"border-primary-inverted"?: string | number | boolean | undefined;
|
|
924
949
|
"border-success"?: string | number | boolean | undefined;
|
|
950
|
+
"border-success-active"?: string | number | boolean | undefined;
|
|
951
|
+
"border-success-hover"?: string | number | boolean | undefined;
|
|
925
952
|
"border-warning"?: string | number | boolean | undefined;
|
|
926
953
|
"icon-danger"?: string | number | boolean | undefined;
|
|
927
954
|
"icon-danger-active"?: string | number | boolean | undefined;
|
|
@@ -941,9 +968,12 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
941
968
|
"icon-primary-inverted"?: string | number | boolean | undefined;
|
|
942
969
|
"icon-primary-selected"?: string | number | boolean | undefined;
|
|
943
970
|
"icon-success"?: string | number | boolean | undefined;
|
|
971
|
+
"icon-success-active"?: string | number | boolean | undefined;
|
|
972
|
+
"icon-success-hover"?: string | number | boolean | undefined;
|
|
944
973
|
"icon-success-inverted"?: string | number | boolean | undefined;
|
|
945
974
|
"icon-warning"?: string | number | boolean | undefined;
|
|
946
975
|
"icon-warning-prominent"?: string | number | boolean | undefined;
|
|
976
|
+
"icon-warning-subtle"?: string | number | boolean | undefined;
|
|
947
977
|
"text-danger"?: string | number | boolean | undefined;
|
|
948
978
|
"text-danger-active"?: string | number | boolean | undefined;
|
|
949
979
|
"text-danger-hover"?: string | number | boolean | undefined;
|
|
@@ -965,7 +995,11 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
965
995
|
"text-primary-inverted-subtle"?: string | number | boolean | undefined;
|
|
966
996
|
"text-primary-selected"?: string | number | boolean | undefined;
|
|
967
997
|
"text-success"?: string | number | boolean | undefined;
|
|
998
|
+
"text-success-active"?: string | number | boolean | undefined;
|
|
999
|
+
"text-success-hover"?: string | number | boolean | undefined;
|
|
1000
|
+
"text-success-inverted"?: string | number | boolean | undefined;
|
|
968
1001
|
"text-warning"?: string | number | boolean | undefined;
|
|
1002
|
+
"text-warning-subtle"?: string | number | boolean | undefined;
|
|
969
1003
|
} | undefined;
|
|
970
1004
|
'font-sizes'?: {
|
|
971
1005
|
readonly 150?: string | number | boolean | undefined;
|
|
@@ -994,8 +1028,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
994
1028
|
readonly 200?: string | number | boolean | undefined;
|
|
995
1029
|
} | undefined;
|
|
996
1030
|
shadows?: {
|
|
997
|
-
readonly 50?: string | number | boolean | undefined;
|
|
998
|
-
readonly 100?: string | number | boolean | undefined;
|
|
999
1031
|
readonly 'focus-small'?: string | number | boolean | undefined;
|
|
1000
1032
|
readonly 'focus-small-outline'?: string | number | boolean | undefined;
|
|
1001
1033
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
@@ -1010,6 +1042,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1010
1042
|
} | undefined;
|
|
1011
1043
|
space?: {
|
|
1012
1044
|
readonly 0?: string | number | boolean | undefined;
|
|
1045
|
+
readonly 25?: string | number | boolean | undefined;
|
|
1013
1046
|
readonly 50?: string | number | boolean | undefined;
|
|
1014
1047
|
readonly 100?: string | number | boolean | undefined;
|
|
1015
1048
|
readonly 150?: string | number | boolean | undefined;
|
|
@@ -1038,8 +1071,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1038
1071
|
readonly 200?: string | number | boolean | undefined;
|
|
1039
1072
|
readonly 300?: string | number | boolean | undefined;
|
|
1040
1073
|
readonly 400?: string | number | boolean | undefined;
|
|
1041
|
-
readonly 500?: string | number | boolean | undefined;
|
|
1042
1074
|
readonly 600?: string | number | boolean | undefined;
|
|
1075
|
+
readonly 700?: string | number | boolean | undefined;
|
|
1043
1076
|
readonly 800?: string | number | boolean | undefined;
|
|
1044
1077
|
readonly 1200?: string | number | boolean | undefined;
|
|
1045
1078
|
readonly 1600?: string | number | boolean | undefined;
|
|
@@ -1195,6 +1228,9 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1195
1228
|
"background-primary-subtle-pressed-hover"?: any;
|
|
1196
1229
|
"background-primary-subtle-selected"?: any;
|
|
1197
1230
|
"background-success"?: any;
|
|
1231
|
+
"background-success-prominent"?: any;
|
|
1232
|
+
"background-success-prominent-active"?: any;
|
|
1233
|
+
"background-success-prominent-hover"?: any;
|
|
1198
1234
|
"background-warning-prominent"?: any;
|
|
1199
1235
|
"background-warning-subtle"?: any;
|
|
1200
1236
|
"border-danger"?: any;
|
|
@@ -1223,6 +1259,8 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1223
1259
|
"border-primary-hover"?: any;
|
|
1224
1260
|
"border-primary-inverted"?: any;
|
|
1225
1261
|
"border-success"?: any;
|
|
1262
|
+
"border-success-active"?: any;
|
|
1263
|
+
"border-success-hover"?: any;
|
|
1226
1264
|
"border-warning"?: any;
|
|
1227
1265
|
"icon-danger"?: any;
|
|
1228
1266
|
"icon-danger-active"?: any;
|
|
@@ -1242,9 +1280,12 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1242
1280
|
"icon-primary-inverted"?: any;
|
|
1243
1281
|
"icon-primary-selected"?: any;
|
|
1244
1282
|
"icon-success"?: any;
|
|
1283
|
+
"icon-success-active"?: any;
|
|
1284
|
+
"icon-success-hover"?: any;
|
|
1245
1285
|
"icon-success-inverted"?: any;
|
|
1246
1286
|
"icon-warning"?: any;
|
|
1247
1287
|
"icon-warning-prominent"?: any;
|
|
1288
|
+
"icon-warning-subtle"?: any;
|
|
1248
1289
|
"text-danger"?: any;
|
|
1249
1290
|
"text-danger-active"?: any;
|
|
1250
1291
|
"text-danger-hover"?: any;
|
|
@@ -1266,7 +1307,11 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1266
1307
|
"text-primary-inverted-subtle"?: any;
|
|
1267
1308
|
"text-primary-selected"?: any;
|
|
1268
1309
|
"text-success"?: any;
|
|
1310
|
+
"text-success-active"?: any;
|
|
1311
|
+
"text-success-hover"?: any;
|
|
1312
|
+
"text-success-inverted"?: any;
|
|
1269
1313
|
"text-warning"?: any;
|
|
1314
|
+
"text-warning-subtle"?: any;
|
|
1270
1315
|
};
|
|
1271
1316
|
'font-sizes': {
|
|
1272
1317
|
readonly 150: "0.75rem";
|
|
@@ -1295,8 +1340,6 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1295
1340
|
readonly 200: "16px";
|
|
1296
1341
|
};
|
|
1297
1342
|
shadows: {
|
|
1298
|
-
readonly 50: "0 4px 16px #05003812";
|
|
1299
|
-
readonly 100: "0 8px 32px #05003808";
|
|
1300
1343
|
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
1344
|
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
1345
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
@@ -1310,7 +1353,8 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1310
1353
|
readonly 'icon-400': "32px";
|
|
1311
1354
|
};
|
|
1312
1355
|
space: {
|
|
1313
|
-
readonly 0:
|
|
1356
|
+
readonly 0: "0px";
|
|
1357
|
+
readonly 25: "2px";
|
|
1314
1358
|
readonly 50: "4px";
|
|
1315
1359
|
readonly 100: "8px";
|
|
1316
1360
|
readonly 150: "12px";
|
|
@@ -1339,8 +1383,8 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1339
1383
|
readonly 200: any;
|
|
1340
1384
|
readonly 300: any;
|
|
1341
1385
|
readonly 400: any;
|
|
1342
|
-
readonly 500: any;
|
|
1343
1386
|
readonly 600: any;
|
|
1387
|
+
readonly 700: any;
|
|
1344
1388
|
readonly 800: any;
|
|
1345
1389
|
readonly 1200: any;
|
|
1346
1390
|
readonly 1600: any;
|
|
@@ -1685,6 +1729,9 @@ declare const globalCss: <Styles extends {
|
|
|
1685
1729
|
"background-primary-subtle-pressed-hover"?: any;
|
|
1686
1730
|
"background-primary-subtle-selected"?: any;
|
|
1687
1731
|
"background-success"?: any;
|
|
1732
|
+
"background-success-prominent"?: any;
|
|
1733
|
+
"background-success-prominent-active"?: any;
|
|
1734
|
+
"background-success-prominent-hover"?: any;
|
|
1688
1735
|
"background-warning-prominent"?: any;
|
|
1689
1736
|
"background-warning-subtle"?: any;
|
|
1690
1737
|
"border-danger"?: any;
|
|
@@ -1713,6 +1760,8 @@ declare const globalCss: <Styles extends {
|
|
|
1713
1760
|
"border-primary-hover"?: any;
|
|
1714
1761
|
"border-primary-inverted"?: any;
|
|
1715
1762
|
"border-success"?: any;
|
|
1763
|
+
"border-success-active"?: any;
|
|
1764
|
+
"border-success-hover"?: any;
|
|
1716
1765
|
"border-warning"?: any;
|
|
1717
1766
|
"icon-danger"?: any;
|
|
1718
1767
|
"icon-danger-active"?: any;
|
|
@@ -1732,9 +1781,12 @@ declare const globalCss: <Styles extends {
|
|
|
1732
1781
|
"icon-primary-inverted"?: any;
|
|
1733
1782
|
"icon-primary-selected"?: any;
|
|
1734
1783
|
"icon-success"?: any;
|
|
1784
|
+
"icon-success-active"?: any;
|
|
1785
|
+
"icon-success-hover"?: any;
|
|
1735
1786
|
"icon-success-inverted"?: any;
|
|
1736
1787
|
"icon-warning"?: any;
|
|
1737
1788
|
"icon-warning-prominent"?: any;
|
|
1789
|
+
"icon-warning-subtle"?: any;
|
|
1738
1790
|
"text-danger"?: any;
|
|
1739
1791
|
"text-danger-active"?: any;
|
|
1740
1792
|
"text-danger-hover"?: any;
|
|
@@ -1756,7 +1808,11 @@ declare const globalCss: <Styles extends {
|
|
|
1756
1808
|
"text-primary-inverted-subtle"?: any;
|
|
1757
1809
|
"text-primary-selected"?: any;
|
|
1758
1810
|
"text-success"?: any;
|
|
1811
|
+
"text-success-active"?: any;
|
|
1812
|
+
"text-success-hover"?: any;
|
|
1813
|
+
"text-success-inverted"?: any;
|
|
1759
1814
|
"text-warning"?: any;
|
|
1815
|
+
"text-warning-subtle"?: any;
|
|
1760
1816
|
};
|
|
1761
1817
|
'font-sizes': {
|
|
1762
1818
|
readonly 150: "0.75rem";
|
|
@@ -1785,8 +1841,6 @@ declare const globalCss: <Styles extends {
|
|
|
1785
1841
|
readonly 200: "16px";
|
|
1786
1842
|
};
|
|
1787
1843
|
shadows: {
|
|
1788
|
-
readonly 50: "0 4px 16px #05003812";
|
|
1789
|
-
readonly 100: "0 8px 32px #05003808";
|
|
1790
1844
|
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
1845
|
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
1846
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
@@ -1800,7 +1854,8 @@ declare const globalCss: <Styles extends {
|
|
|
1800
1854
|
readonly 'icon-400': "32px";
|
|
1801
1855
|
};
|
|
1802
1856
|
space: {
|
|
1803
|
-
readonly 0:
|
|
1857
|
+
readonly 0: "0px";
|
|
1858
|
+
readonly 25: "2px";
|
|
1804
1859
|
readonly 50: "4px";
|
|
1805
1860
|
readonly 100: "8px";
|
|
1806
1861
|
readonly 150: "12px";
|
|
@@ -1829,8 +1884,8 @@ declare const globalCss: <Styles extends {
|
|
|
1829
1884
|
readonly 200: any;
|
|
1830
1885
|
readonly 300: any;
|
|
1831
1886
|
readonly 400: any;
|
|
1832
|
-
readonly 500: any;
|
|
1833
1887
|
readonly 600: any;
|
|
1888
|
+
readonly 700: any;
|
|
1834
1889
|
readonly 800: any;
|
|
1835
1890
|
readonly 1200: any;
|
|
1836
1891
|
readonly 1600: any;
|
|
@@ -2157,6 +2212,9 @@ declare const globalCss: <Styles extends {
|
|
|
2157
2212
|
"background-primary-subtle-pressed-hover"?: any;
|
|
2158
2213
|
"background-primary-subtle-selected"?: any;
|
|
2159
2214
|
"background-success"?: any;
|
|
2215
|
+
"background-success-prominent"?: any;
|
|
2216
|
+
"background-success-prominent-active"?: any;
|
|
2217
|
+
"background-success-prominent-hover"?: any;
|
|
2160
2218
|
"background-warning-prominent"?: any;
|
|
2161
2219
|
"background-warning-subtle"?: any;
|
|
2162
2220
|
"border-danger"?: any;
|
|
@@ -2185,6 +2243,8 @@ declare const globalCss: <Styles extends {
|
|
|
2185
2243
|
"border-primary-hover"?: any;
|
|
2186
2244
|
"border-primary-inverted"?: any;
|
|
2187
2245
|
"border-success"?: any;
|
|
2246
|
+
"border-success-active"?: any;
|
|
2247
|
+
"border-success-hover"?: any;
|
|
2188
2248
|
"border-warning"?: any;
|
|
2189
2249
|
"icon-danger"?: any;
|
|
2190
2250
|
"icon-danger-active"?: any;
|
|
@@ -2204,9 +2264,12 @@ declare const globalCss: <Styles extends {
|
|
|
2204
2264
|
"icon-primary-inverted"?: any;
|
|
2205
2265
|
"icon-primary-selected"?: any;
|
|
2206
2266
|
"icon-success"?: any;
|
|
2267
|
+
"icon-success-active"?: any;
|
|
2268
|
+
"icon-success-hover"?: any;
|
|
2207
2269
|
"icon-success-inverted"?: any;
|
|
2208
2270
|
"icon-warning"?: any;
|
|
2209
2271
|
"icon-warning-prominent"?: any;
|
|
2272
|
+
"icon-warning-subtle"?: any;
|
|
2210
2273
|
"text-danger"?: any;
|
|
2211
2274
|
"text-danger-active"?: any;
|
|
2212
2275
|
"text-danger-hover"?: any;
|
|
@@ -2228,7 +2291,11 @@ declare const globalCss: <Styles extends {
|
|
|
2228
2291
|
"text-primary-inverted-subtle"?: any;
|
|
2229
2292
|
"text-primary-selected"?: any;
|
|
2230
2293
|
"text-success"?: any;
|
|
2294
|
+
"text-success-active"?: any;
|
|
2295
|
+
"text-success-hover"?: any;
|
|
2296
|
+
"text-success-inverted"?: any;
|
|
2231
2297
|
"text-warning"?: any;
|
|
2298
|
+
"text-warning-subtle"?: any;
|
|
2232
2299
|
};
|
|
2233
2300
|
'font-sizes': {
|
|
2234
2301
|
readonly 150: "0.75rem";
|
|
@@ -2257,8 +2324,6 @@ declare const globalCss: <Styles extends {
|
|
|
2257
2324
|
readonly 200: "16px";
|
|
2258
2325
|
};
|
|
2259
2326
|
shadows: {
|
|
2260
|
-
readonly 50: "0 4px 16px #05003812";
|
|
2261
|
-
readonly 100: "0 8px 32px #05003808";
|
|
2262
2327
|
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
2328
|
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
2329
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
@@ -2272,7 +2337,8 @@ declare const globalCss: <Styles extends {
|
|
|
2272
2337
|
readonly 'icon-400': "32px";
|
|
2273
2338
|
};
|
|
2274
2339
|
space: {
|
|
2275
|
-
readonly 0:
|
|
2340
|
+
readonly 0: "0px";
|
|
2341
|
+
readonly 25: "2px";
|
|
2276
2342
|
readonly 50: "4px";
|
|
2277
2343
|
readonly 100: "8px";
|
|
2278
2344
|
readonly 150: "12px";
|
|
@@ -2301,8 +2367,8 @@ declare const globalCss: <Styles extends {
|
|
|
2301
2367
|
readonly 200: any;
|
|
2302
2368
|
readonly 300: any;
|
|
2303
2369
|
readonly 400: any;
|
|
2304
|
-
readonly 500: any;
|
|
2305
2370
|
readonly 600: any;
|
|
2371
|
+
readonly 700: any;
|
|
2306
2372
|
readonly 800: any;
|
|
2307
2373
|
readonly 1200: any;
|
|
2308
2374
|
readonly 1600: any;
|
|
@@ -2630,6 +2696,9 @@ declare const keyframes: (style: {
|
|
|
2630
2696
|
"background-primary-subtle-pressed-hover"?: any;
|
|
2631
2697
|
"background-primary-subtle-selected"?: any;
|
|
2632
2698
|
"background-success"?: any;
|
|
2699
|
+
"background-success-prominent"?: any;
|
|
2700
|
+
"background-success-prominent-active"?: any;
|
|
2701
|
+
"background-success-prominent-hover"?: any;
|
|
2633
2702
|
"background-warning-prominent"?: any;
|
|
2634
2703
|
"background-warning-subtle"?: any;
|
|
2635
2704
|
"border-danger"?: any;
|
|
@@ -2658,6 +2727,8 @@ declare const keyframes: (style: {
|
|
|
2658
2727
|
"border-primary-hover"?: any;
|
|
2659
2728
|
"border-primary-inverted"?: any;
|
|
2660
2729
|
"border-success"?: any;
|
|
2730
|
+
"border-success-active"?: any;
|
|
2731
|
+
"border-success-hover"?: any;
|
|
2661
2732
|
"border-warning"?: any;
|
|
2662
2733
|
"icon-danger"?: any;
|
|
2663
2734
|
"icon-danger-active"?: any;
|
|
@@ -2677,9 +2748,12 @@ declare const keyframes: (style: {
|
|
|
2677
2748
|
"icon-primary-inverted"?: any;
|
|
2678
2749
|
"icon-primary-selected"?: any;
|
|
2679
2750
|
"icon-success"?: any;
|
|
2751
|
+
"icon-success-active"?: any;
|
|
2752
|
+
"icon-success-hover"?: any;
|
|
2680
2753
|
"icon-success-inverted"?: any;
|
|
2681
2754
|
"icon-warning"?: any;
|
|
2682
2755
|
"icon-warning-prominent"?: any;
|
|
2756
|
+
"icon-warning-subtle"?: any;
|
|
2683
2757
|
"text-danger"?: any;
|
|
2684
2758
|
"text-danger-active"?: any;
|
|
2685
2759
|
"text-danger-hover"?: any;
|
|
@@ -2701,7 +2775,11 @@ declare const keyframes: (style: {
|
|
|
2701
2775
|
"text-primary-inverted-subtle"?: any;
|
|
2702
2776
|
"text-primary-selected"?: any;
|
|
2703
2777
|
"text-success"?: any;
|
|
2778
|
+
"text-success-active"?: any;
|
|
2779
|
+
"text-success-hover"?: any;
|
|
2780
|
+
"text-success-inverted"?: any;
|
|
2704
2781
|
"text-warning"?: any;
|
|
2782
|
+
"text-warning-subtle"?: any;
|
|
2705
2783
|
};
|
|
2706
2784
|
'font-sizes': {
|
|
2707
2785
|
readonly 150: "0.75rem";
|
|
@@ -2730,8 +2808,6 @@ declare const keyframes: (style: {
|
|
|
2730
2808
|
readonly 200: "16px";
|
|
2731
2809
|
};
|
|
2732
2810
|
shadows: {
|
|
2733
|
-
readonly 50: "0 4px 16px #05003812";
|
|
2734
|
-
readonly 100: "0 8px 32px #05003808";
|
|
2735
2811
|
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
2812
|
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
2813
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
@@ -2745,7 +2821,8 @@ declare const keyframes: (style: {
|
|
|
2745
2821
|
readonly 'icon-400': "32px";
|
|
2746
2822
|
};
|
|
2747
2823
|
space: {
|
|
2748
|
-
readonly 0:
|
|
2824
|
+
readonly 0: "0px";
|
|
2825
|
+
readonly 25: "2px";
|
|
2749
2826
|
readonly 50: "4px";
|
|
2750
2827
|
readonly 100: "8px";
|
|
2751
2828
|
readonly 150: "12px";
|
|
@@ -2774,8 +2851,8 @@ declare const keyframes: (style: {
|
|
|
2774
2851
|
readonly 200: any;
|
|
2775
2852
|
readonly 300: any;
|
|
2776
2853
|
readonly 400: any;
|
|
2777
|
-
readonly 500: any;
|
|
2778
2854
|
readonly 600: any;
|
|
2855
|
+
readonly 700: any;
|
|
2779
2856
|
readonly 800: any;
|
|
2780
2857
|
readonly 1200: any;
|
|
2781
2858
|
readonly 1600: any;
|
|
@@ -3212,482 +3289,497 @@ interface CustomStylesProps {
|
|
|
3212
3289
|
}
|
|
3213
3290
|
declare const styled: <Element_1 extends _stitches_react_types_util.Function | React__default.ComponentType<any> | keyof JSX.IntrinsicElements = "span", Composers extends string | _stitches_react_types_util.Function | React__default.JSXElementConstructor<any> | React__default.ExoticComponent<any> | {
|
|
3214
3291
|
[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";
|
|
3292
|
+
} = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<Omit<StyledComponentProps$1<[Composers]>, keyof (typeof $$StyledComponentProps extends keyof Composers ? Composers[keyof Composers & typeof $$StyledComponentProps] : Composers extends {
|
|
3293
|
+
variants: {
|
|
3294
|
+
[name: string]: unknown;
|
|
3452
3295
|
};
|
|
3453
|
-
|
|
3454
|
-
|
|
3455
|
-
|
|
3456
|
-
|
|
3457
|
-
|
|
3458
|
-
|
|
3459
|
-
|
|
3460
|
-
|
|
3461
|
-
|
|
3462
|
-
|
|
3463
|
-
|
|
3464
|
-
|
|
3465
|
-
|
|
3466
|
-
|
|
3467
|
-
|
|
3468
|
-
|
|
3469
|
-
|
|
3470
|
-
|
|
3471
|
-
|
|
3472
|
-
|
|
3473
|
-
|
|
3474
|
-
|
|
3475
|
-
|
|
3476
|
-
|
|
3477
|
-
|
|
3478
|
-
|
|
3479
|
-
|
|
3480
|
-
|
|
3481
|
-
|
|
3482
|
-
|
|
3483
|
-
|
|
3484
|
-
|
|
3485
|
-
|
|
3486
|
-
|
|
3487
|
-
|
|
3488
|
-
|
|
3489
|
-
|
|
3490
|
-
|
|
3491
|
-
|
|
3492
|
-
|
|
3493
|
-
|
|
3494
|
-
|
|
3495
|
-
|
|
3496
|
-
|
|
3497
|
-
|
|
3498
|
-
|
|
3499
|
-
|
|
3500
|
-
|
|
3501
|
-
|
|
3502
|
-
|
|
3503
|
-
|
|
3504
|
-
|
|
3505
|
-
|
|
3506
|
-
|
|
3507
|
-
|
|
3508
|
-
|
|
3509
|
-
|
|
3510
|
-
|
|
3511
|
-
|
|
3512
|
-
|
|
3513
|
-
|
|
3514
|
-
|
|
3515
|
-
|
|
3516
|
-
|
|
3517
|
-
|
|
3518
|
-
|
|
3519
|
-
|
|
3520
|
-
|
|
3521
|
-
|
|
3522
|
-
|
|
3523
|
-
|
|
3524
|
-
|
|
3525
|
-
|
|
3526
|
-
|
|
3527
|
-
|
|
3528
|
-
|
|
3529
|
-
|
|
3530
|
-
|
|
3531
|
-
|
|
3532
|
-
|
|
3533
|
-
|
|
3534
|
-
|
|
3535
|
-
|
|
3536
|
-
|
|
3537
|
-
|
|
3538
|
-
|
|
3539
|
-
|
|
3540
|
-
|
|
3541
|
-
|
|
3542
|
-
|
|
3543
|
-
|
|
3544
|
-
|
|
3545
|
-
|
|
3546
|
-
|
|
3547
|
-
|
|
3548
|
-
|
|
3549
|
-
|
|
3550
|
-
|
|
3551
|
-
|
|
3552
|
-
|
|
3553
|
-
|
|
3554
|
-
|
|
3555
|
-
|
|
3556
|
-
|
|
3557
|
-
|
|
3558
|
-
|
|
3559
|
-
|
|
3560
|
-
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3564
|
-
|
|
3565
|
-
|
|
3566
|
-
|
|
3567
|
-
|
|
3568
|
-
|
|
3569
|
-
|
|
3570
|
-
|
|
3571
|
-
|
|
3572
|
-
|
|
3573
|
-
|
|
3574
|
-
|
|
3575
|
-
|
|
3576
|
-
|
|
3577
|
-
|
|
3578
|
-
|
|
3579
|
-
|
|
3580
|
-
|
|
3581
|
-
|
|
3582
|
-
|
|
3583
|
-
|
|
3584
|
-
|
|
3585
|
-
|
|
3586
|
-
|
|
3587
|
-
|
|
3588
|
-
|
|
3589
|
-
|
|
3590
|
-
|
|
3591
|
-
|
|
3592
|
-
|
|
3593
|
-
|
|
3594
|
-
|
|
3595
|
-
|
|
3596
|
-
|
|
3597
|
-
|
|
3598
|
-
|
|
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
|
-
|
|
3296
|
+
} ? Composers["variants"] extends infer T ? { [K in keyof T]?: _stitches_react_types_util.Widen<keyof Composers["variants"][K]> | undefined; } : never : {})> & TransformProps<StyledComponentProps$1<[Composers]>, {}> & SafeProps<React__default.PropsWithRef<_stitches_react_types_util.Assign<Element_1 extends React__default.ComponentType<any> | keyof JSX.IntrinsicElements ? React__default.ComponentPropsWithRef<Element_1> : never, TransformProps<{}, {}> & {
|
|
3297
|
+
css?: CSSUtil.CSS<{}, {
|
|
3298
|
+
'border-widths': {
|
|
3299
|
+
readonly none: 0;
|
|
3300
|
+
readonly sm: "1px";
|
|
3301
|
+
readonly md: "2px";
|
|
3302
|
+
readonly lg: "4px";
|
|
3303
|
+
};
|
|
3304
|
+
colors: {
|
|
3305
|
+
readonly black: any;
|
|
3306
|
+
readonly 'blue-100': any;
|
|
3307
|
+
readonly 'blue-200': any;
|
|
3308
|
+
readonly 'blue-300': any;
|
|
3309
|
+
readonly 'blue-400': any;
|
|
3310
|
+
readonly 'blue-500': any;
|
|
3311
|
+
readonly 'blue-600': any;
|
|
3312
|
+
readonly 'blue-700': any;
|
|
3313
|
+
readonly 'blue-800': any;
|
|
3314
|
+
readonly 'blue-900': any;
|
|
3315
|
+
readonly 'blue-1000': any;
|
|
3316
|
+
readonly 'gray-100': any;
|
|
3317
|
+
readonly 'gray-200': any;
|
|
3318
|
+
readonly 'gray-300': any;
|
|
3319
|
+
readonly 'gray-400': any;
|
|
3320
|
+
readonly 'gray-500': any;
|
|
3321
|
+
readonly 'gray-600': any;
|
|
3322
|
+
readonly 'gray-700': any;
|
|
3323
|
+
readonly 'gray-800': any;
|
|
3324
|
+
readonly 'gray-900': any;
|
|
3325
|
+
readonly 'green-100': any;
|
|
3326
|
+
readonly 'green-200': any;
|
|
3327
|
+
readonly 'green-300': any;
|
|
3328
|
+
readonly 'green-400': any;
|
|
3329
|
+
readonly 'green-500': any;
|
|
3330
|
+
readonly 'green-600': any;
|
|
3331
|
+
readonly 'green-700': any;
|
|
3332
|
+
readonly 'green-800': any;
|
|
3333
|
+
readonly 'green-900': any;
|
|
3334
|
+
readonly 'indigo-100': any;
|
|
3335
|
+
readonly 'indigo-200': any;
|
|
3336
|
+
readonly 'indigo-300': any;
|
|
3337
|
+
readonly 'indigo-400': any;
|
|
3338
|
+
readonly 'indigo-500': any;
|
|
3339
|
+
readonly 'indigo-600': any;
|
|
3340
|
+
readonly 'indigo-700': any;
|
|
3341
|
+
readonly 'indigo-800': any;
|
|
3342
|
+
readonly 'indigo-900': any;
|
|
3343
|
+
readonly 'red-100': any;
|
|
3344
|
+
readonly 'red-200': any;
|
|
3345
|
+
readonly 'red-300': any;
|
|
3346
|
+
readonly 'red-400': any;
|
|
3347
|
+
readonly 'red-500': any;
|
|
3348
|
+
readonly 'red-600': any;
|
|
3349
|
+
readonly 'red-700': any;
|
|
3350
|
+
readonly 'red-800': any;
|
|
3351
|
+
readonly 'red-900': any;
|
|
3352
|
+
readonly transparent: any;
|
|
3353
|
+
readonly white: any;
|
|
3354
|
+
readonly 'yellow-100': any;
|
|
3355
|
+
readonly 'yellow-200': any;
|
|
3356
|
+
readonly 'yellow-300': any;
|
|
3357
|
+
readonly 'yellow-400': any;
|
|
3358
|
+
readonly 'yellow-500': any;
|
|
3359
|
+
readonly 'yellow-600': any;
|
|
3360
|
+
readonly 'yellow-700': any;
|
|
3361
|
+
readonly 'yellow-800': any;
|
|
3362
|
+
readonly 'yellow-900': any;
|
|
3363
|
+
"background-alpha-active"?: any;
|
|
3364
|
+
"background-alpha-hover"?: any;
|
|
3365
|
+
"background-danger-prominent"?: any;
|
|
3366
|
+
"background-danger-prominent-active"?: any;
|
|
3367
|
+
"background-danger-prominent-hover"?: any;
|
|
3368
|
+
"background-danger-subtle"?: any;
|
|
3369
|
+
"background-danger-subtle-active"?: any;
|
|
3370
|
+
"background-danger-subtle-hover"?: any;
|
|
3371
|
+
"background-neutrals"?: any;
|
|
3372
|
+
"background-neutrals-active"?: any;
|
|
3373
|
+
"background-neutrals-container"?: any;
|
|
3374
|
+
"background-neutrals-controls-disabled"?: any;
|
|
3375
|
+
"background-neutrals-disabled"?: any;
|
|
3376
|
+
"background-neutrals-hover"?: any;
|
|
3377
|
+
"background-neutrals-inactive"?: any;
|
|
3378
|
+
"background-neutrals-inactive-hover"?: any;
|
|
3379
|
+
"background-neutrals-inverted"?: any;
|
|
3380
|
+
"background-neutrals-inverted-subtle"?: any;
|
|
3381
|
+
"background-neutrals-page"?: any;
|
|
3382
|
+
"background-neutrals-page-subtle"?: any;
|
|
3383
|
+
"background-neutrals-scrolls"?: any;
|
|
3384
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
3385
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
3386
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
3387
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
3388
|
+
"background-neutrals-subtle"?: any;
|
|
3389
|
+
"background-neutrals-subtle-active"?: any;
|
|
3390
|
+
"background-neutrals-subtle-hover"?: any;
|
|
3391
|
+
"background-primary-prominent"?: any;
|
|
3392
|
+
"background-primary-prominent-active"?: any;
|
|
3393
|
+
"background-primary-prominent-expanded"?: any;
|
|
3394
|
+
"background-primary-prominent-hover"?: any;
|
|
3395
|
+
"background-primary-prominent-pressed"?: any;
|
|
3396
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
3397
|
+
"background-primary-prominent-selected"?: any;
|
|
3398
|
+
"background-primary-subtle"?: any;
|
|
3399
|
+
"background-primary-subtle-active"?: any;
|
|
3400
|
+
"background-primary-subtle-expanded"?: any;
|
|
3401
|
+
"background-primary-subtle-hover"?: any;
|
|
3402
|
+
"background-primary-subtle-pressed"?: any;
|
|
3403
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
3404
|
+
"background-primary-subtle-selected"?: any;
|
|
3405
|
+
"background-success"?: any;
|
|
3406
|
+
"background-success-prominent"?: any;
|
|
3407
|
+
"background-success-prominent-active"?: any;
|
|
3408
|
+
"background-success-prominent-hover"?: any;
|
|
3409
|
+
"background-warning-prominent"?: any;
|
|
3410
|
+
"background-warning-subtle"?: any;
|
|
3411
|
+
"border-danger"?: any;
|
|
3412
|
+
"border-danger-active"?: any;
|
|
3413
|
+
"border-danger-hover"?: any;
|
|
3414
|
+
"border-focus-inner"?: any;
|
|
3415
|
+
"border-focus-middle"?: any;
|
|
3416
|
+
"border-focus-outer"?: any;
|
|
3417
|
+
"border-neutrals"?: any;
|
|
3418
|
+
"border-neutrals-active"?: any;
|
|
3419
|
+
"border-neutrals-controls"?: any;
|
|
3420
|
+
"border-neutrals-controls-disabled"?: any;
|
|
3421
|
+
"border-neutrals-disabled"?: any;
|
|
3422
|
+
"border-neutrals-hover"?: any;
|
|
3423
|
+
"border-neutrals-inverted"?: any;
|
|
3424
|
+
"border-neutrals-subtle"?: any;
|
|
3425
|
+
"border-neutrals-text"?: any;
|
|
3426
|
+
"border-neutrals-text-active"?: any;
|
|
3427
|
+
"border-neutrals-text-hover"?: any;
|
|
3428
|
+
"border-neutrals-text-subtle"?: any;
|
|
3429
|
+
"border-neutrals-text-subtle-active"?: any;
|
|
3430
|
+
"border-neutrals-text-subtle-hover"?: any;
|
|
3431
|
+
"border-neutrals-transparent"?: any;
|
|
3432
|
+
"border-primary"?: any;
|
|
3433
|
+
"border-primary-active"?: any;
|
|
3434
|
+
"border-primary-hover"?: any;
|
|
3435
|
+
"border-primary-inverted"?: any;
|
|
3436
|
+
"border-success"?: any;
|
|
3437
|
+
"border-success-active"?: any;
|
|
3438
|
+
"border-success-hover"?: any;
|
|
3439
|
+
"border-warning"?: any;
|
|
3440
|
+
"icon-danger"?: any;
|
|
3441
|
+
"icon-danger-active"?: any;
|
|
3442
|
+
"icon-danger-hover"?: any;
|
|
3443
|
+
"icon-danger-inverted"?: any;
|
|
3444
|
+
"icon-neutrals"?: any;
|
|
3445
|
+
"icon-neutrals-disabled"?: any;
|
|
3446
|
+
"icon-neutrals-inactive"?: any;
|
|
3447
|
+
"icon-neutrals-inactive-hover"?: any;
|
|
3448
|
+
"icon-neutrals-inverted"?: any;
|
|
3449
|
+
"icon-neutrals-search"?: any;
|
|
3450
|
+
"icon-neutrals-subtle"?: any;
|
|
3451
|
+
"icon-neutrals-text"?: any;
|
|
3452
|
+
"icon-primary"?: any;
|
|
3453
|
+
"icon-primary-active"?: any;
|
|
3454
|
+
"icon-primary-hover"?: any;
|
|
3455
|
+
"icon-primary-inverted"?: any;
|
|
3456
|
+
"icon-primary-selected"?: any;
|
|
3457
|
+
"icon-success"?: any;
|
|
3458
|
+
"icon-success-active"?: any;
|
|
3459
|
+
"icon-success-hover"?: any;
|
|
3460
|
+
"icon-success-inverted"?: any;
|
|
3461
|
+
"icon-warning"?: any;
|
|
3462
|
+
"icon-warning-prominent"?: any;
|
|
3463
|
+
"icon-warning-subtle"?: any;
|
|
3464
|
+
"text-danger"?: any;
|
|
3465
|
+
"text-danger-active"?: any;
|
|
3466
|
+
"text-danger-hover"?: any;
|
|
3467
|
+
"text-danger-inverted"?: any;
|
|
3468
|
+
"text-neutrals"?: any;
|
|
3469
|
+
"text-neutrals-active"?: any;
|
|
3470
|
+
"text-neutrals-disabled"?: any;
|
|
3471
|
+
"text-neutrals-hover"?: any;
|
|
3472
|
+
"text-neutrals-inverted"?: any;
|
|
3473
|
+
"text-neutrals-placeholder"?: any;
|
|
3474
|
+
"text-neutrals-placeholder-only"?: any;
|
|
3475
|
+
"text-neutrals-subtle"?: any;
|
|
3476
|
+
"text-neutrals-subtle-active"?: any;
|
|
3477
|
+
"text-neutrals-subtle-hover"?: any;
|
|
3478
|
+
"text-primary"?: any;
|
|
3479
|
+
"text-primary-active"?: any;
|
|
3480
|
+
"text-primary-hover"?: any;
|
|
3481
|
+
"text-primary-inverted"?: any;
|
|
3482
|
+
"text-primary-inverted-subtle"?: any;
|
|
3483
|
+
"text-primary-selected"?: any;
|
|
3484
|
+
"text-success"?: any;
|
|
3485
|
+
"text-success-active"?: any;
|
|
3486
|
+
"text-success-hover"?: any;
|
|
3487
|
+
"text-success-inverted"?: any;
|
|
3488
|
+
"text-warning"?: any;
|
|
3489
|
+
"text-warning-subtle"?: any;
|
|
3490
|
+
};
|
|
3491
|
+
'font-sizes': {
|
|
3492
|
+
readonly 150: "0.75rem";
|
|
3493
|
+
readonly 175: "0.875rem";
|
|
3494
|
+
readonly 200: "1rem";
|
|
3495
|
+
readonly 225: "1.125rem";
|
|
3496
|
+
readonly 250: "1.25rem";
|
|
3497
|
+
readonly 300: "1.5rem";
|
|
3498
|
+
readonly 400: "2rem";
|
|
3499
|
+
readonly 500: "2.5rem";
|
|
3500
|
+
readonly 600: "3rem";
|
|
3501
|
+
readonly 800: "4rem";
|
|
3502
|
+
readonly 900: "4.5rem";
|
|
3503
|
+
};
|
|
3504
|
+
fonts: {
|
|
3505
|
+
readonly heading: "Roobert, sans-serif";
|
|
3506
|
+
readonly body: "Open Sans, sans-serif";
|
|
3507
|
+
};
|
|
3508
|
+
radii: {
|
|
3509
|
+
readonly none: 0;
|
|
3510
|
+
readonly half: "999em";
|
|
3511
|
+
readonly 25: "2px";
|
|
3512
|
+
readonly 50: "4px";
|
|
3513
|
+
readonly 75: "6px";
|
|
3514
|
+
readonly 100: "8px";
|
|
3515
|
+
readonly 200: "16px";
|
|
3516
|
+
};
|
|
3517
|
+
shadows: {
|
|
3518
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
3519
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
3520
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
3521
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
3522
|
+
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
3523
|
+
};
|
|
3524
|
+
sizes: {
|
|
3525
|
+
readonly number: string;
|
|
3526
|
+
readonly 'icon-200': "16px";
|
|
3527
|
+
readonly 'icon-300': "24px";
|
|
3528
|
+
readonly 'icon-400': "32px";
|
|
3529
|
+
};
|
|
3530
|
+
space: {
|
|
3531
|
+
readonly 0: "0px";
|
|
3532
|
+
readonly 25: "2px";
|
|
3533
|
+
readonly 50: "4px";
|
|
3534
|
+
readonly 100: "8px";
|
|
3535
|
+
readonly 150: "12px";
|
|
3536
|
+
readonly 200: "16px";
|
|
3537
|
+
readonly 300: "24px";
|
|
3538
|
+
readonly 400: "32px";
|
|
3539
|
+
readonly 500: "40px";
|
|
3540
|
+
readonly 600: "48px";
|
|
3541
|
+
readonly 700: "56px";
|
|
3542
|
+
readonly 800: "64px";
|
|
3543
|
+
readonly 1200: "96px";
|
|
3544
|
+
readonly 1600: "128px";
|
|
3641
3545
|
};
|
|
3642
|
-
|
|
3643
|
-
readonly
|
|
3546
|
+
'space-gap': {
|
|
3547
|
+
readonly 0: any;
|
|
3548
|
+
readonly 50: any;
|
|
3549
|
+
readonly 100: any;
|
|
3550
|
+
readonly 200: any;
|
|
3551
|
+
readonly 300: any;
|
|
3644
3552
|
};
|
|
3645
|
-
|
|
3646
|
-
|
|
3647
|
-
|
|
3648
|
-
|
|
3649
|
-
|
|
3650
|
-
readonly
|
|
3553
|
+
'space-inset': {
|
|
3554
|
+
readonly 0: any;
|
|
3555
|
+
readonly 50: any;
|
|
3556
|
+
readonly 100: any;
|
|
3557
|
+
readonly 150: any;
|
|
3558
|
+
readonly 200: any;
|
|
3559
|
+
readonly 300: any;
|
|
3560
|
+
readonly 400: any;
|
|
3561
|
+
readonly 600: any;
|
|
3562
|
+
readonly 700: any;
|
|
3563
|
+
readonly 800: any;
|
|
3564
|
+
readonly 1200: any;
|
|
3565
|
+
readonly 1600: any;
|
|
3651
3566
|
};
|
|
3652
|
-
|
|
3653
|
-
readonly
|
|
3567
|
+
'space-offset': {
|
|
3568
|
+
readonly 0: any;
|
|
3569
|
+
readonly 50: any;
|
|
3570
|
+
readonly 100: any;
|
|
3571
|
+
readonly 150: any;
|
|
3572
|
+
readonly 200: any;
|
|
3573
|
+
readonly 300: any;
|
|
3574
|
+
readonly 400: any;
|
|
3575
|
+
readonly 600: any;
|
|
3576
|
+
readonly 800: any;
|
|
3577
|
+
readonly 1200: any;
|
|
3578
|
+
readonly 1600: any;
|
|
3579
|
+
readonly 'stacking-0': any;
|
|
3580
|
+
readonly 'stacking-100': any;
|
|
3581
|
+
readonly 'stacking-200': any;
|
|
3582
|
+
readonly 'stacking-300': any;
|
|
3583
|
+
readonly 'stacking-400': any;
|
|
3584
|
+
readonly 'stacking-500': any;
|
|
3585
|
+
readonly 'stacking-800': any;
|
|
3654
3586
|
};
|
|
3655
|
-
|
|
3656
|
-
|
|
3657
|
-
|
|
3658
|
-
|
|
3659
|
-
marginLeft: {
|
|
3660
|
-
readonly [$$PropertyValue]: "margin";
|
|
3587
|
+
'stroke-width': {
|
|
3588
|
+
readonly thin: "1.5px";
|
|
3589
|
+
readonly normal: "2px";
|
|
3590
|
+
readonly bold: "4px";
|
|
3661
3591
|
};
|
|
3662
|
-
|
|
3663
|
-
readonly
|
|
3592
|
+
'z-indices': {
|
|
3593
|
+
readonly dropdownMenu: 100;
|
|
3594
|
+
readonly select: 200;
|
|
3595
|
+
readonly popover: 300;
|
|
3596
|
+
readonly tooltip: 400;
|
|
3664
3597
|
};
|
|
3665
|
-
}
|
|
3666
|
-
|
|
3667
|
-
readonly
|
|
3668
|
-
|
|
3669
|
-
|
|
3670
|
-
|
|
3598
|
+
}, {
|
|
3599
|
+
readonly background: "colors";
|
|
3600
|
+
readonly backgroundColor: "colors";
|
|
3601
|
+
readonly backgroundImage: "colors";
|
|
3602
|
+
readonly blockSize: "sizes";
|
|
3603
|
+
readonly border: "colors";
|
|
3604
|
+
readonly borderBlock: "colors";
|
|
3605
|
+
readonly borderBlockEnd: "colors";
|
|
3606
|
+
readonly borderBlockStart: "colors";
|
|
3607
|
+
readonly borderBottom: "colors";
|
|
3608
|
+
readonly borderBottomColor: "colors";
|
|
3609
|
+
readonly borderBottomLeftRadius: "radii";
|
|
3610
|
+
readonly borderBottomRightRadius: "radii";
|
|
3611
|
+
readonly borderBottomStyle: "border-styles";
|
|
3612
|
+
readonly borderBottomWidth: "border-widths";
|
|
3613
|
+
readonly borderColor: "colors";
|
|
3614
|
+
readonly borderImage: "colors";
|
|
3615
|
+
readonly borderInline: "colors";
|
|
3616
|
+
readonly borderInlineEnd: "colors";
|
|
3617
|
+
readonly borderInlineStart: "colors";
|
|
3618
|
+
readonly borderLeft: "colors";
|
|
3619
|
+
readonly borderLeftColor: "colors";
|
|
3620
|
+
readonly borderLeftStyle: "border-styles";
|
|
3621
|
+
readonly borderLeftWidth: "border-widths";
|
|
3622
|
+
readonly borderRadius: "radii";
|
|
3623
|
+
readonly borderRight: "colors";
|
|
3624
|
+
readonly borderRightColor: "colors";
|
|
3625
|
+
readonly borderRightStyle: "border-styles";
|
|
3626
|
+
readonly borderRightWidth: "border-widths";
|
|
3627
|
+
readonly borderStyle: "border-styles";
|
|
3628
|
+
readonly borderTop: "colors";
|
|
3629
|
+
readonly borderTopColor: "colors";
|
|
3630
|
+
readonly borderTopLeftRadius: "radii";
|
|
3631
|
+
readonly borderTopRightRadius: "radii";
|
|
3632
|
+
readonly borderTopStyle: "border-styles";
|
|
3633
|
+
readonly borderTopWidth: "border-widths";
|
|
3634
|
+
readonly borderWidth: "border-widths";
|
|
3635
|
+
readonly bottom: "space";
|
|
3636
|
+
readonly boxShadow: "shadows";
|
|
3637
|
+
readonly caretColor: "colors";
|
|
3638
|
+
readonly color: "colors";
|
|
3639
|
+
readonly columnGap: "space-gap";
|
|
3640
|
+
readonly columnRuleColor: "colors";
|
|
3641
|
+
readonly fill: "colors";
|
|
3642
|
+
readonly flexBasis: "sizes";
|
|
3643
|
+
readonly fontFamily: "fonts";
|
|
3644
|
+
readonly fontSize: "font-sizes";
|
|
3645
|
+
readonly fontWeight: "font-weights";
|
|
3646
|
+
readonly gap: "space-gap";
|
|
3647
|
+
readonly gridColumnGap: "space-gap";
|
|
3648
|
+
readonly gridGap: "space-gap";
|
|
3649
|
+
readonly gridRowGap: "space-gap";
|
|
3650
|
+
readonly gridTemplateColumns: "sizes";
|
|
3651
|
+
readonly gridTemplateRows: "sizes";
|
|
3652
|
+
readonly height: "sizes";
|
|
3653
|
+
readonly inlineSize: "sizes";
|
|
3654
|
+
readonly inset: "space-inset";
|
|
3655
|
+
readonly insetBlock: "space-inset";
|
|
3656
|
+
readonly insetBlockEnd: "space-inset";
|
|
3657
|
+
readonly insetBlockStart: "space-inset";
|
|
3658
|
+
readonly insetInline: "space-inset";
|
|
3659
|
+
readonly insetInlineEnd: "space-inset";
|
|
3660
|
+
readonly insetInlineStart: "space-inset";
|
|
3661
|
+
readonly left: "space";
|
|
3662
|
+
readonly letterSpacing: "letter-spacings";
|
|
3663
|
+
readonly lineHeight: "line-heights";
|
|
3664
|
+
readonly margin: "space-offset";
|
|
3665
|
+
readonly marginBlock: "space-offset";
|
|
3666
|
+
readonly marginBlockEnd: "space-offset";
|
|
3667
|
+
readonly marginBlockStart: "space-offset";
|
|
3668
|
+
readonly marginBottom: "space-offset";
|
|
3669
|
+
readonly marginInline: "space-offset";
|
|
3670
|
+
readonly marginInlineEnd: "space-offset";
|
|
3671
|
+
readonly marginInlineStart: "space-offset";
|
|
3672
|
+
readonly marginLeft: "space-offset";
|
|
3673
|
+
readonly marginRight: "space-offset";
|
|
3674
|
+
readonly marginTop: "space-offset";
|
|
3675
|
+
readonly maxBlockSize: "sizes";
|
|
3676
|
+
readonly maxHeight: "sizes";
|
|
3677
|
+
readonly maxInlineSize: "sizes";
|
|
3678
|
+
readonly maxWidth: "sizes";
|
|
3679
|
+
readonly minBlockSize: "sizes";
|
|
3680
|
+
readonly minHeight: "sizes";
|
|
3681
|
+
readonly minInlineSize: "sizes";
|
|
3682
|
+
readonly minWidth: "sizes";
|
|
3683
|
+
readonly outline: "colors";
|
|
3684
|
+
readonly outlineColor: "colors";
|
|
3685
|
+
readonly padding: "space-inset";
|
|
3686
|
+
readonly paddingBlock: "space-inset";
|
|
3687
|
+
readonly paddingBlockEnd: "space-inset";
|
|
3688
|
+
readonly paddingBlockStart: "space-inset";
|
|
3689
|
+
readonly paddingBottom: "space-inset";
|
|
3690
|
+
readonly paddingInline: "space-inset";
|
|
3691
|
+
readonly paddingInlineEnd: "space-inset";
|
|
3692
|
+
readonly paddingInlineStart: "space-inset";
|
|
3693
|
+
readonly paddingLeft: "space-inset";
|
|
3694
|
+
readonly paddingRight: "space-inset";
|
|
3695
|
+
readonly paddingTop: "space-inset";
|
|
3696
|
+
readonly right: "space";
|
|
3697
|
+
readonly rowGap: "space-gap";
|
|
3698
|
+
readonly scrollMargin: "space-offset";
|
|
3699
|
+
readonly scrollMarginBlock: "space-offset";
|
|
3700
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
3701
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
3702
|
+
readonly scrollMarginBottom: "space-offset";
|
|
3703
|
+
readonly scrollMarginInline: "space-offset";
|
|
3704
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
3705
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
3706
|
+
readonly scrollMarginLeft: "space-offset";
|
|
3707
|
+
readonly scrollMarginRight: "space-offset";
|
|
3708
|
+
readonly scrollMarginTop: "space-offset";
|
|
3709
|
+
readonly scrollPadding: "space-inset";
|
|
3710
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
3711
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
3712
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
3713
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
3714
|
+
readonly scrollPaddingInline: "space-inset";
|
|
3715
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
3716
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
3717
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
3718
|
+
readonly scrollPaddingRight: "space-inset";
|
|
3719
|
+
readonly scrollPaddingTop: "space-inset";
|
|
3720
|
+
readonly stroke: "colors";
|
|
3721
|
+
readonly strokeWidth: "stroke-width";
|
|
3722
|
+
readonly textDecorationColor: "colors";
|
|
3723
|
+
readonly textShadow: "shadows";
|
|
3724
|
+
readonly top: "space";
|
|
3725
|
+
readonly transition: "transitions";
|
|
3726
|
+
readonly width: "sizes";
|
|
3727
|
+
readonly zIndex: "z-indices";
|
|
3728
|
+
}, {
|
|
3729
|
+
paddingX: (value: {
|
|
3730
|
+
readonly [$$PropertyValue]: "padding";
|
|
3731
|
+
}) => {
|
|
3732
|
+
paddingLeft: {
|
|
3733
|
+
readonly [$$PropertyValue]: "padding";
|
|
3734
|
+
};
|
|
3735
|
+
paddingRight: {
|
|
3736
|
+
readonly [$$PropertyValue]: "padding";
|
|
3737
|
+
};
|
|
3671
3738
|
};
|
|
3672
|
-
|
|
3739
|
+
paddingY: (value: {
|
|
3740
|
+
readonly [$$PropertyValue]: "padding";
|
|
3741
|
+
}) => {
|
|
3742
|
+
paddingTop: {
|
|
3743
|
+
readonly [$$PropertyValue]: "padding";
|
|
3744
|
+
};
|
|
3745
|
+
paddingBottom: {
|
|
3746
|
+
readonly [$$PropertyValue]: "padding";
|
|
3747
|
+
};
|
|
3748
|
+
};
|
|
3749
|
+
marginX: (value: {
|
|
3673
3750
|
readonly [$$PropertyValue]: "margin";
|
|
3751
|
+
}) => {
|
|
3752
|
+
marginLeft: {
|
|
3753
|
+
readonly [$$PropertyValue]: "margin";
|
|
3754
|
+
};
|
|
3755
|
+
marginRight: {
|
|
3756
|
+
readonly [$$PropertyValue]: "margin";
|
|
3757
|
+
};
|
|
3674
3758
|
};
|
|
3675
|
-
|
|
3676
|
-
|
|
3677
|
-
|
|
3678
|
-
|
|
3679
|
-
|
|
3680
|
-
|
|
3759
|
+
marginY: (value: {
|
|
3760
|
+
readonly [$$PropertyValue]: "margin";
|
|
3761
|
+
}) => {
|
|
3762
|
+
marginTop: {
|
|
3763
|
+
readonly [$$PropertyValue]: "margin";
|
|
3764
|
+
};
|
|
3765
|
+
marginBottom: {
|
|
3766
|
+
readonly [$$PropertyValue]: "margin";
|
|
3767
|
+
};
|
|
3681
3768
|
};
|
|
3682
|
-
|
|
3769
|
+
square: (value: {
|
|
3683
3770
|
readonly [$$PropertyValue]: "width";
|
|
3771
|
+
}) => {
|
|
3772
|
+
width: {
|
|
3773
|
+
readonly [$$PropertyValue]: "width";
|
|
3774
|
+
};
|
|
3775
|
+
height: {
|
|
3776
|
+
readonly [$$PropertyValue]: "width";
|
|
3777
|
+
};
|
|
3684
3778
|
};
|
|
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<{}, {
|
|
3779
|
+
}> | undefined;
|
|
3780
|
+
}>>> & {
|
|
3781
|
+
children?: React__default.ReactNode;
|
|
3782
|
+
} & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
|
|
3691
3783
|
'border-widths': {
|
|
3692
3784
|
readonly none: 0;
|
|
3693
3785
|
readonly sm: "1px";
|
|
@@ -3796,6 +3888,9 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3796
3888
|
"background-primary-subtle-pressed-hover"?: any;
|
|
3797
3889
|
"background-primary-subtle-selected"?: any;
|
|
3798
3890
|
"background-success"?: any;
|
|
3891
|
+
"background-success-prominent"?: any;
|
|
3892
|
+
"background-success-prominent-active"?: any;
|
|
3893
|
+
"background-success-prominent-hover"?: any;
|
|
3799
3894
|
"background-warning-prominent"?: any;
|
|
3800
3895
|
"background-warning-subtle"?: any;
|
|
3801
3896
|
"border-danger"?: any;
|
|
@@ -3824,6 +3919,8 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3824
3919
|
"border-primary-hover"?: any;
|
|
3825
3920
|
"border-primary-inverted"?: any;
|
|
3826
3921
|
"border-success"?: any;
|
|
3922
|
+
"border-success-active"?: any;
|
|
3923
|
+
"border-success-hover"?: any;
|
|
3827
3924
|
"border-warning"?: any;
|
|
3828
3925
|
"icon-danger"?: any;
|
|
3829
3926
|
"icon-danger-active"?: any;
|
|
@@ -3843,9 +3940,12 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3843
3940
|
"icon-primary-inverted"?: any;
|
|
3844
3941
|
"icon-primary-selected"?: any;
|
|
3845
3942
|
"icon-success"?: any;
|
|
3943
|
+
"icon-success-active"?: any;
|
|
3944
|
+
"icon-success-hover"?: any;
|
|
3846
3945
|
"icon-success-inverted"?: any;
|
|
3847
3946
|
"icon-warning"?: any;
|
|
3848
3947
|
"icon-warning-prominent"?: any;
|
|
3948
|
+
"icon-warning-subtle"?: any;
|
|
3849
3949
|
"text-danger"?: any;
|
|
3850
3950
|
"text-danger-active"?: any;
|
|
3851
3951
|
"text-danger-hover"?: any;
|
|
@@ -3867,7 +3967,11 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3867
3967
|
"text-primary-inverted-subtle"?: any;
|
|
3868
3968
|
"text-primary-selected"?: any;
|
|
3869
3969
|
"text-success"?: any;
|
|
3970
|
+
"text-success-active"?: any;
|
|
3971
|
+
"text-success-hover"?: any;
|
|
3972
|
+
"text-success-inverted"?: any;
|
|
3870
3973
|
"text-warning"?: any;
|
|
3974
|
+
"text-warning-subtle"?: any;
|
|
3871
3975
|
};
|
|
3872
3976
|
'font-sizes': {
|
|
3873
3977
|
readonly 150: "0.75rem";
|
|
@@ -3896,8 +4000,6 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3896
4000
|
readonly 200: "16px";
|
|
3897
4001
|
};
|
|
3898
4002
|
shadows: {
|
|
3899
|
-
readonly 50: "0 4px 16px #05003812";
|
|
3900
|
-
readonly 100: "0 8px 32px #05003808";
|
|
3901
4003
|
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
4004
|
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
4005
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
@@ -3911,7 +4013,8 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3911
4013
|
readonly 'icon-400': "32px";
|
|
3912
4014
|
};
|
|
3913
4015
|
space: {
|
|
3914
|
-
readonly 0:
|
|
4016
|
+
readonly 0: "0px";
|
|
4017
|
+
readonly 25: "2px";
|
|
3915
4018
|
readonly 50: "4px";
|
|
3916
4019
|
readonly 100: "8px";
|
|
3917
4020
|
readonly 150: "12px";
|
|
@@ -3940,8 +4043,8 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3940
4043
|
readonly 200: any;
|
|
3941
4044
|
readonly 300: any;
|
|
3942
4045
|
readonly 400: any;
|
|
3943
|
-
readonly 500: any;
|
|
3944
4046
|
readonly 600: any;
|
|
4047
|
+
readonly 700: any;
|
|
3945
4048
|
readonly 800: any;
|
|
3946
4049
|
readonly 1200: any;
|
|
3947
4050
|
readonly 1600: any;
|