@mirohq/design-system-stitches 2.3.10 → 2.3.11
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/types.d.ts +32 -14
- package/package.json +3 -3
package/dist/types.d.ts
CHANGED
|
@@ -226,6 +226,7 @@ declare const config: {
|
|
|
226
226
|
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";
|
|
227
227
|
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";
|
|
228
228
|
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";
|
|
229
|
+
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";
|
|
229
230
|
};
|
|
230
231
|
sizes: {
|
|
231
232
|
readonly number: string;
|
|
@@ -295,8 +296,9 @@ declare const config: {
|
|
|
295
296
|
};
|
|
296
297
|
'z-indices': {
|
|
297
298
|
readonly dropdownMenu: 100;
|
|
298
|
-
readonly
|
|
299
|
-
readonly
|
|
299
|
+
readonly select: 200;
|
|
300
|
+
readonly popover: 300;
|
|
301
|
+
readonly tooltip: 400;
|
|
300
302
|
};
|
|
301
303
|
};
|
|
302
304
|
themeMap: {
|
|
@@ -694,6 +696,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
694
696
|
readonly 'focus-small-outline'?: string | number | boolean | undefined;
|
|
695
697
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
696
698
|
readonly 'focus-controls'?: string | number | boolean | undefined;
|
|
699
|
+
readonly 'focus-controls-error'?: string | number | boolean | undefined;
|
|
697
700
|
} | undefined;
|
|
698
701
|
sizes?: {
|
|
699
702
|
readonly number?: string | number | boolean | undefined;
|
|
@@ -763,6 +766,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
763
766
|
} | undefined;
|
|
764
767
|
'z-indices'?: {
|
|
765
768
|
readonly dropdownMenu?: string | number | boolean | undefined;
|
|
769
|
+
readonly select?: string | number | boolean | undefined;
|
|
766
770
|
readonly popover?: string | number | boolean | undefined;
|
|
767
771
|
readonly tooltip?: string | number | boolean | undefined;
|
|
768
772
|
} | undefined;
|
|
@@ -982,6 +986,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
982
986
|
readonly 'focus-small-outline'?: string | number | boolean | undefined;
|
|
983
987
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
984
988
|
readonly 'focus-controls'?: string | number | boolean | undefined;
|
|
989
|
+
readonly 'focus-controls-error'?: string | number | boolean | undefined;
|
|
985
990
|
} | undefined;
|
|
986
991
|
sizes?: {
|
|
987
992
|
readonly number?: string | number | boolean | undefined;
|
|
@@ -1051,6 +1056,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1051
1056
|
} | undefined;
|
|
1052
1057
|
'z-indices'?: {
|
|
1053
1058
|
readonly dropdownMenu?: string | number | boolean | undefined;
|
|
1059
|
+
readonly select?: string | number | boolean | undefined;
|
|
1054
1060
|
readonly popover?: string | number | boolean | undefined;
|
|
1055
1061
|
readonly tooltip?: string | number | boolean | undefined;
|
|
1056
1062
|
} | undefined;
|
|
@@ -1276,6 +1282,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1276
1282
|
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";
|
|
1277
1283
|
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";
|
|
1278
1284
|
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";
|
|
1285
|
+
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";
|
|
1279
1286
|
};
|
|
1280
1287
|
sizes: {
|
|
1281
1288
|
readonly number: string;
|
|
@@ -1345,8 +1352,9 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1345
1352
|
};
|
|
1346
1353
|
'z-indices': {
|
|
1347
1354
|
readonly dropdownMenu: 100;
|
|
1348
|
-
readonly
|
|
1349
|
-
readonly
|
|
1355
|
+
readonly select: 200;
|
|
1356
|
+
readonly popover: 300;
|
|
1357
|
+
readonly tooltip: 400;
|
|
1350
1358
|
};
|
|
1351
1359
|
}, {
|
|
1352
1360
|
readonly background: "colors";
|
|
@@ -1759,6 +1767,7 @@ declare const globalCss: <Styles extends {
|
|
|
1759
1767
|
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";
|
|
1760
1768
|
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";
|
|
1761
1769
|
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";
|
|
1770
|
+
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";
|
|
1762
1771
|
};
|
|
1763
1772
|
sizes: {
|
|
1764
1773
|
readonly number: string;
|
|
@@ -1828,8 +1837,9 @@ declare const globalCss: <Styles extends {
|
|
|
1828
1837
|
};
|
|
1829
1838
|
'z-indices': {
|
|
1830
1839
|
readonly dropdownMenu: 100;
|
|
1831
|
-
readonly
|
|
1832
|
-
readonly
|
|
1840
|
+
readonly select: 200;
|
|
1841
|
+
readonly popover: 300;
|
|
1842
|
+
readonly tooltip: 400;
|
|
1833
1843
|
};
|
|
1834
1844
|
}, {
|
|
1835
1845
|
readonly background: "colors";
|
|
@@ -2224,6 +2234,7 @@ declare const globalCss: <Styles extends {
|
|
|
2224
2234
|
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";
|
|
2225
2235
|
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";
|
|
2226
2236
|
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";
|
|
2237
|
+
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";
|
|
2227
2238
|
};
|
|
2228
2239
|
sizes: {
|
|
2229
2240
|
readonly number: string;
|
|
@@ -2293,8 +2304,9 @@ declare const globalCss: <Styles extends {
|
|
|
2293
2304
|
};
|
|
2294
2305
|
'z-indices': {
|
|
2295
2306
|
readonly dropdownMenu: 100;
|
|
2296
|
-
readonly
|
|
2297
|
-
readonly
|
|
2307
|
+
readonly select: 200;
|
|
2308
|
+
readonly popover: 300;
|
|
2309
|
+
readonly tooltip: 400;
|
|
2298
2310
|
};
|
|
2299
2311
|
}, {
|
|
2300
2312
|
readonly background: "colors";
|
|
@@ -2690,6 +2702,7 @@ declare const keyframes: (style: {
|
|
|
2690
2702
|
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";
|
|
2691
2703
|
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";
|
|
2692
2704
|
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";
|
|
2705
|
+
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";
|
|
2693
2706
|
};
|
|
2694
2707
|
sizes: {
|
|
2695
2708
|
readonly number: string;
|
|
@@ -2759,8 +2772,9 @@ declare const keyframes: (style: {
|
|
|
2759
2772
|
};
|
|
2760
2773
|
'z-indices': {
|
|
2761
2774
|
readonly dropdownMenu: 100;
|
|
2762
|
-
readonly
|
|
2763
|
-
readonly
|
|
2775
|
+
readonly select: 200;
|
|
2776
|
+
readonly popover: 300;
|
|
2777
|
+
readonly tooltip: 400;
|
|
2764
2778
|
};
|
|
2765
2779
|
}, {
|
|
2766
2780
|
readonly background: "colors";
|
|
@@ -3378,6 +3392,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3378
3392
|
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";
|
|
3379
3393
|
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";
|
|
3380
3394
|
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";
|
|
3395
|
+
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";
|
|
3381
3396
|
};
|
|
3382
3397
|
sizes: {
|
|
3383
3398
|
readonly number: string;
|
|
@@ -3447,8 +3462,9 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3447
3462
|
};
|
|
3448
3463
|
'z-indices': {
|
|
3449
3464
|
readonly dropdownMenu: 100;
|
|
3450
|
-
readonly
|
|
3451
|
-
readonly
|
|
3465
|
+
readonly select: 200;
|
|
3466
|
+
readonly popover: 300;
|
|
3467
|
+
readonly tooltip: 400;
|
|
3452
3468
|
};
|
|
3453
3469
|
}, {
|
|
3454
3470
|
readonly background: "colors";
|
|
@@ -3845,6 +3861,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3845
3861
|
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";
|
|
3846
3862
|
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";
|
|
3847
3863
|
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";
|
|
3864
|
+
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";
|
|
3848
3865
|
};
|
|
3849
3866
|
sizes: {
|
|
3850
3867
|
readonly number: string;
|
|
@@ -3914,8 +3931,9 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3914
3931
|
};
|
|
3915
3932
|
'z-indices': {
|
|
3916
3933
|
readonly dropdownMenu: 100;
|
|
3917
|
-
readonly
|
|
3918
|
-
readonly
|
|
3934
|
+
readonly select: 200;
|
|
3935
|
+
readonly popover: 300;
|
|
3936
|
+
readonly tooltip: 400;
|
|
3919
3937
|
};
|
|
3920
3938
|
}, {
|
|
3921
3939
|
readonly background: "colors";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-stitches",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.11",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"lodash.merge": "^4.6.2",
|
|
30
|
-
"@mirohq/design-system-themes": "^0.4.
|
|
30
|
+
"@mirohq/design-system-themes": "^0.4.1",
|
|
31
31
|
"@mirohq/design-system-types": "^0.6.2",
|
|
32
|
-
"@mirohq/design-tokens": "^3.
|
|
32
|
+
"@mirohq/design-tokens": "^3.2.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@types/lodash.merge": "^4.6.7"
|