@mirohq/design-system-stitches 2.3.13 → 2.3.15-input.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js.map +1 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +597 -466
- package/package.json +4 -4
package/dist/types.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import React__default, { ElementType, PropsWithChildren, ComponentPropsWithRef,
|
|
|
3
3
|
import { CSS as CSS$1, VariantProps } from '@stitches/react';
|
|
4
4
|
import { OnlyHTMLAttributes, ExtractValidKeys } from '@mirohq/design-system-types';
|
|
5
5
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
6
|
-
import { $$StyledComponentType, $$StyledComponentProps, $$StyledComponentMedia, StyledComponentProps as StyledComponentProps$1
|
|
6
|
+
import { $$StyledComponentType, $$StyledComponentProps, $$StyledComponentMedia, TransformProps, StyledComponentProps as StyledComponentProps$1 } from '@stitches/react/types/styled-component';
|
|
7
7
|
import * as _stitches_react_types_util from '@stitches/react/types/util';
|
|
8
8
|
import * as _stitches_react_types_stitches from '@stitches/react/types/stitches';
|
|
9
9
|
import { RemoveIndex } from '@stitches/react/types/stitches';
|
|
@@ -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";
|
|
@@ -229,6 +241,7 @@ declare const config: {
|
|
|
229
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";
|
|
230
242
|
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
231
243
|
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
244
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
232
245
|
};
|
|
233
246
|
sizes: {
|
|
234
247
|
readonly number: string;
|
|
@@ -238,6 +251,7 @@ declare const config: {
|
|
|
238
251
|
};
|
|
239
252
|
space: {
|
|
240
253
|
readonly 0: "0px";
|
|
254
|
+
readonly 25: "2px";
|
|
241
255
|
readonly 50: "4px";
|
|
242
256
|
readonly 100: "8px";
|
|
243
257
|
readonly 150: "12px";
|
|
@@ -266,6 +280,7 @@ declare const config: {
|
|
|
266
280
|
readonly 200: any;
|
|
267
281
|
readonly 300: any;
|
|
268
282
|
readonly 400: any;
|
|
283
|
+
readonly 500: any;
|
|
269
284
|
readonly 600: any;
|
|
270
285
|
readonly 700: any;
|
|
271
286
|
readonly 800: any;
|
|
@@ -597,6 +612,9 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
597
612
|
"background-primary-subtle-pressed-hover"?: string | number | boolean | undefined;
|
|
598
613
|
"background-primary-subtle-selected"?: string | number | boolean | undefined;
|
|
599
614
|
"background-success"?: string | number | boolean | undefined;
|
|
615
|
+
"background-success-prominent"?: string | number | boolean | undefined;
|
|
616
|
+
"background-success-prominent-active"?: string | number | boolean | undefined;
|
|
617
|
+
"background-success-prominent-hover"?: string | number | boolean | undefined;
|
|
600
618
|
"background-warning-prominent"?: string | number | boolean | undefined;
|
|
601
619
|
"background-warning-subtle"?: string | number | boolean | undefined;
|
|
602
620
|
"border-danger"?: string | number | boolean | undefined;
|
|
@@ -625,6 +643,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
625
643
|
"border-primary-hover"?: string | number | boolean | undefined;
|
|
626
644
|
"border-primary-inverted"?: string | number | boolean | undefined;
|
|
627
645
|
"border-success"?: string | number | boolean | undefined;
|
|
646
|
+
"border-success-active"?: string | number | boolean | undefined;
|
|
647
|
+
"border-success-hover"?: string | number | boolean | undefined;
|
|
628
648
|
"border-warning"?: string | number | boolean | undefined;
|
|
629
649
|
"icon-danger"?: string | number | boolean | undefined;
|
|
630
650
|
"icon-danger-active"?: string | number | boolean | undefined;
|
|
@@ -644,9 +664,12 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
644
664
|
"icon-primary-inverted"?: string | number | boolean | undefined;
|
|
645
665
|
"icon-primary-selected"?: string | number | boolean | undefined;
|
|
646
666
|
"icon-success"?: string | number | boolean | undefined;
|
|
667
|
+
"icon-success-active"?: string | number | boolean | undefined;
|
|
668
|
+
"icon-success-hover"?: string | number | boolean | undefined;
|
|
647
669
|
"icon-success-inverted"?: string | number | boolean | undefined;
|
|
648
670
|
"icon-warning"?: string | number | boolean | undefined;
|
|
649
671
|
"icon-warning-prominent"?: string | number | boolean | undefined;
|
|
672
|
+
"icon-warning-subtle"?: string | number | boolean | undefined;
|
|
650
673
|
"text-danger"?: string | number | boolean | undefined;
|
|
651
674
|
"text-danger-active"?: string | number | boolean | undefined;
|
|
652
675
|
"text-danger-hover"?: string | number | boolean | undefined;
|
|
@@ -668,7 +691,11 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
668
691
|
"text-primary-inverted-subtle"?: string | number | boolean | undefined;
|
|
669
692
|
"text-primary-selected"?: string | number | boolean | undefined;
|
|
670
693
|
"text-success"?: string | number | boolean | undefined;
|
|
694
|
+
"text-success-active"?: string | number | boolean | undefined;
|
|
695
|
+
"text-success-hover"?: string | number | boolean | undefined;
|
|
696
|
+
"text-success-inverted"?: string | number | boolean | undefined;
|
|
671
697
|
"text-warning"?: string | number | boolean | undefined;
|
|
698
|
+
"text-warning-subtle"?: string | number | boolean | undefined;
|
|
672
699
|
} | undefined;
|
|
673
700
|
'font-sizes'?: {
|
|
674
701
|
readonly 150?: string | number | boolean | undefined;
|
|
@@ -702,6 +729,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
702
729
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
703
730
|
readonly 'focus-controls'?: string | number | boolean | undefined;
|
|
704
731
|
readonly 'focus-controls-error'?: string | number | boolean | undefined;
|
|
732
|
+
readonly 'focus-controls-success'?: string | number | boolean | undefined;
|
|
705
733
|
} | undefined;
|
|
706
734
|
sizes?: {
|
|
707
735
|
readonly number?: string | number | boolean | undefined;
|
|
@@ -711,6 +739,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
711
739
|
} | undefined;
|
|
712
740
|
space?: {
|
|
713
741
|
readonly 0?: string | number | boolean | undefined;
|
|
742
|
+
readonly 25?: string | number | boolean | undefined;
|
|
714
743
|
readonly 50?: string | number | boolean | undefined;
|
|
715
744
|
readonly 100?: string | number | boolean | undefined;
|
|
716
745
|
readonly 150?: string | number | boolean | undefined;
|
|
@@ -739,6 +768,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
739
768
|
readonly 200?: string | number | boolean | undefined;
|
|
740
769
|
readonly 300?: string | number | boolean | undefined;
|
|
741
770
|
readonly 400?: string | number | boolean | undefined;
|
|
771
|
+
readonly 500?: string | number | boolean | undefined;
|
|
742
772
|
readonly 600?: string | number | boolean | undefined;
|
|
743
773
|
readonly 700?: string | number | boolean | undefined;
|
|
744
774
|
readonly 800?: string | number | boolean | undefined;
|
|
@@ -890,6 +920,9 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
890
920
|
"background-primary-subtle-pressed-hover"?: string | number | boolean | undefined;
|
|
891
921
|
"background-primary-subtle-selected"?: string | number | boolean | undefined;
|
|
892
922
|
"background-success"?: string | number | boolean | undefined;
|
|
923
|
+
"background-success-prominent"?: string | number | boolean | undefined;
|
|
924
|
+
"background-success-prominent-active"?: string | number | boolean | undefined;
|
|
925
|
+
"background-success-prominent-hover"?: string | number | boolean | undefined;
|
|
893
926
|
"background-warning-prominent"?: string | number | boolean | undefined;
|
|
894
927
|
"background-warning-subtle"?: string | number | boolean | undefined;
|
|
895
928
|
"border-danger"?: string | number | boolean | undefined;
|
|
@@ -918,6 +951,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
918
951
|
"border-primary-hover"?: string | number | boolean | undefined;
|
|
919
952
|
"border-primary-inverted"?: string | number | boolean | undefined;
|
|
920
953
|
"border-success"?: string | number | boolean | undefined;
|
|
954
|
+
"border-success-active"?: string | number | boolean | undefined;
|
|
955
|
+
"border-success-hover"?: string | number | boolean | undefined;
|
|
921
956
|
"border-warning"?: string | number | boolean | undefined;
|
|
922
957
|
"icon-danger"?: string | number | boolean | undefined;
|
|
923
958
|
"icon-danger-active"?: string | number | boolean | undefined;
|
|
@@ -937,9 +972,12 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
937
972
|
"icon-primary-inverted"?: string | number | boolean | undefined;
|
|
938
973
|
"icon-primary-selected"?: string | number | boolean | undefined;
|
|
939
974
|
"icon-success"?: string | number | boolean | undefined;
|
|
975
|
+
"icon-success-active"?: string | number | boolean | undefined;
|
|
976
|
+
"icon-success-hover"?: string | number | boolean | undefined;
|
|
940
977
|
"icon-success-inverted"?: string | number | boolean | undefined;
|
|
941
978
|
"icon-warning"?: string | number | boolean | undefined;
|
|
942
979
|
"icon-warning-prominent"?: string | number | boolean | undefined;
|
|
980
|
+
"icon-warning-subtle"?: string | number | boolean | undefined;
|
|
943
981
|
"text-danger"?: string | number | boolean | undefined;
|
|
944
982
|
"text-danger-active"?: string | number | boolean | undefined;
|
|
945
983
|
"text-danger-hover"?: string | number | boolean | undefined;
|
|
@@ -961,7 +999,11 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
961
999
|
"text-primary-inverted-subtle"?: string | number | boolean | undefined;
|
|
962
1000
|
"text-primary-selected"?: string | number | boolean | undefined;
|
|
963
1001
|
"text-success"?: string | number | boolean | undefined;
|
|
1002
|
+
"text-success-active"?: string | number | boolean | undefined;
|
|
1003
|
+
"text-success-hover"?: string | number | boolean | undefined;
|
|
1004
|
+
"text-success-inverted"?: string | number | boolean | undefined;
|
|
964
1005
|
"text-warning"?: string | number | boolean | undefined;
|
|
1006
|
+
"text-warning-subtle"?: string | number | boolean | undefined;
|
|
965
1007
|
} | undefined;
|
|
966
1008
|
'font-sizes'?: {
|
|
967
1009
|
readonly 150?: string | number | boolean | undefined;
|
|
@@ -995,6 +1037,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
995
1037
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
996
1038
|
readonly 'focus-controls'?: string | number | boolean | undefined;
|
|
997
1039
|
readonly 'focus-controls-error'?: string | number | boolean | undefined;
|
|
1040
|
+
readonly 'focus-controls-success'?: string | number | boolean | undefined;
|
|
998
1041
|
} | undefined;
|
|
999
1042
|
sizes?: {
|
|
1000
1043
|
readonly number?: string | number | boolean | undefined;
|
|
@@ -1004,6 +1047,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1004
1047
|
} | undefined;
|
|
1005
1048
|
space?: {
|
|
1006
1049
|
readonly 0?: string | number | boolean | undefined;
|
|
1050
|
+
readonly 25?: string | number | boolean | undefined;
|
|
1007
1051
|
readonly 50?: string | number | boolean | undefined;
|
|
1008
1052
|
readonly 100?: string | number | boolean | undefined;
|
|
1009
1053
|
readonly 150?: string | number | boolean | undefined;
|
|
@@ -1032,6 +1076,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1032
1076
|
readonly 200?: string | number | boolean | undefined;
|
|
1033
1077
|
readonly 300?: string | number | boolean | undefined;
|
|
1034
1078
|
readonly 400?: string | number | boolean | undefined;
|
|
1079
|
+
readonly 500?: string | number | boolean | undefined;
|
|
1035
1080
|
readonly 600?: string | number | boolean | undefined;
|
|
1036
1081
|
readonly 700?: string | number | boolean | undefined;
|
|
1037
1082
|
readonly 800?: string | number | boolean | undefined;
|
|
@@ -1189,6 +1234,9 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1189
1234
|
"background-primary-subtle-pressed-hover"?: any;
|
|
1190
1235
|
"background-primary-subtle-selected"?: any;
|
|
1191
1236
|
"background-success"?: any;
|
|
1237
|
+
"background-success-prominent"?: any;
|
|
1238
|
+
"background-success-prominent-active"?: any;
|
|
1239
|
+
"background-success-prominent-hover"?: any;
|
|
1192
1240
|
"background-warning-prominent"?: any;
|
|
1193
1241
|
"background-warning-subtle"?: any;
|
|
1194
1242
|
"border-danger"?: any;
|
|
@@ -1217,6 +1265,8 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1217
1265
|
"border-primary-hover"?: any;
|
|
1218
1266
|
"border-primary-inverted"?: any;
|
|
1219
1267
|
"border-success"?: any;
|
|
1268
|
+
"border-success-active"?: any;
|
|
1269
|
+
"border-success-hover"?: any;
|
|
1220
1270
|
"border-warning"?: any;
|
|
1221
1271
|
"icon-danger"?: any;
|
|
1222
1272
|
"icon-danger-active"?: any;
|
|
@@ -1236,9 +1286,12 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1236
1286
|
"icon-primary-inverted"?: any;
|
|
1237
1287
|
"icon-primary-selected"?: any;
|
|
1238
1288
|
"icon-success"?: any;
|
|
1289
|
+
"icon-success-active"?: any;
|
|
1290
|
+
"icon-success-hover"?: any;
|
|
1239
1291
|
"icon-success-inverted"?: any;
|
|
1240
1292
|
"icon-warning"?: any;
|
|
1241
1293
|
"icon-warning-prominent"?: any;
|
|
1294
|
+
"icon-warning-subtle"?: any;
|
|
1242
1295
|
"text-danger"?: any;
|
|
1243
1296
|
"text-danger-active"?: any;
|
|
1244
1297
|
"text-danger-hover"?: any;
|
|
@@ -1260,7 +1313,11 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1260
1313
|
"text-primary-inverted-subtle"?: any;
|
|
1261
1314
|
"text-primary-selected"?: any;
|
|
1262
1315
|
"text-success"?: any;
|
|
1316
|
+
"text-success-active"?: any;
|
|
1317
|
+
"text-success-hover"?: any;
|
|
1318
|
+
"text-success-inverted"?: any;
|
|
1263
1319
|
"text-warning"?: any;
|
|
1320
|
+
"text-warning-subtle"?: any;
|
|
1264
1321
|
};
|
|
1265
1322
|
'font-sizes': {
|
|
1266
1323
|
readonly 150: "0.75rem";
|
|
@@ -1294,6 +1351,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1294
1351
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
1295
1352
|
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
1296
1353
|
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
1354
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
1297
1355
|
};
|
|
1298
1356
|
sizes: {
|
|
1299
1357
|
readonly number: string;
|
|
@@ -1303,6 +1361,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1303
1361
|
};
|
|
1304
1362
|
space: {
|
|
1305
1363
|
readonly 0: "0px";
|
|
1364
|
+
readonly 25: "2px";
|
|
1306
1365
|
readonly 50: "4px";
|
|
1307
1366
|
readonly 100: "8px";
|
|
1308
1367
|
readonly 150: "12px";
|
|
@@ -1331,6 +1390,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1331
1390
|
readonly 200: any;
|
|
1332
1391
|
readonly 300: any;
|
|
1333
1392
|
readonly 400: any;
|
|
1393
|
+
readonly 500: any;
|
|
1334
1394
|
readonly 600: any;
|
|
1335
1395
|
readonly 700: any;
|
|
1336
1396
|
readonly 800: any;
|
|
@@ -1677,6 +1737,9 @@ declare const globalCss: <Styles extends {
|
|
|
1677
1737
|
"background-primary-subtle-pressed-hover"?: any;
|
|
1678
1738
|
"background-primary-subtle-selected"?: any;
|
|
1679
1739
|
"background-success"?: any;
|
|
1740
|
+
"background-success-prominent"?: any;
|
|
1741
|
+
"background-success-prominent-active"?: any;
|
|
1742
|
+
"background-success-prominent-hover"?: any;
|
|
1680
1743
|
"background-warning-prominent"?: any;
|
|
1681
1744
|
"background-warning-subtle"?: any;
|
|
1682
1745
|
"border-danger"?: any;
|
|
@@ -1705,6 +1768,8 @@ declare const globalCss: <Styles extends {
|
|
|
1705
1768
|
"border-primary-hover"?: any;
|
|
1706
1769
|
"border-primary-inverted"?: any;
|
|
1707
1770
|
"border-success"?: any;
|
|
1771
|
+
"border-success-active"?: any;
|
|
1772
|
+
"border-success-hover"?: any;
|
|
1708
1773
|
"border-warning"?: any;
|
|
1709
1774
|
"icon-danger"?: any;
|
|
1710
1775
|
"icon-danger-active"?: any;
|
|
@@ -1724,9 +1789,12 @@ declare const globalCss: <Styles extends {
|
|
|
1724
1789
|
"icon-primary-inverted"?: any;
|
|
1725
1790
|
"icon-primary-selected"?: any;
|
|
1726
1791
|
"icon-success"?: any;
|
|
1792
|
+
"icon-success-active"?: any;
|
|
1793
|
+
"icon-success-hover"?: any;
|
|
1727
1794
|
"icon-success-inverted"?: any;
|
|
1728
1795
|
"icon-warning"?: any;
|
|
1729
1796
|
"icon-warning-prominent"?: any;
|
|
1797
|
+
"icon-warning-subtle"?: any;
|
|
1730
1798
|
"text-danger"?: any;
|
|
1731
1799
|
"text-danger-active"?: any;
|
|
1732
1800
|
"text-danger-hover"?: any;
|
|
@@ -1748,7 +1816,11 @@ declare const globalCss: <Styles extends {
|
|
|
1748
1816
|
"text-primary-inverted-subtle"?: any;
|
|
1749
1817
|
"text-primary-selected"?: any;
|
|
1750
1818
|
"text-success"?: any;
|
|
1819
|
+
"text-success-active"?: any;
|
|
1820
|
+
"text-success-hover"?: any;
|
|
1821
|
+
"text-success-inverted"?: any;
|
|
1751
1822
|
"text-warning"?: any;
|
|
1823
|
+
"text-warning-subtle"?: any;
|
|
1752
1824
|
};
|
|
1753
1825
|
'font-sizes': {
|
|
1754
1826
|
readonly 150: "0.75rem";
|
|
@@ -1782,6 +1854,7 @@ declare const globalCss: <Styles extends {
|
|
|
1782
1854
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
1783
1855
|
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
1784
1856
|
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
1857
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
1785
1858
|
};
|
|
1786
1859
|
sizes: {
|
|
1787
1860
|
readonly number: string;
|
|
@@ -1791,6 +1864,7 @@ declare const globalCss: <Styles extends {
|
|
|
1791
1864
|
};
|
|
1792
1865
|
space: {
|
|
1793
1866
|
readonly 0: "0px";
|
|
1867
|
+
readonly 25: "2px";
|
|
1794
1868
|
readonly 50: "4px";
|
|
1795
1869
|
readonly 100: "8px";
|
|
1796
1870
|
readonly 150: "12px";
|
|
@@ -1819,6 +1893,7 @@ declare const globalCss: <Styles extends {
|
|
|
1819
1893
|
readonly 200: any;
|
|
1820
1894
|
readonly 300: any;
|
|
1821
1895
|
readonly 400: any;
|
|
1896
|
+
readonly 500: any;
|
|
1822
1897
|
readonly 600: any;
|
|
1823
1898
|
readonly 700: any;
|
|
1824
1899
|
readonly 800: any;
|
|
@@ -2147,6 +2222,9 @@ declare const globalCss: <Styles extends {
|
|
|
2147
2222
|
"background-primary-subtle-pressed-hover"?: any;
|
|
2148
2223
|
"background-primary-subtle-selected"?: any;
|
|
2149
2224
|
"background-success"?: any;
|
|
2225
|
+
"background-success-prominent"?: any;
|
|
2226
|
+
"background-success-prominent-active"?: any;
|
|
2227
|
+
"background-success-prominent-hover"?: any;
|
|
2150
2228
|
"background-warning-prominent"?: any;
|
|
2151
2229
|
"background-warning-subtle"?: any;
|
|
2152
2230
|
"border-danger"?: any;
|
|
@@ -2175,6 +2253,8 @@ declare const globalCss: <Styles extends {
|
|
|
2175
2253
|
"border-primary-hover"?: any;
|
|
2176
2254
|
"border-primary-inverted"?: any;
|
|
2177
2255
|
"border-success"?: any;
|
|
2256
|
+
"border-success-active"?: any;
|
|
2257
|
+
"border-success-hover"?: any;
|
|
2178
2258
|
"border-warning"?: any;
|
|
2179
2259
|
"icon-danger"?: any;
|
|
2180
2260
|
"icon-danger-active"?: any;
|
|
@@ -2194,9 +2274,12 @@ declare const globalCss: <Styles extends {
|
|
|
2194
2274
|
"icon-primary-inverted"?: any;
|
|
2195
2275
|
"icon-primary-selected"?: any;
|
|
2196
2276
|
"icon-success"?: any;
|
|
2277
|
+
"icon-success-active"?: any;
|
|
2278
|
+
"icon-success-hover"?: any;
|
|
2197
2279
|
"icon-success-inverted"?: any;
|
|
2198
2280
|
"icon-warning"?: any;
|
|
2199
2281
|
"icon-warning-prominent"?: any;
|
|
2282
|
+
"icon-warning-subtle"?: any;
|
|
2200
2283
|
"text-danger"?: any;
|
|
2201
2284
|
"text-danger-active"?: any;
|
|
2202
2285
|
"text-danger-hover"?: any;
|
|
@@ -2218,7 +2301,11 @@ declare const globalCss: <Styles extends {
|
|
|
2218
2301
|
"text-primary-inverted-subtle"?: any;
|
|
2219
2302
|
"text-primary-selected"?: any;
|
|
2220
2303
|
"text-success"?: any;
|
|
2304
|
+
"text-success-active"?: any;
|
|
2305
|
+
"text-success-hover"?: any;
|
|
2306
|
+
"text-success-inverted"?: any;
|
|
2221
2307
|
"text-warning"?: any;
|
|
2308
|
+
"text-warning-subtle"?: any;
|
|
2222
2309
|
};
|
|
2223
2310
|
'font-sizes': {
|
|
2224
2311
|
readonly 150: "0.75rem";
|
|
@@ -2252,6 +2339,7 @@ declare const globalCss: <Styles extends {
|
|
|
2252
2339
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
2253
2340
|
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
2254
2341
|
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
2342
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
2255
2343
|
};
|
|
2256
2344
|
sizes: {
|
|
2257
2345
|
readonly number: string;
|
|
@@ -2261,6 +2349,7 @@ declare const globalCss: <Styles extends {
|
|
|
2261
2349
|
};
|
|
2262
2350
|
space: {
|
|
2263
2351
|
readonly 0: "0px";
|
|
2352
|
+
readonly 25: "2px";
|
|
2264
2353
|
readonly 50: "4px";
|
|
2265
2354
|
readonly 100: "8px";
|
|
2266
2355
|
readonly 150: "12px";
|
|
@@ -2289,6 +2378,7 @@ declare const globalCss: <Styles extends {
|
|
|
2289
2378
|
readonly 200: any;
|
|
2290
2379
|
readonly 300: any;
|
|
2291
2380
|
readonly 400: any;
|
|
2381
|
+
readonly 500: any;
|
|
2292
2382
|
readonly 600: any;
|
|
2293
2383
|
readonly 700: any;
|
|
2294
2384
|
readonly 800: any;
|
|
@@ -2618,6 +2708,9 @@ declare const keyframes: (style: {
|
|
|
2618
2708
|
"background-primary-subtle-pressed-hover"?: any;
|
|
2619
2709
|
"background-primary-subtle-selected"?: any;
|
|
2620
2710
|
"background-success"?: any;
|
|
2711
|
+
"background-success-prominent"?: any;
|
|
2712
|
+
"background-success-prominent-active"?: any;
|
|
2713
|
+
"background-success-prominent-hover"?: any;
|
|
2621
2714
|
"background-warning-prominent"?: any;
|
|
2622
2715
|
"background-warning-subtle"?: any;
|
|
2623
2716
|
"border-danger"?: any;
|
|
@@ -2646,6 +2739,8 @@ declare const keyframes: (style: {
|
|
|
2646
2739
|
"border-primary-hover"?: any;
|
|
2647
2740
|
"border-primary-inverted"?: any;
|
|
2648
2741
|
"border-success"?: any;
|
|
2742
|
+
"border-success-active"?: any;
|
|
2743
|
+
"border-success-hover"?: any;
|
|
2649
2744
|
"border-warning"?: any;
|
|
2650
2745
|
"icon-danger"?: any;
|
|
2651
2746
|
"icon-danger-active"?: any;
|
|
@@ -2665,9 +2760,12 @@ declare const keyframes: (style: {
|
|
|
2665
2760
|
"icon-primary-inverted"?: any;
|
|
2666
2761
|
"icon-primary-selected"?: any;
|
|
2667
2762
|
"icon-success"?: any;
|
|
2763
|
+
"icon-success-active"?: any;
|
|
2764
|
+
"icon-success-hover"?: any;
|
|
2668
2765
|
"icon-success-inverted"?: any;
|
|
2669
2766
|
"icon-warning"?: any;
|
|
2670
2767
|
"icon-warning-prominent"?: any;
|
|
2768
|
+
"icon-warning-subtle"?: any;
|
|
2671
2769
|
"text-danger"?: any;
|
|
2672
2770
|
"text-danger-active"?: any;
|
|
2673
2771
|
"text-danger-hover"?: any;
|
|
@@ -2689,7 +2787,11 @@ declare const keyframes: (style: {
|
|
|
2689
2787
|
"text-primary-inverted-subtle"?: any;
|
|
2690
2788
|
"text-primary-selected"?: any;
|
|
2691
2789
|
"text-success"?: any;
|
|
2790
|
+
"text-success-active"?: any;
|
|
2791
|
+
"text-success-hover"?: any;
|
|
2792
|
+
"text-success-inverted"?: any;
|
|
2692
2793
|
"text-warning"?: any;
|
|
2794
|
+
"text-warning-subtle"?: any;
|
|
2693
2795
|
};
|
|
2694
2796
|
'font-sizes': {
|
|
2695
2797
|
readonly 150: "0.75rem";
|
|
@@ -2723,6 +2825,7 @@ declare const keyframes: (style: {
|
|
|
2723
2825
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
2724
2826
|
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
2725
2827
|
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
2828
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
2726
2829
|
};
|
|
2727
2830
|
sizes: {
|
|
2728
2831
|
readonly number: string;
|
|
@@ -2732,6 +2835,7 @@ declare const keyframes: (style: {
|
|
|
2732
2835
|
};
|
|
2733
2836
|
space: {
|
|
2734
2837
|
readonly 0: "0px";
|
|
2838
|
+
readonly 25: "2px";
|
|
2735
2839
|
readonly 50: "4px";
|
|
2736
2840
|
readonly 100: "8px";
|
|
2737
2841
|
readonly 150: "12px";
|
|
@@ -2760,6 +2864,7 @@ declare const keyframes: (style: {
|
|
|
2760
2864
|
readonly 200: any;
|
|
2761
2865
|
readonly 300: any;
|
|
2762
2866
|
readonly 400: any;
|
|
2867
|
+
readonly 500: any;
|
|
2763
2868
|
readonly 600: any;
|
|
2764
2869
|
readonly 700: any;
|
|
2765
2870
|
readonly 800: any;
|
|
@@ -3198,484 +3303,495 @@ interface CustomStylesProps {
|
|
|
3198
3303
|
}
|
|
3199
3304
|
declare const styled: <Element_1 extends _stitches_react_types_util.Function | React__default.ComponentType<any> | keyof JSX.IntrinsicElements = "span", Composers extends string | _stitches_react_types_util.Function | React__default.JSXElementConstructor<any> | React__default.ExoticComponent<any> | {
|
|
3200
3305
|
[name: string]: unknown;
|
|
3201
|
-
} = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<Omit<StyledComponentProps
|
|
3202
|
-
|
|
3203
|
-
|
|
3306
|
+
} = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<Omit<StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
|
|
3307
|
+
'border-widths': {
|
|
3308
|
+
readonly none: 0;
|
|
3309
|
+
readonly sm: "1px";
|
|
3310
|
+
readonly md: "2px";
|
|
3311
|
+
readonly lg: "4px";
|
|
3204
3312
|
};
|
|
3205
|
-
|
|
3206
|
-
|
|
3207
|
-
'
|
|
3208
|
-
|
|
3209
|
-
|
|
3210
|
-
|
|
3211
|
-
|
|
3212
|
-
|
|
3213
|
-
|
|
3214
|
-
|
|
3215
|
-
|
|
3216
|
-
|
|
3217
|
-
|
|
3218
|
-
|
|
3219
|
-
|
|
3220
|
-
|
|
3221
|
-
|
|
3222
|
-
|
|
3223
|
-
|
|
3224
|
-
|
|
3225
|
-
|
|
3226
|
-
|
|
3227
|
-
|
|
3228
|
-
|
|
3229
|
-
|
|
3230
|
-
|
|
3231
|
-
|
|
3232
|
-
|
|
3233
|
-
|
|
3234
|
-
|
|
3235
|
-
|
|
3236
|
-
|
|
3237
|
-
|
|
3238
|
-
|
|
3239
|
-
|
|
3240
|
-
|
|
3241
|
-
|
|
3242
|
-
|
|
3243
|
-
|
|
3244
|
-
|
|
3245
|
-
|
|
3246
|
-
|
|
3247
|
-
|
|
3248
|
-
|
|
3249
|
-
|
|
3250
|
-
|
|
3251
|
-
|
|
3252
|
-
|
|
3253
|
-
|
|
3254
|
-
|
|
3255
|
-
|
|
3256
|
-
|
|
3257
|
-
|
|
3258
|
-
|
|
3259
|
-
|
|
3260
|
-
|
|
3261
|
-
|
|
3262
|
-
|
|
3263
|
-
|
|
3264
|
-
|
|
3265
|
-
|
|
3266
|
-
|
|
3267
|
-
|
|
3268
|
-
|
|
3269
|
-
|
|
3270
|
-
|
|
3271
|
-
|
|
3272
|
-
|
|
3273
|
-
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
3289
|
-
|
|
3290
|
-
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
3294
|
-
|
|
3295
|
-
|
|
3296
|
-
|
|
3297
|
-
|
|
3298
|
-
|
|
3299
|
-
|
|
3300
|
-
|
|
3301
|
-
|
|
3302
|
-
|
|
3303
|
-
|
|
3304
|
-
|
|
3305
|
-
|
|
3306
|
-
|
|
3307
|
-
|
|
3308
|
-
|
|
3309
|
-
|
|
3310
|
-
|
|
3311
|
-
|
|
3312
|
-
|
|
3313
|
-
|
|
3314
|
-
|
|
3315
|
-
|
|
3316
|
-
|
|
3317
|
-
|
|
3318
|
-
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3323
|
-
|
|
3324
|
-
|
|
3325
|
-
|
|
3326
|
-
|
|
3327
|
-
|
|
3328
|
-
|
|
3329
|
-
|
|
3330
|
-
|
|
3331
|
-
|
|
3332
|
-
|
|
3333
|
-
|
|
3334
|
-
|
|
3335
|
-
|
|
3336
|
-
|
|
3337
|
-
|
|
3338
|
-
|
|
3339
|
-
|
|
3340
|
-
|
|
3341
|
-
|
|
3342
|
-
|
|
3343
|
-
|
|
3344
|
-
|
|
3345
|
-
|
|
3346
|
-
|
|
3347
|
-
|
|
3348
|
-
|
|
3349
|
-
|
|
3350
|
-
|
|
3351
|
-
|
|
3352
|
-
|
|
3353
|
-
|
|
3354
|
-
|
|
3355
|
-
|
|
3356
|
-
|
|
3357
|
-
|
|
3358
|
-
|
|
3359
|
-
|
|
3360
|
-
|
|
3361
|
-
|
|
3362
|
-
|
|
3363
|
-
|
|
3364
|
-
|
|
3365
|
-
|
|
3366
|
-
|
|
3367
|
-
|
|
3368
|
-
|
|
3369
|
-
|
|
3370
|
-
|
|
3371
|
-
|
|
3372
|
-
|
|
3373
|
-
|
|
3374
|
-
|
|
3375
|
-
|
|
3376
|
-
|
|
3377
|
-
|
|
3378
|
-
|
|
3379
|
-
|
|
3380
|
-
|
|
3381
|
-
|
|
3382
|
-
|
|
3383
|
-
|
|
3384
|
-
|
|
3385
|
-
|
|
3386
|
-
|
|
3387
|
-
|
|
3388
|
-
|
|
3389
|
-
|
|
3390
|
-
|
|
3391
|
-
|
|
3392
|
-
|
|
3393
|
-
|
|
3394
|
-
|
|
3395
|
-
|
|
3396
|
-
|
|
3397
|
-
|
|
3398
|
-
|
|
3399
|
-
|
|
3400
|
-
|
|
3401
|
-
|
|
3402
|
-
|
|
3403
|
-
|
|
3404
|
-
|
|
3405
|
-
|
|
3406
|
-
|
|
3407
|
-
|
|
3408
|
-
|
|
3409
|
-
|
|
3410
|
-
|
|
3411
|
-
|
|
3412
|
-
|
|
3413
|
-
|
|
3414
|
-
|
|
3415
|
-
|
|
3416
|
-
|
|
3417
|
-
|
|
3418
|
-
|
|
3419
|
-
|
|
3420
|
-
|
|
3421
|
-
|
|
3422
|
-
|
|
3423
|
-
|
|
3424
|
-
|
|
3425
|
-
|
|
3426
|
-
|
|
3427
|
-
|
|
3428
|
-
|
|
3429
|
-
|
|
3430
|
-
|
|
3431
|
-
|
|
3432
|
-
|
|
3433
|
-
|
|
3434
|
-
|
|
3435
|
-
|
|
3436
|
-
|
|
3437
|
-
|
|
3438
|
-
|
|
3439
|
-
|
|
3440
|
-
|
|
3441
|
-
|
|
3442
|
-
|
|
3443
|
-
|
|
3444
|
-
|
|
3445
|
-
|
|
3446
|
-
|
|
3447
|
-
|
|
3448
|
-
|
|
3449
|
-
|
|
3450
|
-
|
|
3451
|
-
|
|
3452
|
-
|
|
3453
|
-
|
|
3454
|
-
|
|
3455
|
-
|
|
3456
|
-
|
|
3457
|
-
|
|
3458
|
-
|
|
3459
|
-
|
|
3460
|
-
|
|
3461
|
-
|
|
3462
|
-
|
|
3463
|
-
|
|
3464
|
-
|
|
3465
|
-
|
|
3466
|
-
|
|
3467
|
-
|
|
3468
|
-
|
|
3469
|
-
|
|
3470
|
-
|
|
3471
|
-
|
|
3472
|
-
|
|
3473
|
-
|
|
3474
|
-
|
|
3475
|
-
|
|
3476
|
-
|
|
3477
|
-
|
|
3478
|
-
|
|
3479
|
-
|
|
3480
|
-
|
|
3481
|
-
|
|
3482
|
-
|
|
3483
|
-
'
|
|
3484
|
-
|
|
3485
|
-
|
|
3486
|
-
|
|
3313
|
+
colors: {
|
|
3314
|
+
readonly black: any;
|
|
3315
|
+
readonly 'blue-100': any;
|
|
3316
|
+
readonly 'blue-200': any;
|
|
3317
|
+
readonly 'blue-300': any;
|
|
3318
|
+
readonly 'blue-400': any;
|
|
3319
|
+
readonly 'blue-500': any;
|
|
3320
|
+
readonly 'blue-600': any;
|
|
3321
|
+
readonly 'blue-700': any;
|
|
3322
|
+
readonly 'blue-800': any;
|
|
3323
|
+
readonly 'blue-900': any;
|
|
3324
|
+
readonly 'blue-1000': any;
|
|
3325
|
+
readonly 'gray-100': any;
|
|
3326
|
+
readonly 'gray-200': any;
|
|
3327
|
+
readonly 'gray-300': any;
|
|
3328
|
+
readonly 'gray-400': any;
|
|
3329
|
+
readonly 'gray-500': any;
|
|
3330
|
+
readonly 'gray-600': any;
|
|
3331
|
+
readonly 'gray-700': any;
|
|
3332
|
+
readonly 'gray-800': any;
|
|
3333
|
+
readonly 'gray-900': any;
|
|
3334
|
+
readonly 'green-100': any;
|
|
3335
|
+
readonly 'green-200': any;
|
|
3336
|
+
readonly 'green-300': any;
|
|
3337
|
+
readonly 'green-400': any;
|
|
3338
|
+
readonly 'green-500': any;
|
|
3339
|
+
readonly 'green-600': any;
|
|
3340
|
+
readonly 'green-700': any;
|
|
3341
|
+
readonly 'green-800': any;
|
|
3342
|
+
readonly 'green-900': any;
|
|
3343
|
+
readonly 'indigo-100': any;
|
|
3344
|
+
readonly 'indigo-200': any;
|
|
3345
|
+
readonly 'indigo-300': any;
|
|
3346
|
+
readonly 'indigo-400': any;
|
|
3347
|
+
readonly 'indigo-500': any;
|
|
3348
|
+
readonly 'indigo-600': any;
|
|
3349
|
+
readonly 'indigo-700': any;
|
|
3350
|
+
readonly 'indigo-800': any;
|
|
3351
|
+
readonly 'indigo-900': any;
|
|
3352
|
+
readonly 'red-100': any;
|
|
3353
|
+
readonly 'red-200': any;
|
|
3354
|
+
readonly 'red-300': any;
|
|
3355
|
+
readonly 'red-400': any;
|
|
3356
|
+
readonly 'red-500': any;
|
|
3357
|
+
readonly 'red-600': any;
|
|
3358
|
+
readonly 'red-700': any;
|
|
3359
|
+
readonly 'red-800': any;
|
|
3360
|
+
readonly 'red-900': any;
|
|
3361
|
+
readonly transparent: any;
|
|
3362
|
+
readonly white: any;
|
|
3363
|
+
readonly 'yellow-100': any;
|
|
3364
|
+
readonly 'yellow-200': any;
|
|
3365
|
+
readonly 'yellow-300': any;
|
|
3366
|
+
readonly 'yellow-400': any;
|
|
3367
|
+
readonly 'yellow-500': any;
|
|
3368
|
+
readonly 'yellow-600': any;
|
|
3369
|
+
readonly 'yellow-700': any;
|
|
3370
|
+
readonly 'yellow-800': any;
|
|
3371
|
+
readonly 'yellow-900': any;
|
|
3372
|
+
"background-alpha-active"?: any;
|
|
3373
|
+
"background-alpha-hover"?: any;
|
|
3374
|
+
"background-danger-prominent"?: any;
|
|
3375
|
+
"background-danger-prominent-active"?: any;
|
|
3376
|
+
"background-danger-prominent-hover"?: any;
|
|
3377
|
+
"background-danger-subtle"?: any;
|
|
3378
|
+
"background-danger-subtle-active"?: any;
|
|
3379
|
+
"background-danger-subtle-hover"?: any;
|
|
3380
|
+
"background-neutrals"?: any;
|
|
3381
|
+
"background-neutrals-active"?: any;
|
|
3382
|
+
"background-neutrals-container"?: any;
|
|
3383
|
+
"background-neutrals-controls-disabled"?: any;
|
|
3384
|
+
"background-neutrals-disabled"?: any;
|
|
3385
|
+
"background-neutrals-hover"?: any;
|
|
3386
|
+
"background-neutrals-inactive"?: any;
|
|
3387
|
+
"background-neutrals-inactive-hover"?: any;
|
|
3388
|
+
"background-neutrals-inverted"?: any;
|
|
3389
|
+
"background-neutrals-inverted-subtle"?: any;
|
|
3390
|
+
"background-neutrals-page"?: any;
|
|
3391
|
+
"background-neutrals-page-subtle"?: any;
|
|
3392
|
+
"background-neutrals-scrolls"?: any;
|
|
3393
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
3394
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
3395
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
3396
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
3397
|
+
"background-neutrals-subtle"?: any;
|
|
3398
|
+
"background-neutrals-subtle-active"?: any;
|
|
3399
|
+
"background-neutrals-subtle-hover"?: any;
|
|
3400
|
+
"background-primary-prominent"?: any;
|
|
3401
|
+
"background-primary-prominent-active"?: any;
|
|
3402
|
+
"background-primary-prominent-expanded"?: any;
|
|
3403
|
+
"background-primary-prominent-hover"?: any;
|
|
3404
|
+
"background-primary-prominent-pressed"?: any;
|
|
3405
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
3406
|
+
"background-primary-prominent-selected"?: any;
|
|
3407
|
+
"background-primary-subtle"?: any;
|
|
3408
|
+
"background-primary-subtle-active"?: any;
|
|
3409
|
+
"background-primary-subtle-expanded"?: any;
|
|
3410
|
+
"background-primary-subtle-hover"?: any;
|
|
3411
|
+
"background-primary-subtle-pressed"?: any;
|
|
3412
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
3413
|
+
"background-primary-subtle-selected"?: any;
|
|
3414
|
+
"background-success"?: any;
|
|
3415
|
+
"background-success-prominent"?: any;
|
|
3416
|
+
"background-success-prominent-active"?: any;
|
|
3417
|
+
"background-success-prominent-hover"?: any;
|
|
3418
|
+
"background-warning-prominent"?: any;
|
|
3419
|
+
"background-warning-subtle"?: any;
|
|
3420
|
+
"border-danger"?: any;
|
|
3421
|
+
"border-danger-active"?: any;
|
|
3422
|
+
"border-danger-hover"?: any;
|
|
3423
|
+
"border-focus-inner"?: any;
|
|
3424
|
+
"border-focus-middle"?: any;
|
|
3425
|
+
"border-focus-outer"?: any;
|
|
3426
|
+
"border-neutrals"?: any;
|
|
3427
|
+
"border-neutrals-active"?: any;
|
|
3428
|
+
"border-neutrals-controls"?: any;
|
|
3429
|
+
"border-neutrals-controls-disabled"?: any;
|
|
3430
|
+
"border-neutrals-disabled"?: any;
|
|
3431
|
+
"border-neutrals-hover"?: any;
|
|
3432
|
+
"border-neutrals-inverted"?: any;
|
|
3433
|
+
"border-neutrals-subtle"?: any;
|
|
3434
|
+
"border-neutrals-text"?: any;
|
|
3435
|
+
"border-neutrals-text-active"?: any;
|
|
3436
|
+
"border-neutrals-text-hover"?: any;
|
|
3437
|
+
"border-neutrals-text-subtle"?: any;
|
|
3438
|
+
"border-neutrals-text-subtle-active"?: any;
|
|
3439
|
+
"border-neutrals-text-subtle-hover"?: any;
|
|
3440
|
+
"border-neutrals-transparent"?: any;
|
|
3441
|
+
"border-primary"?: any;
|
|
3442
|
+
"border-primary-active"?: any;
|
|
3443
|
+
"border-primary-hover"?: any;
|
|
3444
|
+
"border-primary-inverted"?: any;
|
|
3445
|
+
"border-success"?: any;
|
|
3446
|
+
"border-success-active"?: any;
|
|
3447
|
+
"border-success-hover"?: any;
|
|
3448
|
+
"border-warning"?: any;
|
|
3449
|
+
"icon-danger"?: any;
|
|
3450
|
+
"icon-danger-active"?: any;
|
|
3451
|
+
"icon-danger-hover"?: any;
|
|
3452
|
+
"icon-danger-inverted"?: any;
|
|
3453
|
+
"icon-neutrals"?: any;
|
|
3454
|
+
"icon-neutrals-disabled"?: any;
|
|
3455
|
+
"icon-neutrals-inactive"?: any;
|
|
3456
|
+
"icon-neutrals-inactive-hover"?: any;
|
|
3457
|
+
"icon-neutrals-inverted"?: any;
|
|
3458
|
+
"icon-neutrals-search"?: any;
|
|
3459
|
+
"icon-neutrals-subtle"?: any;
|
|
3460
|
+
"icon-neutrals-text"?: any;
|
|
3461
|
+
"icon-primary"?: any;
|
|
3462
|
+
"icon-primary-active"?: any;
|
|
3463
|
+
"icon-primary-hover"?: any;
|
|
3464
|
+
"icon-primary-inverted"?: any;
|
|
3465
|
+
"icon-primary-selected"?: any;
|
|
3466
|
+
"icon-success"?: any;
|
|
3467
|
+
"icon-success-active"?: any;
|
|
3468
|
+
"icon-success-hover"?: any;
|
|
3469
|
+
"icon-success-inverted"?: any;
|
|
3470
|
+
"icon-warning"?: any;
|
|
3471
|
+
"icon-warning-prominent"?: any;
|
|
3472
|
+
"icon-warning-subtle"?: any;
|
|
3473
|
+
"text-danger"?: any;
|
|
3474
|
+
"text-danger-active"?: any;
|
|
3475
|
+
"text-danger-hover"?: any;
|
|
3476
|
+
"text-danger-inverted"?: any;
|
|
3477
|
+
"text-neutrals"?: any;
|
|
3478
|
+
"text-neutrals-active"?: any;
|
|
3479
|
+
"text-neutrals-disabled"?: any;
|
|
3480
|
+
"text-neutrals-hover"?: any;
|
|
3481
|
+
"text-neutrals-inverted"?: any;
|
|
3482
|
+
"text-neutrals-placeholder"?: any;
|
|
3483
|
+
"text-neutrals-placeholder-only"?: any;
|
|
3484
|
+
"text-neutrals-subtle"?: any;
|
|
3485
|
+
"text-neutrals-subtle-active"?: any;
|
|
3486
|
+
"text-neutrals-subtle-hover"?: any;
|
|
3487
|
+
"text-primary"?: any;
|
|
3488
|
+
"text-primary-active"?: any;
|
|
3489
|
+
"text-primary-hover"?: any;
|
|
3490
|
+
"text-primary-inverted"?: any;
|
|
3491
|
+
"text-primary-inverted-subtle"?: any;
|
|
3492
|
+
"text-primary-selected"?: any;
|
|
3493
|
+
"text-success"?: any;
|
|
3494
|
+
"text-success-active"?: any;
|
|
3495
|
+
"text-success-hover"?: any;
|
|
3496
|
+
"text-success-inverted"?: any;
|
|
3497
|
+
"text-warning"?: any;
|
|
3498
|
+
"text-warning-subtle"?: any;
|
|
3499
|
+
};
|
|
3500
|
+
'font-sizes': {
|
|
3501
|
+
readonly 150: "0.75rem";
|
|
3502
|
+
readonly 175: "0.875rem";
|
|
3503
|
+
readonly 200: "1rem";
|
|
3504
|
+
readonly 225: "1.125rem";
|
|
3505
|
+
readonly 250: "1.25rem";
|
|
3506
|
+
readonly 300: "1.5rem";
|
|
3507
|
+
readonly 400: "2rem";
|
|
3508
|
+
readonly 500: "2.5rem";
|
|
3509
|
+
readonly 600: "3rem";
|
|
3510
|
+
readonly 800: "4rem";
|
|
3511
|
+
readonly 900: "4.5rem";
|
|
3512
|
+
};
|
|
3513
|
+
fonts: {
|
|
3514
|
+
readonly heading: "Roobert, sans-serif";
|
|
3515
|
+
readonly body: "Open Sans, sans-serif";
|
|
3516
|
+
};
|
|
3517
|
+
radii: {
|
|
3518
|
+
readonly none: 0;
|
|
3519
|
+
readonly half: "999em";
|
|
3520
|
+
readonly 25: "2px";
|
|
3521
|
+
readonly 50: "4px";
|
|
3522
|
+
readonly 75: "6px";
|
|
3523
|
+
readonly 100: "8px";
|
|
3524
|
+
readonly 200: "16px";
|
|
3525
|
+
};
|
|
3526
|
+
shadows: {
|
|
3527
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
3528
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
3529
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
3530
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
3531
|
+
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
3532
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
3533
|
+
};
|
|
3534
|
+
sizes: {
|
|
3535
|
+
readonly number: string;
|
|
3536
|
+
readonly 'icon-200': "16px";
|
|
3537
|
+
readonly 'icon-300': "24px";
|
|
3538
|
+
readonly 'icon-400': "32px";
|
|
3539
|
+
};
|
|
3540
|
+
space: {
|
|
3541
|
+
readonly 0: "0px";
|
|
3542
|
+
readonly 25: "2px";
|
|
3543
|
+
readonly 50: "4px";
|
|
3544
|
+
readonly 100: "8px";
|
|
3545
|
+
readonly 150: "12px";
|
|
3546
|
+
readonly 200: "16px";
|
|
3547
|
+
readonly 300: "24px";
|
|
3548
|
+
readonly 400: "32px";
|
|
3549
|
+
readonly 500: "40px";
|
|
3550
|
+
readonly 600: "48px";
|
|
3551
|
+
readonly 700: "56px";
|
|
3552
|
+
readonly 800: "64px";
|
|
3553
|
+
readonly 1200: "96px";
|
|
3554
|
+
readonly 1600: "128px";
|
|
3555
|
+
};
|
|
3556
|
+
'space-gap': {
|
|
3557
|
+
readonly 0: any;
|
|
3558
|
+
readonly 50: any;
|
|
3559
|
+
readonly 100: any;
|
|
3560
|
+
readonly 200: any;
|
|
3561
|
+
readonly 300: any;
|
|
3562
|
+
};
|
|
3563
|
+
'space-inset': {
|
|
3564
|
+
readonly 0: any;
|
|
3565
|
+
readonly 50: any;
|
|
3566
|
+
readonly 100: any;
|
|
3567
|
+
readonly 150: any;
|
|
3568
|
+
readonly 200: any;
|
|
3569
|
+
readonly 300: any;
|
|
3570
|
+
readonly 400: any;
|
|
3571
|
+
readonly 500: any;
|
|
3572
|
+
readonly 600: any;
|
|
3573
|
+
readonly 700: any;
|
|
3574
|
+
readonly 800: any;
|
|
3575
|
+
readonly 1200: any;
|
|
3576
|
+
readonly 1600: any;
|
|
3577
|
+
};
|
|
3578
|
+
'space-offset': {
|
|
3579
|
+
readonly 0: any;
|
|
3580
|
+
readonly 50: any;
|
|
3581
|
+
readonly 100: any;
|
|
3582
|
+
readonly 150: any;
|
|
3583
|
+
readonly 200: any;
|
|
3584
|
+
readonly 300: any;
|
|
3585
|
+
readonly 400: any;
|
|
3586
|
+
readonly 600: any;
|
|
3587
|
+
readonly 800: any;
|
|
3588
|
+
readonly 1200: any;
|
|
3589
|
+
readonly 1600: any;
|
|
3590
|
+
readonly 'stacking-0': any;
|
|
3591
|
+
readonly 'stacking-100': any;
|
|
3592
|
+
readonly 'stacking-200': any;
|
|
3593
|
+
readonly 'stacking-300': any;
|
|
3594
|
+
readonly 'stacking-400': any;
|
|
3595
|
+
readonly 'stacking-500': any;
|
|
3596
|
+
readonly 'stacking-800': any;
|
|
3597
|
+
};
|
|
3598
|
+
'stroke-width': {
|
|
3599
|
+
readonly thin: "1.5px";
|
|
3600
|
+
readonly normal: "2px";
|
|
3601
|
+
readonly bold: "4px";
|
|
3602
|
+
};
|
|
3603
|
+
'z-indices': {
|
|
3604
|
+
readonly dropdownMenu: 100;
|
|
3605
|
+
readonly select: 200;
|
|
3606
|
+
readonly popover: 300;
|
|
3607
|
+
readonly tooltip: 400;
|
|
3608
|
+
};
|
|
3609
|
+
}, {
|
|
3610
|
+
readonly background: "colors";
|
|
3611
|
+
readonly backgroundColor: "colors";
|
|
3612
|
+
readonly backgroundImage: "colors";
|
|
3613
|
+
readonly blockSize: "sizes";
|
|
3614
|
+
readonly border: "colors";
|
|
3615
|
+
readonly borderBlock: "colors";
|
|
3616
|
+
readonly borderBlockEnd: "colors";
|
|
3617
|
+
readonly borderBlockStart: "colors";
|
|
3618
|
+
readonly borderBottom: "colors";
|
|
3619
|
+
readonly borderBottomColor: "colors";
|
|
3620
|
+
readonly borderBottomLeftRadius: "radii";
|
|
3621
|
+
readonly borderBottomRightRadius: "radii";
|
|
3622
|
+
readonly borderBottomStyle: "border-styles";
|
|
3623
|
+
readonly borderBottomWidth: "border-widths";
|
|
3624
|
+
readonly borderColor: "colors";
|
|
3625
|
+
readonly borderImage: "colors";
|
|
3626
|
+
readonly borderInline: "colors";
|
|
3627
|
+
readonly borderInlineEnd: "colors";
|
|
3628
|
+
readonly borderInlineStart: "colors";
|
|
3629
|
+
readonly borderLeft: "colors";
|
|
3630
|
+
readonly borderLeftColor: "colors";
|
|
3631
|
+
readonly borderLeftStyle: "border-styles";
|
|
3632
|
+
readonly borderLeftWidth: "border-widths";
|
|
3633
|
+
readonly borderRadius: "radii";
|
|
3634
|
+
readonly borderRight: "colors";
|
|
3635
|
+
readonly borderRightColor: "colors";
|
|
3636
|
+
readonly borderRightStyle: "border-styles";
|
|
3637
|
+
readonly borderRightWidth: "border-widths";
|
|
3638
|
+
readonly borderStyle: "border-styles";
|
|
3639
|
+
readonly borderTop: "colors";
|
|
3640
|
+
readonly borderTopColor: "colors";
|
|
3641
|
+
readonly borderTopLeftRadius: "radii";
|
|
3642
|
+
readonly borderTopRightRadius: "radii";
|
|
3643
|
+
readonly borderTopStyle: "border-styles";
|
|
3644
|
+
readonly borderTopWidth: "border-widths";
|
|
3645
|
+
readonly borderWidth: "border-widths";
|
|
3646
|
+
readonly bottom: "space";
|
|
3647
|
+
readonly boxShadow: "shadows";
|
|
3648
|
+
readonly caretColor: "colors";
|
|
3649
|
+
readonly color: "colors";
|
|
3650
|
+
readonly columnGap: "space-gap";
|
|
3651
|
+
readonly columnRuleColor: "colors";
|
|
3652
|
+
readonly fill: "colors";
|
|
3653
|
+
readonly flexBasis: "sizes";
|
|
3654
|
+
readonly fontFamily: "fonts";
|
|
3655
|
+
readonly fontSize: "font-sizes";
|
|
3656
|
+
readonly fontWeight: "font-weights";
|
|
3657
|
+
readonly gap: "space-gap";
|
|
3658
|
+
readonly gridColumnGap: "space-gap";
|
|
3659
|
+
readonly gridGap: "space-gap";
|
|
3660
|
+
readonly gridRowGap: "space-gap";
|
|
3661
|
+
readonly gridTemplateColumns: "sizes";
|
|
3662
|
+
readonly gridTemplateRows: "sizes";
|
|
3663
|
+
readonly height: "sizes";
|
|
3664
|
+
readonly inlineSize: "sizes";
|
|
3665
|
+
readonly inset: "space-inset";
|
|
3666
|
+
readonly insetBlock: "space-inset";
|
|
3667
|
+
readonly insetBlockEnd: "space-inset";
|
|
3668
|
+
readonly insetBlockStart: "space-inset";
|
|
3669
|
+
readonly insetInline: "space-inset";
|
|
3670
|
+
readonly insetInlineEnd: "space-inset";
|
|
3671
|
+
readonly insetInlineStart: "space-inset";
|
|
3672
|
+
readonly left: "space";
|
|
3673
|
+
readonly letterSpacing: "letter-spacings";
|
|
3674
|
+
readonly lineHeight: "line-heights";
|
|
3675
|
+
readonly margin: "space-offset";
|
|
3676
|
+
readonly marginBlock: "space-offset";
|
|
3677
|
+
readonly marginBlockEnd: "space-offset";
|
|
3678
|
+
readonly marginBlockStart: "space-offset";
|
|
3679
|
+
readonly marginBottom: "space-offset";
|
|
3680
|
+
readonly marginInline: "space-offset";
|
|
3681
|
+
readonly marginInlineEnd: "space-offset";
|
|
3682
|
+
readonly marginInlineStart: "space-offset";
|
|
3683
|
+
readonly marginLeft: "space-offset";
|
|
3684
|
+
readonly marginRight: "space-offset";
|
|
3685
|
+
readonly marginTop: "space-offset";
|
|
3686
|
+
readonly maxBlockSize: "sizes";
|
|
3687
|
+
readonly maxHeight: "sizes";
|
|
3688
|
+
readonly maxInlineSize: "sizes";
|
|
3689
|
+
readonly maxWidth: "sizes";
|
|
3690
|
+
readonly minBlockSize: "sizes";
|
|
3691
|
+
readonly minHeight: "sizes";
|
|
3692
|
+
readonly minInlineSize: "sizes";
|
|
3693
|
+
readonly minWidth: "sizes";
|
|
3694
|
+
readonly outline: "colors";
|
|
3695
|
+
readonly outlineColor: "colors";
|
|
3696
|
+
readonly padding: "space-inset";
|
|
3697
|
+
readonly paddingBlock: "space-inset";
|
|
3698
|
+
readonly paddingBlockEnd: "space-inset";
|
|
3699
|
+
readonly paddingBlockStart: "space-inset";
|
|
3700
|
+
readonly paddingBottom: "space-inset";
|
|
3701
|
+
readonly paddingInline: "space-inset";
|
|
3702
|
+
readonly paddingInlineEnd: "space-inset";
|
|
3703
|
+
readonly paddingInlineStart: "space-inset";
|
|
3704
|
+
readonly paddingLeft: "space-inset";
|
|
3705
|
+
readonly paddingRight: "space-inset";
|
|
3706
|
+
readonly paddingTop: "space-inset";
|
|
3707
|
+
readonly right: "space";
|
|
3708
|
+
readonly rowGap: "space-gap";
|
|
3709
|
+
readonly scrollMargin: "space-offset";
|
|
3710
|
+
readonly scrollMarginBlock: "space-offset";
|
|
3711
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
3712
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
3713
|
+
readonly scrollMarginBottom: "space-offset";
|
|
3714
|
+
readonly scrollMarginInline: "space-offset";
|
|
3715
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
3716
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
3717
|
+
readonly scrollMarginLeft: "space-offset";
|
|
3718
|
+
readonly scrollMarginRight: "space-offset";
|
|
3719
|
+
readonly scrollMarginTop: "space-offset";
|
|
3720
|
+
readonly scrollPadding: "space-inset";
|
|
3721
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
3722
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
3723
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
3724
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
3725
|
+
readonly scrollPaddingInline: "space-inset";
|
|
3726
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
3727
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
3728
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
3729
|
+
readonly scrollPaddingRight: "space-inset";
|
|
3730
|
+
readonly scrollPaddingTop: "space-inset";
|
|
3731
|
+
readonly stroke: "colors";
|
|
3732
|
+
readonly strokeWidth: "stroke-width";
|
|
3733
|
+
readonly textDecorationColor: "colors";
|
|
3734
|
+
readonly textShadow: "shadows";
|
|
3735
|
+
readonly top: "space";
|
|
3736
|
+
readonly transition: "transitions";
|
|
3737
|
+
readonly width: "sizes";
|
|
3738
|
+
readonly zIndex: "z-indices";
|
|
3739
|
+
}, {
|
|
3740
|
+
paddingX: (value: {
|
|
3741
|
+
readonly [$$PropertyValue]: "padding";
|
|
3742
|
+
}) => {
|
|
3743
|
+
paddingLeft: {
|
|
3744
|
+
readonly [$$PropertyValue]: "padding";
|
|
3487
3745
|
};
|
|
3488
|
-
|
|
3489
|
-
readonly
|
|
3490
|
-
readonly select: 200;
|
|
3491
|
-
readonly popover: 300;
|
|
3492
|
-
readonly tooltip: 400;
|
|
3746
|
+
paddingRight: {
|
|
3747
|
+
readonly [$$PropertyValue]: "padding";
|
|
3493
3748
|
};
|
|
3494
|
-
}
|
|
3495
|
-
|
|
3496
|
-
readonly
|
|
3497
|
-
|
|
3498
|
-
|
|
3499
|
-
readonly border: "colors";
|
|
3500
|
-
readonly borderBlock: "colors";
|
|
3501
|
-
readonly borderBlockEnd: "colors";
|
|
3502
|
-
readonly borderBlockStart: "colors";
|
|
3503
|
-
readonly borderBottom: "colors";
|
|
3504
|
-
readonly borderBottomColor: "colors";
|
|
3505
|
-
readonly borderBottomLeftRadius: "radii";
|
|
3506
|
-
readonly borderBottomRightRadius: "radii";
|
|
3507
|
-
readonly borderBottomStyle: "border-styles";
|
|
3508
|
-
readonly borderBottomWidth: "border-widths";
|
|
3509
|
-
readonly borderColor: "colors";
|
|
3510
|
-
readonly borderImage: "colors";
|
|
3511
|
-
readonly borderInline: "colors";
|
|
3512
|
-
readonly borderInlineEnd: "colors";
|
|
3513
|
-
readonly borderInlineStart: "colors";
|
|
3514
|
-
readonly borderLeft: "colors";
|
|
3515
|
-
readonly borderLeftColor: "colors";
|
|
3516
|
-
readonly borderLeftStyle: "border-styles";
|
|
3517
|
-
readonly borderLeftWidth: "border-widths";
|
|
3518
|
-
readonly borderRadius: "radii";
|
|
3519
|
-
readonly borderRight: "colors";
|
|
3520
|
-
readonly borderRightColor: "colors";
|
|
3521
|
-
readonly borderRightStyle: "border-styles";
|
|
3522
|
-
readonly borderRightWidth: "border-widths";
|
|
3523
|
-
readonly borderStyle: "border-styles";
|
|
3524
|
-
readonly borderTop: "colors";
|
|
3525
|
-
readonly borderTopColor: "colors";
|
|
3526
|
-
readonly borderTopLeftRadius: "radii";
|
|
3527
|
-
readonly borderTopRightRadius: "radii";
|
|
3528
|
-
readonly borderTopStyle: "border-styles";
|
|
3529
|
-
readonly borderTopWidth: "border-widths";
|
|
3530
|
-
readonly borderWidth: "border-widths";
|
|
3531
|
-
readonly bottom: "space";
|
|
3532
|
-
readonly boxShadow: "shadows";
|
|
3533
|
-
readonly caretColor: "colors";
|
|
3534
|
-
readonly color: "colors";
|
|
3535
|
-
readonly columnGap: "space-gap";
|
|
3536
|
-
readonly columnRuleColor: "colors";
|
|
3537
|
-
readonly fill: "colors";
|
|
3538
|
-
readonly flexBasis: "sizes";
|
|
3539
|
-
readonly fontFamily: "fonts";
|
|
3540
|
-
readonly fontSize: "font-sizes";
|
|
3541
|
-
readonly fontWeight: "font-weights";
|
|
3542
|
-
readonly gap: "space-gap";
|
|
3543
|
-
readonly gridColumnGap: "space-gap";
|
|
3544
|
-
readonly gridGap: "space-gap";
|
|
3545
|
-
readonly gridRowGap: "space-gap";
|
|
3546
|
-
readonly gridTemplateColumns: "sizes";
|
|
3547
|
-
readonly gridTemplateRows: "sizes";
|
|
3548
|
-
readonly height: "sizes";
|
|
3549
|
-
readonly inlineSize: "sizes";
|
|
3550
|
-
readonly inset: "space-inset";
|
|
3551
|
-
readonly insetBlock: "space-inset";
|
|
3552
|
-
readonly insetBlockEnd: "space-inset";
|
|
3553
|
-
readonly insetBlockStart: "space-inset";
|
|
3554
|
-
readonly insetInline: "space-inset";
|
|
3555
|
-
readonly insetInlineEnd: "space-inset";
|
|
3556
|
-
readonly insetInlineStart: "space-inset";
|
|
3557
|
-
readonly left: "space";
|
|
3558
|
-
readonly letterSpacing: "letter-spacings";
|
|
3559
|
-
readonly lineHeight: "line-heights";
|
|
3560
|
-
readonly margin: "space-offset";
|
|
3561
|
-
readonly marginBlock: "space-offset";
|
|
3562
|
-
readonly marginBlockEnd: "space-offset";
|
|
3563
|
-
readonly marginBlockStart: "space-offset";
|
|
3564
|
-
readonly marginBottom: "space-offset";
|
|
3565
|
-
readonly marginInline: "space-offset";
|
|
3566
|
-
readonly marginInlineEnd: "space-offset";
|
|
3567
|
-
readonly marginInlineStart: "space-offset";
|
|
3568
|
-
readonly marginLeft: "space-offset";
|
|
3569
|
-
readonly marginRight: "space-offset";
|
|
3570
|
-
readonly marginTop: "space-offset";
|
|
3571
|
-
readonly maxBlockSize: "sizes";
|
|
3572
|
-
readonly maxHeight: "sizes";
|
|
3573
|
-
readonly maxInlineSize: "sizes";
|
|
3574
|
-
readonly maxWidth: "sizes";
|
|
3575
|
-
readonly minBlockSize: "sizes";
|
|
3576
|
-
readonly minHeight: "sizes";
|
|
3577
|
-
readonly minInlineSize: "sizes";
|
|
3578
|
-
readonly minWidth: "sizes";
|
|
3579
|
-
readonly outline: "colors";
|
|
3580
|
-
readonly outlineColor: "colors";
|
|
3581
|
-
readonly padding: "space-inset";
|
|
3582
|
-
readonly paddingBlock: "space-inset";
|
|
3583
|
-
readonly paddingBlockEnd: "space-inset";
|
|
3584
|
-
readonly paddingBlockStart: "space-inset";
|
|
3585
|
-
readonly paddingBottom: "space-inset";
|
|
3586
|
-
readonly paddingInline: "space-inset";
|
|
3587
|
-
readonly paddingInlineEnd: "space-inset";
|
|
3588
|
-
readonly paddingInlineStart: "space-inset";
|
|
3589
|
-
readonly paddingLeft: "space-inset";
|
|
3590
|
-
readonly paddingRight: "space-inset";
|
|
3591
|
-
readonly paddingTop: "space-inset";
|
|
3592
|
-
readonly right: "space";
|
|
3593
|
-
readonly rowGap: "space-gap";
|
|
3594
|
-
readonly scrollMargin: "space-offset";
|
|
3595
|
-
readonly scrollMarginBlock: "space-offset";
|
|
3596
|
-
readonly scrollMarginBlockEnd: "space-offset";
|
|
3597
|
-
readonly scrollMarginBlockStart: "space-offset";
|
|
3598
|
-
readonly scrollMarginBottom: "space-offset";
|
|
3599
|
-
readonly scrollMarginInline: "space-offset";
|
|
3600
|
-
readonly scrollMarginInlineEnd: "space-offset";
|
|
3601
|
-
readonly scrollMarginInlineStart: "space-offset";
|
|
3602
|
-
readonly scrollMarginLeft: "space-offset";
|
|
3603
|
-
readonly scrollMarginRight: "space-offset";
|
|
3604
|
-
readonly scrollMarginTop: "space-offset";
|
|
3605
|
-
readonly scrollPadding: "space-inset";
|
|
3606
|
-
readonly scrollPaddingBlock: "space-inset";
|
|
3607
|
-
readonly scrollPaddingBlockEnd: "space-inset";
|
|
3608
|
-
readonly scrollPaddingBlockStart: "space-inset";
|
|
3609
|
-
readonly scrollPaddingBottom: "space-inset";
|
|
3610
|
-
readonly scrollPaddingInline: "space-inset";
|
|
3611
|
-
readonly scrollPaddingInlineEnd: "space-inset";
|
|
3612
|
-
readonly scrollPaddingInlineStart: "space-inset";
|
|
3613
|
-
readonly scrollPaddingLeft: "space-inset";
|
|
3614
|
-
readonly scrollPaddingRight: "space-inset";
|
|
3615
|
-
readonly scrollPaddingTop: "space-inset";
|
|
3616
|
-
readonly stroke: "colors";
|
|
3617
|
-
readonly strokeWidth: "stroke-width";
|
|
3618
|
-
readonly textDecorationColor: "colors";
|
|
3619
|
-
readonly textShadow: "shadows";
|
|
3620
|
-
readonly top: "space";
|
|
3621
|
-
readonly transition: "transitions";
|
|
3622
|
-
readonly width: "sizes";
|
|
3623
|
-
readonly zIndex: "z-indices";
|
|
3624
|
-
}, {
|
|
3625
|
-
paddingX: (value: {
|
|
3749
|
+
};
|
|
3750
|
+
paddingY: (value: {
|
|
3751
|
+
readonly [$$PropertyValue]: "padding";
|
|
3752
|
+
}) => {
|
|
3753
|
+
paddingTop: {
|
|
3626
3754
|
readonly [$$PropertyValue]: "padding";
|
|
3627
|
-
}) => {
|
|
3628
|
-
paddingLeft: {
|
|
3629
|
-
readonly [$$PropertyValue]: "padding";
|
|
3630
|
-
};
|
|
3631
|
-
paddingRight: {
|
|
3632
|
-
readonly [$$PropertyValue]: "padding";
|
|
3633
|
-
};
|
|
3634
3755
|
};
|
|
3635
|
-
|
|
3756
|
+
paddingBottom: {
|
|
3636
3757
|
readonly [$$PropertyValue]: "padding";
|
|
3637
|
-
}) => {
|
|
3638
|
-
paddingTop: {
|
|
3639
|
-
readonly [$$PropertyValue]: "padding";
|
|
3640
|
-
};
|
|
3641
|
-
paddingBottom: {
|
|
3642
|
-
readonly [$$PropertyValue]: "padding";
|
|
3643
|
-
};
|
|
3644
3758
|
};
|
|
3645
|
-
|
|
3759
|
+
};
|
|
3760
|
+
marginX: (value: {
|
|
3761
|
+
readonly [$$PropertyValue]: "margin";
|
|
3762
|
+
}) => {
|
|
3763
|
+
marginLeft: {
|
|
3646
3764
|
readonly [$$PropertyValue]: "margin";
|
|
3647
|
-
}) => {
|
|
3648
|
-
marginLeft: {
|
|
3649
|
-
readonly [$$PropertyValue]: "margin";
|
|
3650
|
-
};
|
|
3651
|
-
marginRight: {
|
|
3652
|
-
readonly [$$PropertyValue]: "margin";
|
|
3653
|
-
};
|
|
3654
3765
|
};
|
|
3655
|
-
|
|
3766
|
+
marginRight: {
|
|
3656
3767
|
readonly [$$PropertyValue]: "margin";
|
|
3657
|
-
}) => {
|
|
3658
|
-
marginTop: {
|
|
3659
|
-
readonly [$$PropertyValue]: "margin";
|
|
3660
|
-
};
|
|
3661
|
-
marginBottom: {
|
|
3662
|
-
readonly [$$PropertyValue]: "margin";
|
|
3663
|
-
};
|
|
3664
3768
|
};
|
|
3665
|
-
|
|
3769
|
+
};
|
|
3770
|
+
marginY: (value: {
|
|
3771
|
+
readonly [$$PropertyValue]: "margin";
|
|
3772
|
+
}) => {
|
|
3773
|
+
marginTop: {
|
|
3774
|
+
readonly [$$PropertyValue]: "margin";
|
|
3775
|
+
};
|
|
3776
|
+
marginBottom: {
|
|
3777
|
+
readonly [$$PropertyValue]: "margin";
|
|
3778
|
+
};
|
|
3779
|
+
};
|
|
3780
|
+
square: (value: {
|
|
3781
|
+
readonly [$$PropertyValue]: "width";
|
|
3782
|
+
}) => {
|
|
3783
|
+
width: {
|
|
3666
3784
|
readonly [$$PropertyValue]: "width";
|
|
3667
|
-
}) => {
|
|
3668
|
-
width: {
|
|
3669
|
-
readonly [$$PropertyValue]: "width";
|
|
3670
|
-
};
|
|
3671
|
-
height: {
|
|
3672
|
-
readonly [$$PropertyValue]: "width";
|
|
3673
|
-
};
|
|
3674
3785
|
};
|
|
3675
|
-
|
|
3676
|
-
|
|
3677
|
-
|
|
3678
|
-
}
|
|
3786
|
+
height: {
|
|
3787
|
+
readonly [$$PropertyValue]: "width";
|
|
3788
|
+
};
|
|
3789
|
+
};
|
|
3790
|
+
}>>>, keyof (typeof $$StyledComponentProps extends keyof Composers ? Composers[keyof Composers & typeof $$StyledComponentProps] : Composers extends {
|
|
3791
|
+
variants: {
|
|
3792
|
+
[name: string]: unknown;
|
|
3793
|
+
};
|
|
3794
|
+
} ? Composers["variants"] extends infer T ? { [K in keyof T]?: _stitches_react_types_util.Widen<keyof Composers["variants"][K]> | undefined; } : never : {})> & TransformProps<StyledComponentProps$1<[Composers]>, {}> & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
|
|
3679
3795
|
'border-widths': {
|
|
3680
3796
|
readonly none: 0;
|
|
3681
3797
|
readonly sm: "1px";
|
|
@@ -3784,6 +3900,9 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3784
3900
|
"background-primary-subtle-pressed-hover"?: any;
|
|
3785
3901
|
"background-primary-subtle-selected"?: any;
|
|
3786
3902
|
"background-success"?: any;
|
|
3903
|
+
"background-success-prominent"?: any;
|
|
3904
|
+
"background-success-prominent-active"?: any;
|
|
3905
|
+
"background-success-prominent-hover"?: any;
|
|
3787
3906
|
"background-warning-prominent"?: any;
|
|
3788
3907
|
"background-warning-subtle"?: any;
|
|
3789
3908
|
"border-danger"?: any;
|
|
@@ -3812,6 +3931,8 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3812
3931
|
"border-primary-hover"?: any;
|
|
3813
3932
|
"border-primary-inverted"?: any;
|
|
3814
3933
|
"border-success"?: any;
|
|
3934
|
+
"border-success-active"?: any;
|
|
3935
|
+
"border-success-hover"?: any;
|
|
3815
3936
|
"border-warning"?: any;
|
|
3816
3937
|
"icon-danger"?: any;
|
|
3817
3938
|
"icon-danger-active"?: any;
|
|
@@ -3831,9 +3952,12 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3831
3952
|
"icon-primary-inverted"?: any;
|
|
3832
3953
|
"icon-primary-selected"?: any;
|
|
3833
3954
|
"icon-success"?: any;
|
|
3955
|
+
"icon-success-active"?: any;
|
|
3956
|
+
"icon-success-hover"?: any;
|
|
3834
3957
|
"icon-success-inverted"?: any;
|
|
3835
3958
|
"icon-warning"?: any;
|
|
3836
3959
|
"icon-warning-prominent"?: any;
|
|
3960
|
+
"icon-warning-subtle"?: any;
|
|
3837
3961
|
"text-danger"?: any;
|
|
3838
3962
|
"text-danger-active"?: any;
|
|
3839
3963
|
"text-danger-hover"?: any;
|
|
@@ -3855,7 +3979,11 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3855
3979
|
"text-primary-inverted-subtle"?: any;
|
|
3856
3980
|
"text-primary-selected"?: any;
|
|
3857
3981
|
"text-success"?: any;
|
|
3982
|
+
"text-success-active"?: any;
|
|
3983
|
+
"text-success-hover"?: any;
|
|
3984
|
+
"text-success-inverted"?: any;
|
|
3858
3985
|
"text-warning"?: any;
|
|
3986
|
+
"text-warning-subtle"?: any;
|
|
3859
3987
|
};
|
|
3860
3988
|
'font-sizes': {
|
|
3861
3989
|
readonly 150: "0.75rem";
|
|
@@ -3889,6 +4017,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3889
4017
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
3890
4018
|
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
3891
4019
|
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
4020
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
3892
4021
|
};
|
|
3893
4022
|
sizes: {
|
|
3894
4023
|
readonly number: string;
|
|
@@ -3898,6 +4027,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3898
4027
|
};
|
|
3899
4028
|
space: {
|
|
3900
4029
|
readonly 0: "0px";
|
|
4030
|
+
readonly 25: "2px";
|
|
3901
4031
|
readonly 50: "4px";
|
|
3902
4032
|
readonly 100: "8px";
|
|
3903
4033
|
readonly 150: "12px";
|
|
@@ -3926,6 +4056,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3926
4056
|
readonly 200: any;
|
|
3927
4057
|
readonly 300: any;
|
|
3928
4058
|
readonly 400: any;
|
|
4059
|
+
readonly 500: any;
|
|
3929
4060
|
readonly 600: any;
|
|
3930
4061
|
readonly 700: any;
|
|
3931
4062
|
readonly 800: any;
|