@mirohq/design-system-stitches 2.1.2-changelog-1.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 +45 -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;
|
|
@@ -151,6 +153,8 @@ declare const config: {
|
|
|
151
153
|
readonly 'border-neutrals-disabled'?: any;
|
|
152
154
|
readonly 'border-neutrals-controls'?: any;
|
|
153
155
|
readonly 'border-neutrals-controls-disabled'?: any;
|
|
156
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
157
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
154
158
|
readonly 'border-primary'?: any;
|
|
155
159
|
readonly 'border-primary-hover'?: any;
|
|
156
160
|
readonly 'border-primary-active'?: any;
|
|
@@ -185,6 +189,7 @@ declare const config: {
|
|
|
185
189
|
readonly 50: "0 4px 16px #05003812";
|
|
186
190
|
readonly 100: "0 8px 32px #05003808";
|
|
187
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";
|
|
188
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";
|
|
189
194
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
190
195
|
};
|
|
@@ -520,6 +525,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
520
525
|
readonly 'background-danger'?: string | number | boolean | undefined;
|
|
521
526
|
readonly 'background-danger-hover'?: string | number | boolean | undefined;
|
|
522
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;
|
|
523
530
|
readonly 'text-neutrals-inverted'?: string | number | boolean | undefined;
|
|
524
531
|
readonly 'text-neutrals'?: string | number | boolean | undefined;
|
|
525
532
|
readonly 'text-neutrals-subtle'?: string | number | boolean | undefined;
|
|
@@ -564,6 +571,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
564
571
|
readonly 'border-neutrals-disabled'?: string | number | boolean | undefined;
|
|
565
572
|
readonly 'border-neutrals-controls'?: string | number | boolean | undefined;
|
|
566
573
|
readonly 'border-neutrals-controls-disabled'?: string | number | boolean | undefined;
|
|
574
|
+
readonly 'border-neutrals-subtle'?: string | number | boolean | undefined;
|
|
575
|
+
readonly 'border-neutrals-inverted'?: string | number | boolean | undefined;
|
|
567
576
|
readonly 'border-primary'?: string | number | boolean | undefined;
|
|
568
577
|
readonly 'border-primary-hover'?: string | number | boolean | undefined;
|
|
569
578
|
readonly 'border-primary-active'?: string | number | boolean | undefined;
|
|
@@ -598,6 +607,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
598
607
|
readonly 50?: string | number | boolean | undefined;
|
|
599
608
|
readonly 100?: string | number | boolean | undefined;
|
|
600
609
|
readonly 'focus-small'?: string | number | boolean | undefined;
|
|
610
|
+
readonly 'focus-small-outline'?: string | number | boolean | undefined;
|
|
601
611
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
602
612
|
readonly 'focus-controls'?: string | number | boolean | undefined;
|
|
603
613
|
} | undefined;
|
|
@@ -764,6 +774,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
764
774
|
readonly 'background-danger'?: string | number | boolean | undefined;
|
|
765
775
|
readonly 'background-danger-hover'?: string | number | boolean | undefined;
|
|
766
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;
|
|
767
779
|
readonly 'text-neutrals-inverted'?: string | number | boolean | undefined;
|
|
768
780
|
readonly 'text-neutrals'?: string | number | boolean | undefined;
|
|
769
781
|
readonly 'text-neutrals-subtle'?: string | number | boolean | undefined;
|
|
@@ -808,6 +820,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
808
820
|
readonly 'border-neutrals-disabled'?: string | number | boolean | undefined;
|
|
809
821
|
readonly 'border-neutrals-controls'?: string | number | boolean | undefined;
|
|
810
822
|
readonly 'border-neutrals-controls-disabled'?: string | number | boolean | undefined;
|
|
823
|
+
readonly 'border-neutrals-subtle'?: string | number | boolean | undefined;
|
|
824
|
+
readonly 'border-neutrals-inverted'?: string | number | boolean | undefined;
|
|
811
825
|
readonly 'border-primary'?: string | number | boolean | undefined;
|
|
812
826
|
readonly 'border-primary-hover'?: string | number | boolean | undefined;
|
|
813
827
|
readonly 'border-primary-active'?: string | number | boolean | undefined;
|
|
@@ -842,6 +856,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
842
856
|
readonly 50?: string | number | boolean | undefined;
|
|
843
857
|
readonly 100?: string | number | boolean | undefined;
|
|
844
858
|
readonly 'focus-small'?: string | number | boolean | undefined;
|
|
859
|
+
readonly 'focus-small-outline'?: string | number | boolean | undefined;
|
|
845
860
|
readonly 'focus-large'?: string | number | boolean | undefined;
|
|
846
861
|
readonly 'focus-controls'?: string | number | boolean | undefined;
|
|
847
862
|
} | undefined;
|
|
@@ -1014,6 +1029,8 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1014
1029
|
readonly 'background-danger'?: any;
|
|
1015
1030
|
readonly 'background-danger-hover'?: any;
|
|
1016
1031
|
readonly 'background-success'?: any;
|
|
1032
|
+
readonly 'background-warning-subtle'?: any;
|
|
1033
|
+
readonly 'background-warning-prominent'?: any;
|
|
1017
1034
|
readonly 'text-neutrals-inverted'?: any;
|
|
1018
1035
|
readonly 'text-neutrals'?: any;
|
|
1019
1036
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -1058,6 +1075,8 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1058
1075
|
readonly 'border-neutrals-disabled'?: any;
|
|
1059
1076
|
readonly 'border-neutrals-controls'?: any;
|
|
1060
1077
|
readonly 'border-neutrals-controls-disabled'?: any;
|
|
1078
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
1079
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
1061
1080
|
readonly 'border-primary'?: any;
|
|
1062
1081
|
readonly 'border-primary-hover'?: any;
|
|
1063
1082
|
readonly 'border-primary-active'?: any;
|
|
@@ -1092,6 +1111,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1092
1111
|
readonly 50: "0 4px 16px #05003812";
|
|
1093
1112
|
readonly 100: "0 8px 32px #05003808";
|
|
1094
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";
|
|
1095
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";
|
|
1096
1116
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
1097
1117
|
};
|
|
@@ -1442,6 +1462,8 @@ declare const globalCss: <Styles extends {
|
|
|
1442
1462
|
readonly 'background-danger'?: any;
|
|
1443
1463
|
readonly 'background-danger-hover'?: any;
|
|
1444
1464
|
readonly 'background-success'?: any;
|
|
1465
|
+
readonly 'background-warning-subtle'?: any;
|
|
1466
|
+
readonly 'background-warning-prominent'?: any;
|
|
1445
1467
|
readonly 'text-neutrals-inverted'?: any;
|
|
1446
1468
|
readonly 'text-neutrals'?: any;
|
|
1447
1469
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -1486,6 +1508,8 @@ declare const globalCss: <Styles extends {
|
|
|
1486
1508
|
readonly 'border-neutrals-disabled'?: any;
|
|
1487
1509
|
readonly 'border-neutrals-controls'?: any;
|
|
1488
1510
|
readonly 'border-neutrals-controls-disabled'?: any;
|
|
1511
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
1512
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
1489
1513
|
readonly 'border-primary'?: any;
|
|
1490
1514
|
readonly 'border-primary-hover'?: any;
|
|
1491
1515
|
readonly 'border-primary-active'?: any;
|
|
@@ -1520,6 +1544,7 @@ declare const globalCss: <Styles extends {
|
|
|
1520
1544
|
readonly 50: "0 4px 16px #05003812";
|
|
1521
1545
|
readonly 100: "0 8px 32px #05003808";
|
|
1522
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";
|
|
1523
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";
|
|
1524
1549
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
1525
1550
|
};
|
|
@@ -1852,6 +1877,8 @@ declare const globalCss: <Styles extends {
|
|
|
1852
1877
|
readonly 'background-danger'?: any;
|
|
1853
1878
|
readonly 'background-danger-hover'?: any;
|
|
1854
1879
|
readonly 'background-success'?: any;
|
|
1880
|
+
readonly 'background-warning-subtle'?: any;
|
|
1881
|
+
readonly 'background-warning-prominent'?: any;
|
|
1855
1882
|
readonly 'text-neutrals-inverted'?: any;
|
|
1856
1883
|
readonly 'text-neutrals'?: any;
|
|
1857
1884
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -1896,6 +1923,8 @@ declare const globalCss: <Styles extends {
|
|
|
1896
1923
|
readonly 'border-neutrals-disabled'?: any;
|
|
1897
1924
|
readonly 'border-neutrals-controls'?: any;
|
|
1898
1925
|
readonly 'border-neutrals-controls-disabled'?: any;
|
|
1926
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
1927
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
1899
1928
|
readonly 'border-primary'?: any;
|
|
1900
1929
|
readonly 'border-primary-hover'?: any;
|
|
1901
1930
|
readonly 'border-primary-active'?: any;
|
|
@@ -1930,6 +1959,7 @@ declare const globalCss: <Styles extends {
|
|
|
1930
1959
|
readonly 50: "0 4px 16px #05003812";
|
|
1931
1960
|
readonly 100: "0 8px 32px #05003808";
|
|
1932
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";
|
|
1933
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";
|
|
1934
1964
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
1935
1965
|
};
|
|
@@ -2263,6 +2293,8 @@ declare const keyframes: (style: {
|
|
|
2263
2293
|
readonly 'background-danger'?: any;
|
|
2264
2294
|
readonly 'background-danger-hover'?: any;
|
|
2265
2295
|
readonly 'background-success'?: any;
|
|
2296
|
+
readonly 'background-warning-subtle'?: any;
|
|
2297
|
+
readonly 'background-warning-prominent'?: any;
|
|
2266
2298
|
readonly 'text-neutrals-inverted'?: any;
|
|
2267
2299
|
readonly 'text-neutrals'?: any;
|
|
2268
2300
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -2307,6 +2339,8 @@ declare const keyframes: (style: {
|
|
|
2307
2339
|
readonly 'border-neutrals-disabled'?: any;
|
|
2308
2340
|
readonly 'border-neutrals-controls'?: any;
|
|
2309
2341
|
readonly 'border-neutrals-controls-disabled'?: any;
|
|
2342
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
2343
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
2310
2344
|
readonly 'border-primary'?: any;
|
|
2311
2345
|
readonly 'border-primary-hover'?: any;
|
|
2312
2346
|
readonly 'border-primary-active'?: any;
|
|
@@ -2341,6 +2375,7 @@ declare const keyframes: (style: {
|
|
|
2341
2375
|
readonly 50: "0 4px 16px #05003812";
|
|
2342
2376
|
readonly 100: "0 8px 32px #05003808";
|
|
2343
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";
|
|
2344
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";
|
|
2345
2380
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
2346
2381
|
};
|
|
@@ -2894,6 +2929,8 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
|
|
|
2894
2929
|
readonly 'background-danger'?: any;
|
|
2895
2930
|
readonly 'background-danger-hover'?: any;
|
|
2896
2931
|
readonly 'background-success'?: any;
|
|
2932
|
+
readonly 'background-warning-subtle'?: any;
|
|
2933
|
+
readonly 'background-warning-prominent'?: any;
|
|
2897
2934
|
readonly 'text-neutrals-inverted'?: any;
|
|
2898
2935
|
readonly 'text-neutrals'?: any;
|
|
2899
2936
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -2938,6 +2975,8 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
|
|
|
2938
2975
|
readonly 'border-neutrals-disabled'?: any;
|
|
2939
2976
|
readonly 'border-neutrals-controls'?: any;
|
|
2940
2977
|
readonly 'border-neutrals-controls-disabled'?: any;
|
|
2978
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
2979
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
2941
2980
|
readonly 'border-primary'?: any;
|
|
2942
2981
|
readonly 'border-primary-hover'?: any;
|
|
2943
2982
|
readonly 'border-primary-active'?: any;
|
|
@@ -2972,6 +3011,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
|
|
|
2972
3011
|
readonly 50: "0 4px 16px #05003812";
|
|
2973
3012
|
readonly 100: "0 8px 32px #05003808";
|
|
2974
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";
|
|
2975
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";
|
|
2976
3016
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
2977
3017
|
};
|
|
@@ -3303,6 +3343,8 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
|
|
|
3303
3343
|
readonly 'background-danger'?: any;
|
|
3304
3344
|
readonly 'background-danger-hover'?: any;
|
|
3305
3345
|
readonly 'background-success'?: any;
|
|
3346
|
+
readonly 'background-warning-subtle'?: any;
|
|
3347
|
+
readonly 'background-warning-prominent'?: any;
|
|
3306
3348
|
readonly 'text-neutrals-inverted'?: any;
|
|
3307
3349
|
readonly 'text-neutrals'?: any;
|
|
3308
3350
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -3347,6 +3389,8 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
|
|
|
3347
3389
|
readonly 'border-neutrals-disabled'?: any;
|
|
3348
3390
|
readonly 'border-neutrals-controls'?: any;
|
|
3349
3391
|
readonly 'border-neutrals-controls-disabled'?: any;
|
|
3392
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
3393
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
3350
3394
|
readonly 'border-primary'?: any;
|
|
3351
3395
|
readonly 'border-primary-hover'?: any;
|
|
3352
3396
|
readonly 'border-primary-active'?: any;
|
|
@@ -3381,6 +3425,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
|
|
|
3381
3425
|
readonly 50: "0 4px 16px #05003812";
|
|
3382
3426
|
readonly 100: "0 8px 32px #05003808";
|
|
3383
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";
|
|
3384
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";
|
|
3385
3430
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
3386
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.2.0
|
|
30
|
+
"@mirohq/design-tokens": "^2.2.0"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@mirohq/design-system-primitive": "^1.1.0"
|