@mirohq/design-system-stitches 2.1.2-test-changelog.0 → 2.1.2
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 +27 -0
- package/package.json +2 -2
package/dist/types.d.ts
CHANGED
|
@@ -107,6 +107,8 @@ declare const config: {
|
|
|
107
107
|
readonly 'background-danger'?: any;
|
|
108
108
|
readonly 'background-danger-hover'?: any;
|
|
109
109
|
readonly 'background-success'?: any;
|
|
110
|
+
readonly 'background-warning-subtle'?: any;
|
|
111
|
+
readonly 'background-warning-prominent'?: any;
|
|
110
112
|
readonly 'text-neutrals-inverted'?: any;
|
|
111
113
|
readonly 'text-neutrals'?: any;
|
|
112
114
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -187,6 +189,7 @@ declare const config: {
|
|
|
187
189
|
readonly 50: "0 4px 16px #05003812";
|
|
188
190
|
readonly 100: "0 8px 32px #05003808";
|
|
189
191
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
192
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
190
193
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
191
194
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
192
195
|
};
|
|
@@ -522,6 +525,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
522
525
|
readonly 'background-danger'?: string | number | boolean | undefined;
|
|
523
526
|
readonly 'background-danger-hover'?: string | number | boolean | undefined;
|
|
524
527
|
readonly 'background-success'?: string | number | boolean | undefined;
|
|
528
|
+
readonly 'background-warning-subtle'?: string | number | boolean | undefined;
|
|
529
|
+
readonly 'background-warning-prominent'?: string | number | boolean | undefined;
|
|
525
530
|
readonly 'text-neutrals-inverted'?: string | number | boolean | undefined;
|
|
526
531
|
readonly 'text-neutrals'?: string | number | boolean | undefined;
|
|
527
532
|
readonly 'text-neutrals-subtle'?: string | number | boolean | undefined;
|
|
@@ -602,6 +607,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
602
607
|
readonly 50?: string | number | boolean | undefined;
|
|
603
608
|
readonly 100?: string | number | boolean | undefined;
|
|
604
609
|
readonly 'focus-small'?: string | number | boolean | undefined;
|
|
610
|
+
readonly 'focus-small-outline'?: string | number | boolean | undefined;
|
|
605
611
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
606
612
|
readonly 'focus-controls'?: string | number | boolean | undefined;
|
|
607
613
|
} | undefined;
|
|
@@ -768,6 +774,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
768
774
|
readonly 'background-danger'?: string | number | boolean | undefined;
|
|
769
775
|
readonly 'background-danger-hover'?: string | number | boolean | undefined;
|
|
770
776
|
readonly 'background-success'?: string | number | boolean | undefined;
|
|
777
|
+
readonly 'background-warning-subtle'?: string | number | boolean | undefined;
|
|
778
|
+
readonly 'background-warning-prominent'?: string | number | boolean | undefined;
|
|
771
779
|
readonly 'text-neutrals-inverted'?: string | number | boolean | undefined;
|
|
772
780
|
readonly 'text-neutrals'?: string | number | boolean | undefined;
|
|
773
781
|
readonly 'text-neutrals-subtle'?: string | number | boolean | undefined;
|
|
@@ -848,6 +856,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
848
856
|
readonly 50?: string | number | boolean | undefined;
|
|
849
857
|
readonly 100?: string | number | boolean | undefined;
|
|
850
858
|
readonly 'focus-small'?: string | number | boolean | undefined;
|
|
859
|
+
readonly 'focus-small-outline'?: string | number | boolean | undefined;
|
|
851
860
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
852
861
|
readonly 'focus-controls'?: string | number | boolean | undefined;
|
|
853
862
|
} | undefined;
|
|
@@ -1020,6 +1029,8 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1020
1029
|
readonly 'background-danger'?: any;
|
|
1021
1030
|
readonly 'background-danger-hover'?: any;
|
|
1022
1031
|
readonly 'background-success'?: any;
|
|
1032
|
+
readonly 'background-warning-subtle'?: any;
|
|
1033
|
+
readonly 'background-warning-prominent'?: any;
|
|
1023
1034
|
readonly 'text-neutrals-inverted'?: any;
|
|
1024
1035
|
readonly 'text-neutrals'?: any;
|
|
1025
1036
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -1100,6 +1111,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1100
1111
|
readonly 50: "0 4px 16px #05003812";
|
|
1101
1112
|
readonly 100: "0 8px 32px #05003808";
|
|
1102
1113
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
1114
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
1103
1115
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
1104
1116
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
1105
1117
|
};
|
|
@@ -1450,6 +1462,8 @@ declare const globalCss: <Styles extends {
|
|
|
1450
1462
|
readonly 'background-danger'?: any;
|
|
1451
1463
|
readonly 'background-danger-hover'?: any;
|
|
1452
1464
|
readonly 'background-success'?: any;
|
|
1465
|
+
readonly 'background-warning-subtle'?: any;
|
|
1466
|
+
readonly 'background-warning-prominent'?: any;
|
|
1453
1467
|
readonly 'text-neutrals-inverted'?: any;
|
|
1454
1468
|
readonly 'text-neutrals'?: any;
|
|
1455
1469
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -1530,6 +1544,7 @@ declare const globalCss: <Styles extends {
|
|
|
1530
1544
|
readonly 50: "0 4px 16px #05003812";
|
|
1531
1545
|
readonly 100: "0 8px 32px #05003808";
|
|
1532
1546
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
1547
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
1533
1548
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
1534
1549
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
1535
1550
|
};
|
|
@@ -1862,6 +1877,8 @@ declare const globalCss: <Styles extends {
|
|
|
1862
1877
|
readonly 'background-danger'?: any;
|
|
1863
1878
|
readonly 'background-danger-hover'?: any;
|
|
1864
1879
|
readonly 'background-success'?: any;
|
|
1880
|
+
readonly 'background-warning-subtle'?: any;
|
|
1881
|
+
readonly 'background-warning-prominent'?: any;
|
|
1865
1882
|
readonly 'text-neutrals-inverted'?: any;
|
|
1866
1883
|
readonly 'text-neutrals'?: any;
|
|
1867
1884
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -1942,6 +1959,7 @@ declare const globalCss: <Styles extends {
|
|
|
1942
1959
|
readonly 50: "0 4px 16px #05003812";
|
|
1943
1960
|
readonly 100: "0 8px 32px #05003808";
|
|
1944
1961
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
1962
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
1945
1963
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
1946
1964
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
1947
1965
|
};
|
|
@@ -2275,6 +2293,8 @@ declare const keyframes: (style: {
|
|
|
2275
2293
|
readonly 'background-danger'?: any;
|
|
2276
2294
|
readonly 'background-danger-hover'?: any;
|
|
2277
2295
|
readonly 'background-success'?: any;
|
|
2296
|
+
readonly 'background-warning-subtle'?: any;
|
|
2297
|
+
readonly 'background-warning-prominent'?: any;
|
|
2278
2298
|
readonly 'text-neutrals-inverted'?: any;
|
|
2279
2299
|
readonly 'text-neutrals'?: any;
|
|
2280
2300
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -2355,6 +2375,7 @@ declare const keyframes: (style: {
|
|
|
2355
2375
|
readonly 50: "0 4px 16px #05003812";
|
|
2356
2376
|
readonly 100: "0 8px 32px #05003808";
|
|
2357
2377
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
2378
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
2358
2379
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
2359
2380
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
2360
2381
|
};
|
|
@@ -2908,6 +2929,8 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
|
|
|
2908
2929
|
readonly 'background-danger'?: any;
|
|
2909
2930
|
readonly 'background-danger-hover'?: any;
|
|
2910
2931
|
readonly 'background-success'?: any;
|
|
2932
|
+
readonly 'background-warning-subtle'?: any;
|
|
2933
|
+
readonly 'background-warning-prominent'?: any;
|
|
2911
2934
|
readonly 'text-neutrals-inverted'?: any;
|
|
2912
2935
|
readonly 'text-neutrals'?: any;
|
|
2913
2936
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -2988,6 +3011,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
|
|
|
2988
3011
|
readonly 50: "0 4px 16px #05003812";
|
|
2989
3012
|
readonly 100: "0 8px 32px #05003808";
|
|
2990
3013
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
3014
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
2991
3015
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
2992
3016
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
2993
3017
|
};
|
|
@@ -3319,6 +3343,8 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
|
|
|
3319
3343
|
readonly 'background-danger'?: any;
|
|
3320
3344
|
readonly 'background-danger-hover'?: any;
|
|
3321
3345
|
readonly 'background-success'?: any;
|
|
3346
|
+
readonly 'background-warning-subtle'?: any;
|
|
3347
|
+
readonly 'background-warning-prominent'?: any;
|
|
3322
3348
|
readonly 'text-neutrals-inverted'?: any;
|
|
3323
3349
|
readonly 'text-neutrals'?: any;
|
|
3324
3350
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -3399,6 +3425,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
|
|
|
3399
3425
|
readonly 50: "0 4px 16px #05003812";
|
|
3400
3426
|
readonly 100: "0 8px 32px #05003808";
|
|
3401
3427
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
3428
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
3402
3429
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
3403
3430
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
3404
3431
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-stitches",
|
|
3
|
-
"version": "2.1.2
|
|
3
|
+
"version": "2.1.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@mirohq/design-system-types": "^0.3.0",
|
|
30
|
-
"@mirohq/design-tokens": "^2.
|
|
30
|
+
"@mirohq/design-tokens": "^2.2.0"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@mirohq/design-system-primitive": "^1.1.0"
|