@mirohq/design-system-stitches 2.3.10 → 2.3.11-select.0
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 +18 -0
- 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,6 +296,7 @@ declare const config: {
|
|
|
295
296
|
};
|
|
296
297
|
'z-indices': {
|
|
297
298
|
readonly dropdownMenu: 100;
|
|
299
|
+
readonly select: 100;
|
|
298
300
|
readonly popover: 200;
|
|
299
301
|
readonly tooltip: 300;
|
|
300
302
|
};
|
|
@@ -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,6 +1352,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1345
1352
|
};
|
|
1346
1353
|
'z-indices': {
|
|
1347
1354
|
readonly dropdownMenu: 100;
|
|
1355
|
+
readonly select: 100;
|
|
1348
1356
|
readonly popover: 200;
|
|
1349
1357
|
readonly tooltip: 300;
|
|
1350
1358
|
};
|
|
@@ -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,6 +1837,7 @@ declare const globalCss: <Styles extends {
|
|
|
1828
1837
|
};
|
|
1829
1838
|
'z-indices': {
|
|
1830
1839
|
readonly dropdownMenu: 100;
|
|
1840
|
+
readonly select: 100;
|
|
1831
1841
|
readonly popover: 200;
|
|
1832
1842
|
readonly tooltip: 300;
|
|
1833
1843
|
};
|
|
@@ -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,6 +2304,7 @@ declare const globalCss: <Styles extends {
|
|
|
2293
2304
|
};
|
|
2294
2305
|
'z-indices': {
|
|
2295
2306
|
readonly dropdownMenu: 100;
|
|
2307
|
+
readonly select: 100;
|
|
2296
2308
|
readonly popover: 200;
|
|
2297
2309
|
readonly tooltip: 300;
|
|
2298
2310
|
};
|
|
@@ -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,6 +2772,7 @@ declare const keyframes: (style: {
|
|
|
2759
2772
|
};
|
|
2760
2773
|
'z-indices': {
|
|
2761
2774
|
readonly dropdownMenu: 100;
|
|
2775
|
+
readonly select: 100;
|
|
2762
2776
|
readonly popover: 200;
|
|
2763
2777
|
readonly tooltip: 300;
|
|
2764
2778
|
};
|
|
@@ -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,6 +3462,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3447
3462
|
};
|
|
3448
3463
|
'z-indices': {
|
|
3449
3464
|
readonly dropdownMenu: 100;
|
|
3465
|
+
readonly select: 100;
|
|
3450
3466
|
readonly popover: 200;
|
|
3451
3467
|
readonly tooltip: 300;
|
|
3452
3468
|
};
|
|
@@ -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,6 +3931,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | R
|
|
|
3914
3931
|
};
|
|
3915
3932
|
'z-indices': {
|
|
3916
3933
|
readonly dropdownMenu: 100;
|
|
3934
|
+
readonly select: 100;
|
|
3917
3935
|
readonly popover: 200;
|
|
3918
3936
|
readonly tooltip: 300;
|
|
3919
3937
|
};
|
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-select.0",
|
|
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.0",
|
|
30
|
+
"@mirohq/design-system-themes": "^0.4.1-select.0",
|
|
31
31
|
"@mirohq/design-system-types": "^0.6.2",
|
|
32
|
-
"@mirohq/design-tokens": "^3.
|
|
32
|
+
"@mirohq/design-tokens": "^3.2.0-select.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@types/lodash.merge": "^4.6.7"
|