@mirohq/design-system-scroll-area 0.1.9 → 0.1.10
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 +20 -10
- package/package.json +2 -2
package/dist/types.d.ts
CHANGED
|
@@ -218,6 +218,7 @@ declare const StyledViewport: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
218
218
|
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";
|
|
219
219
|
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";
|
|
220
220
|
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";
|
|
221
|
+
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";
|
|
221
222
|
};
|
|
222
223
|
sizes: {
|
|
223
224
|
readonly number: string;
|
|
@@ -287,8 +288,9 @@ declare const StyledViewport: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
287
288
|
};
|
|
288
289
|
'z-indices': {
|
|
289
290
|
readonly dropdownMenu: 100;
|
|
290
|
-
readonly
|
|
291
|
-
readonly
|
|
291
|
+
readonly select: 200;
|
|
292
|
+
readonly popover: 300;
|
|
293
|
+
readonly tooltip: 400;
|
|
292
294
|
};
|
|
293
295
|
}, {
|
|
294
296
|
readonly background: "colors";
|
|
@@ -693,6 +695,7 @@ declare const StyledScrollbar: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
693
695
|
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";
|
|
694
696
|
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";
|
|
695
697
|
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";
|
|
698
|
+
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";
|
|
696
699
|
};
|
|
697
700
|
sizes: {
|
|
698
701
|
readonly number: string;
|
|
@@ -762,8 +765,9 @@ declare const StyledScrollbar: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
762
765
|
};
|
|
763
766
|
'z-indices': {
|
|
764
767
|
readonly dropdownMenu: 100;
|
|
765
|
-
readonly
|
|
766
|
-
readonly
|
|
768
|
+
readonly select: 200;
|
|
769
|
+
readonly popover: 300;
|
|
770
|
+
readonly tooltip: 400;
|
|
767
771
|
};
|
|
768
772
|
}, {
|
|
769
773
|
readonly background: "colors";
|
|
@@ -1177,6 +1181,7 @@ declare const StyledThumb: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
|
|
|
1177
1181
|
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";
|
|
1178
1182
|
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";
|
|
1179
1183
|
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";
|
|
1184
|
+
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";
|
|
1180
1185
|
};
|
|
1181
1186
|
sizes: {
|
|
1182
1187
|
readonly number: string;
|
|
@@ -1246,8 +1251,9 @@ declare const StyledThumb: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
|
|
|
1246
1251
|
};
|
|
1247
1252
|
'z-indices': {
|
|
1248
1253
|
readonly dropdownMenu: 100;
|
|
1249
|
-
readonly
|
|
1250
|
-
readonly
|
|
1254
|
+
readonly select: 200;
|
|
1255
|
+
readonly popover: 300;
|
|
1256
|
+
readonly tooltip: 400;
|
|
1251
1257
|
};
|
|
1252
1258
|
}, {
|
|
1253
1259
|
readonly background: "colors";
|
|
@@ -1657,6 +1663,7 @@ declare const StyledCorner: react__default.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1657
1663
|
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";
|
|
1658
1664
|
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";
|
|
1659
1665
|
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";
|
|
1666
|
+
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";
|
|
1660
1667
|
};
|
|
1661
1668
|
sizes: {
|
|
1662
1669
|
readonly number: string;
|
|
@@ -1726,8 +1733,9 @@ declare const StyledCorner: react__default.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1726
1733
|
};
|
|
1727
1734
|
'z-indices': {
|
|
1728
1735
|
readonly dropdownMenu: 100;
|
|
1729
|
-
readonly
|
|
1730
|
-
readonly
|
|
1736
|
+
readonly select: 200;
|
|
1737
|
+
readonly popover: 300;
|
|
1738
|
+
readonly tooltip: 400;
|
|
1731
1739
|
};
|
|
1732
1740
|
}, {
|
|
1733
1741
|
readonly background: "colors";
|
|
@@ -2131,6 +2139,7 @@ declare const StyledScrollArea: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
2131
2139
|
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";
|
|
2132
2140
|
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";
|
|
2133
2141
|
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";
|
|
2142
|
+
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";
|
|
2134
2143
|
};
|
|
2135
2144
|
sizes: {
|
|
2136
2145
|
readonly number: string;
|
|
@@ -2200,8 +2209,9 @@ declare const StyledScrollArea: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
2200
2209
|
};
|
|
2201
2210
|
'z-indices': {
|
|
2202
2211
|
readonly dropdownMenu: 100;
|
|
2203
|
-
readonly
|
|
2204
|
-
readonly
|
|
2212
|
+
readonly select: 200;
|
|
2213
|
+
readonly popover: 300;
|
|
2214
|
+
readonly tooltip: 400;
|
|
2205
2215
|
};
|
|
2206
2216
|
}, {
|
|
2207
2217
|
readonly background: "colors";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-scroll-area",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.10",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@radix-ui/react-scroll-area": "^1.0.4",
|
|
30
|
-
"@mirohq/design-system-stitches": "^2.3.
|
|
30
|
+
"@mirohq/design-system-stitches": "^2.3.11"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
33
33
|
"build": "rollup -c ../../../rollup.config.js",
|