@mirohq/design-system-toolbar 2.2.10-link.0 → 2.2.10-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 +8 -0
- package/package.json +3 -3
package/dist/types.d.ts
CHANGED
|
@@ -222,6 +222,7 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
222
222
|
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";
|
|
223
223
|
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";
|
|
224
224
|
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";
|
|
225
|
+
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";
|
|
225
226
|
};
|
|
226
227
|
sizes: {
|
|
227
228
|
readonly number: string;
|
|
@@ -291,6 +292,7 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
291
292
|
};
|
|
292
293
|
'z-indices': {
|
|
293
294
|
readonly dropdownMenu: 100;
|
|
295
|
+
readonly select: 100;
|
|
294
296
|
readonly popover: 200;
|
|
295
297
|
readonly tooltip: 300;
|
|
296
298
|
};
|
|
@@ -703,6 +705,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
703
705
|
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";
|
|
704
706
|
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";
|
|
705
707
|
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";
|
|
708
|
+
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";
|
|
706
709
|
};
|
|
707
710
|
sizes: {
|
|
708
711
|
readonly number: string;
|
|
@@ -772,6 +775,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
772
775
|
};
|
|
773
776
|
'z-indices': {
|
|
774
777
|
readonly dropdownMenu: 100;
|
|
778
|
+
readonly select: 100;
|
|
775
779
|
readonly popover: 200;
|
|
776
780
|
readonly tooltip: 300;
|
|
777
781
|
};
|
|
@@ -1197,6 +1201,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
1197
1201
|
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";
|
|
1198
1202
|
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";
|
|
1199
1203
|
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";
|
|
1204
|
+
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";
|
|
1200
1205
|
};
|
|
1201
1206
|
sizes: {
|
|
1202
1207
|
readonly number: string;
|
|
@@ -1266,6 +1271,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
1266
1271
|
};
|
|
1267
1272
|
'z-indices': {
|
|
1268
1273
|
readonly dropdownMenu: 100;
|
|
1274
|
+
readonly select: 100;
|
|
1269
1275
|
readonly popover: 200;
|
|
1270
1276
|
readonly tooltip: 300;
|
|
1271
1277
|
};
|
|
@@ -1672,6 +1678,7 @@ declare const StyledLink: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
1672
1678
|
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";
|
|
1673
1679
|
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";
|
|
1674
1680
|
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";
|
|
1681
|
+
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";
|
|
1675
1682
|
};
|
|
1676
1683
|
sizes: {
|
|
1677
1684
|
readonly number: string;
|
|
@@ -1741,6 +1748,7 @@ declare const StyledLink: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
1741
1748
|
};
|
|
1742
1749
|
'z-indices': {
|
|
1743
1750
|
readonly dropdownMenu: 100;
|
|
1751
|
+
readonly select: 100;
|
|
1744
1752
|
readonly popover: 200;
|
|
1745
1753
|
readonly tooltip: 300;
|
|
1746
1754
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-toolbar",
|
|
3
|
-
"version": "2.2.10-
|
|
3
|
+
"version": "2.2.10-select.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@radix-ui/react-toolbar": "^1.0.0",
|
|
31
|
-
"@mirohq/design-system-stitches": "^2.3.
|
|
32
|
-
"@mirohq/design-system-styles": "^1.1.7-
|
|
31
|
+
"@mirohq/design-system-stitches": "^2.3.11-select.0",
|
|
32
|
+
"@mirohq/design-system-styles": "^1.1.7-select.0"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
35
|
"build": "rollup -c ../../../rollup.config.js",
|