@mirohq/design-system-stitches 2.3.12 → 2.3.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/types.d.ts +16 -25
- package/package.json +4 -4
package/dist/types.d.ts
CHANGED
|
@@ -224,8 +224,6 @@ declare const config: {
|
|
|
224
224
|
readonly 200: "16px";
|
|
225
225
|
};
|
|
226
226
|
shadows: {
|
|
227
|
-
readonly 50: "0 4px 16px #05003812";
|
|
228
|
-
readonly 100: "0 8px 32px #05003808";
|
|
229
227
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
230
228
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
231
229
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
@@ -239,7 +237,7 @@ declare const config: {
|
|
|
239
237
|
readonly 'icon-400': "32px";
|
|
240
238
|
};
|
|
241
239
|
space: {
|
|
242
|
-
readonly 0:
|
|
240
|
+
readonly 0: "0px";
|
|
243
241
|
readonly 50: "4px";
|
|
244
242
|
readonly 100: "8px";
|
|
245
243
|
readonly 150: "12px";
|
|
@@ -269,6 +267,7 @@ declare const config: {
|
|
|
269
267
|
readonly 300: any;
|
|
270
268
|
readonly 400: any;
|
|
271
269
|
readonly 600: any;
|
|
270
|
+
readonly 700: any;
|
|
272
271
|
readonly 800: any;
|
|
273
272
|
readonly 1200: any;
|
|
274
273
|
readonly 1600: any;
|
|
@@ -698,8 +697,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
698
697
|
readonly 200?: string | number | boolean | undefined;
|
|
699
698
|
} | undefined;
|
|
700
699
|
shadows?: {
|
|
701
|
-
readonly 50?: string | number | boolean | undefined;
|
|
702
|
-
readonly 100?: string | number | boolean | undefined;
|
|
703
700
|
readonly 'focus-small'?: string | number | boolean | undefined;
|
|
704
701
|
readonly 'focus-small-outline'?: string | number | boolean | undefined;
|
|
705
702
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
@@ -743,6 +740,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
743
740
|
readonly 300?: string | number | boolean | undefined;
|
|
744
741
|
readonly 400?: string | number | boolean | undefined;
|
|
745
742
|
readonly 600?: string | number | boolean | undefined;
|
|
743
|
+
readonly 700?: string | number | boolean | undefined;
|
|
746
744
|
readonly 800?: string | number | boolean | undefined;
|
|
747
745
|
readonly 1200?: string | number | boolean | undefined;
|
|
748
746
|
readonly 1600?: string | number | boolean | undefined;
|
|
@@ -992,8 +990,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
992
990
|
readonly 200?: string | number | boolean | undefined;
|
|
993
991
|
} | undefined;
|
|
994
992
|
shadows?: {
|
|
995
|
-
readonly 50?: string | number | boolean | undefined;
|
|
996
|
-
readonly 100?: string | number | boolean | undefined;
|
|
997
993
|
readonly 'focus-small'?: string | number | boolean | undefined;
|
|
998
994
|
readonly 'focus-small-outline'?: string | number | boolean | undefined;
|
|
999
995
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
@@ -1037,6 +1033,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
1037
1033
|
readonly 300?: string | number | boolean | undefined;
|
|
1038
1034
|
readonly 400?: string | number | boolean | undefined;
|
|
1039
1035
|
readonly 600?: string | number | boolean | undefined;
|
|
1036
|
+
readonly 700?: string | number | boolean | undefined;
|
|
1040
1037
|
readonly 800?: string | number | boolean | undefined;
|
|
1041
1038
|
readonly 1200?: string | number | boolean | undefined;
|
|
1042
1039
|
readonly 1600?: string | number | boolean | undefined;
|
|
@@ -1292,8 +1289,6 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1292
1289
|
readonly 200: "16px";
|
|
1293
1290
|
};
|
|
1294
1291
|
shadows: {
|
|
1295
|
-
readonly 50: "0 4px 16px #05003812";
|
|
1296
|
-
readonly 100: "0 8px 32px #05003808";
|
|
1297
1292
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
1298
1293
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
1299
1294
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
@@ -1307,7 +1302,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1307
1302
|
readonly 'icon-400': "32px";
|
|
1308
1303
|
};
|
|
1309
1304
|
space: {
|
|
1310
|
-
readonly 0:
|
|
1305
|
+
readonly 0: "0px";
|
|
1311
1306
|
readonly 50: "4px";
|
|
1312
1307
|
readonly 100: "8px";
|
|
1313
1308
|
readonly 150: "12px";
|
|
@@ -1337,6 +1332,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1337
1332
|
readonly 300: any;
|
|
1338
1333
|
readonly 400: any;
|
|
1339
1334
|
readonly 600: any;
|
|
1335
|
+
readonly 700: any;
|
|
1340
1336
|
readonly 800: any;
|
|
1341
1337
|
readonly 1200: any;
|
|
1342
1338
|
readonly 1600: any;
|
|
@@ -1781,8 +1777,6 @@ declare const globalCss: <Styles extends {
|
|
|
1781
1777
|
readonly 200: "16px";
|
|
1782
1778
|
};
|
|
1783
1779
|
shadows: {
|
|
1784
|
-
readonly 50: "0 4px 16px #05003812";
|
|
1785
|
-
readonly 100: "0 8px 32px #05003808";
|
|
1786
1780
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
1787
1781
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
1788
1782
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
@@ -1796,7 +1790,7 @@ declare const globalCss: <Styles extends {
|
|
|
1796
1790
|
readonly 'icon-400': "32px";
|
|
1797
1791
|
};
|
|
1798
1792
|
space: {
|
|
1799
|
-
readonly 0:
|
|
1793
|
+
readonly 0: "0px";
|
|
1800
1794
|
readonly 50: "4px";
|
|
1801
1795
|
readonly 100: "8px";
|
|
1802
1796
|
readonly 150: "12px";
|
|
@@ -1826,6 +1820,7 @@ declare const globalCss: <Styles extends {
|
|
|
1826
1820
|
readonly 300: any;
|
|
1827
1821
|
readonly 400: any;
|
|
1828
1822
|
readonly 600: any;
|
|
1823
|
+
readonly 700: any;
|
|
1829
1824
|
readonly 800: any;
|
|
1830
1825
|
readonly 1200: any;
|
|
1831
1826
|
readonly 1600: any;
|
|
@@ -2252,8 +2247,6 @@ declare const globalCss: <Styles extends {
|
|
|
2252
2247
|
readonly 200: "16px";
|
|
2253
2248
|
};
|
|
2254
2249
|
shadows: {
|
|
2255
|
-
readonly 50: "0 4px 16px #05003812";
|
|
2256
|
-
readonly 100: "0 8px 32px #05003808";
|
|
2257
2250
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
2258
2251
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
2259
2252
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
@@ -2267,7 +2260,7 @@ declare const globalCss: <Styles extends {
|
|
|
2267
2260
|
readonly 'icon-400': "32px";
|
|
2268
2261
|
};
|
|
2269
2262
|
space: {
|
|
2270
|
-
readonly 0:
|
|
2263
|
+
readonly 0: "0px";
|
|
2271
2264
|
readonly 50: "4px";
|
|
2272
2265
|
readonly 100: "8px";
|
|
2273
2266
|
readonly 150: "12px";
|
|
@@ -2297,6 +2290,7 @@ declare const globalCss: <Styles extends {
|
|
|
2297
2290
|
readonly 300: any;
|
|
2298
2291
|
readonly 400: any;
|
|
2299
2292
|
readonly 600: any;
|
|
2293
|
+
readonly 700: any;
|
|
2300
2294
|
readonly 800: any;
|
|
2301
2295
|
readonly 1200: any;
|
|
2302
2296
|
readonly 1600: any;
|
|
@@ -2724,8 +2718,6 @@ declare const keyframes: (style: {
|
|
|
2724
2718
|
readonly 200: "16px";
|
|
2725
2719
|
};
|
|
2726
2720
|
shadows: {
|
|
2727
|
-
readonly 50: "0 4px 16px #05003812";
|
|
2728
|
-
readonly 100: "0 8px 32px #05003808";
|
|
2729
2721
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
2730
2722
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
2731
2723
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
@@ -2739,7 +2731,7 @@ declare const keyframes: (style: {
|
|
|
2739
2731
|
readonly 'icon-400': "32px";
|
|
2740
2732
|
};
|
|
2741
2733
|
space: {
|
|
2742
|
-
readonly 0:
|
|
2734
|
+
readonly 0: "0px";
|
|
2743
2735
|
readonly 50: "4px";
|
|
2744
2736
|
readonly 100: "8px";
|
|
2745
2737
|
readonly 150: "12px";
|
|
@@ -2769,6 +2761,7 @@ declare const keyframes: (style: {
|
|
|
2769
2761
|
readonly 300: any;
|
|
2770
2762
|
readonly 400: any;
|
|
2771
2763
|
readonly 600: any;
|
|
2764
|
+
readonly 700: any;
|
|
2772
2765
|
readonly 800: any;
|
|
2773
2766
|
readonly 1200: any;
|
|
2774
2767
|
readonly 1600: any;
|
|
@@ -3419,8 +3412,6 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3419
3412
|
readonly 200: "16px";
|
|
3420
3413
|
};
|
|
3421
3414
|
shadows: {
|
|
3422
|
-
readonly 50: "0 4px 16px #05003812";
|
|
3423
|
-
readonly 100: "0 8px 32px #05003808";
|
|
3424
3415
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
3425
3416
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
3426
3417
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
@@ -3434,7 +3425,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3434
3425
|
readonly 'icon-400': "32px";
|
|
3435
3426
|
};
|
|
3436
3427
|
space: {
|
|
3437
|
-
readonly 0:
|
|
3428
|
+
readonly 0: "0px";
|
|
3438
3429
|
readonly 50: "4px";
|
|
3439
3430
|
readonly 100: "8px";
|
|
3440
3431
|
readonly 150: "12px";
|
|
@@ -3464,6 +3455,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3464
3455
|
readonly 300: any;
|
|
3465
3456
|
readonly 400: any;
|
|
3466
3457
|
readonly 600: any;
|
|
3458
|
+
readonly 700: any;
|
|
3467
3459
|
readonly 800: any;
|
|
3468
3460
|
readonly 1200: any;
|
|
3469
3461
|
readonly 1600: any;
|
|
@@ -3892,8 +3884,6 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3892
3884
|
readonly 200: "16px";
|
|
3893
3885
|
};
|
|
3894
3886
|
shadows: {
|
|
3895
|
-
readonly 50: "0 4px 16px #05003812";
|
|
3896
|
-
readonly 100: "0 8px 32px #05003808";
|
|
3897
3887
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
3898
3888
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
3899
3889
|
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
@@ -3907,7 +3897,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3907
3897
|
readonly 'icon-400': "32px";
|
|
3908
3898
|
};
|
|
3909
3899
|
space: {
|
|
3910
|
-
readonly 0:
|
|
3900
|
+
readonly 0: "0px";
|
|
3911
3901
|
readonly 50: "4px";
|
|
3912
3902
|
readonly 100: "8px";
|
|
3913
3903
|
readonly 150: "12px";
|
|
@@ -3937,6 +3927,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3937
3927
|
readonly 300: any;
|
|
3938
3928
|
readonly 400: any;
|
|
3939
3929
|
readonly 600: any;
|
|
3930
|
+
readonly 700: any;
|
|
3940
3931
|
readonly 800: any;
|
|
3941
3932
|
readonly 1200: any;
|
|
3942
3933
|
readonly 1600: any;
|
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.13",
|
|
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.
|
|
31
|
-
"@mirohq/design-
|
|
32
|
-
"@mirohq/design-
|
|
30
|
+
"@mirohq/design-system-themes": "^0.5.0",
|
|
31
|
+
"@mirohq/design-system-types": "^0.6.2",
|
|
32
|
+
"@mirohq/design-tokens": "^3.4.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@types/lodash.merge": "^4.6.7"
|