@mirohq/design-system-icon-button 1.3.18 → 1.3.20
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 +16 -0
- package/package.json +5 -5
package/dist/types.d.ts
CHANGED
|
@@ -245,6 +245,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
245
245
|
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";
|
|
246
246
|
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";
|
|
247
247
|
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";
|
|
248
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
248
249
|
};
|
|
249
250
|
sizes: {
|
|
250
251
|
readonly number: string;
|
|
@@ -349,6 +350,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
349
350
|
readonly borderRightColor: "colors";
|
|
350
351
|
readonly borderRightStyle: "border-styles";
|
|
351
352
|
readonly borderRightWidth: "border-widths";
|
|
353
|
+
readonly borderSpacing: "space-offset";
|
|
352
354
|
readonly borderStyle: "border-styles";
|
|
353
355
|
readonly borderTop: "colors";
|
|
354
356
|
readonly borderTopColor: "colors";
|
|
@@ -731,6 +733,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
731
733
|
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";
|
|
732
734
|
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";
|
|
733
735
|
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";
|
|
736
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
734
737
|
};
|
|
735
738
|
sizes: {
|
|
736
739
|
readonly number: string;
|
|
@@ -835,6 +838,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
835
838
|
readonly borderRightColor: "colors";
|
|
836
839
|
readonly borderRightStyle: "border-styles";
|
|
837
840
|
readonly borderRightWidth: "border-widths";
|
|
841
|
+
readonly borderSpacing: "space-offset";
|
|
838
842
|
readonly borderStyle: "border-styles";
|
|
839
843
|
readonly borderTop: "colors";
|
|
840
844
|
readonly borderTopColor: "colors";
|
|
@@ -1219,6 +1223,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1219
1223
|
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";
|
|
1220
1224
|
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";
|
|
1221
1225
|
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";
|
|
1226
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
1222
1227
|
};
|
|
1223
1228
|
sizes: {
|
|
1224
1229
|
readonly number: string;
|
|
@@ -1323,6 +1328,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1323
1328
|
readonly borderRightColor: "colors";
|
|
1324
1329
|
readonly borderRightStyle: "border-styles";
|
|
1325
1330
|
readonly borderRightWidth: "border-widths";
|
|
1331
|
+
readonly borderSpacing: "space-offset";
|
|
1326
1332
|
readonly borderStyle: "border-styles";
|
|
1327
1333
|
readonly borderTop: "colors";
|
|
1328
1334
|
readonly borderTopColor: "colors";
|
|
@@ -1707,6 +1713,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1707
1713
|
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";
|
|
1708
1714
|
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";
|
|
1709
1715
|
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";
|
|
1716
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
1710
1717
|
};
|
|
1711
1718
|
sizes: {
|
|
1712
1719
|
readonly number: string;
|
|
@@ -1811,6 +1818,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1811
1818
|
readonly borderRightColor: "colors";
|
|
1812
1819
|
readonly borderRightStyle: "border-styles";
|
|
1813
1820
|
readonly borderRightWidth: "border-widths";
|
|
1821
|
+
readonly borderSpacing: "space-offset";
|
|
1814
1822
|
readonly borderStyle: "border-styles";
|
|
1815
1823
|
readonly borderTop: "colors";
|
|
1816
1824
|
readonly borderTopColor: "colors";
|
|
@@ -2197,6 +2205,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2197
2205
|
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";
|
|
2198
2206
|
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";
|
|
2199
2207
|
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";
|
|
2208
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
2200
2209
|
};
|
|
2201
2210
|
sizes: {
|
|
2202
2211
|
readonly number: string;
|
|
@@ -2301,6 +2310,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2301
2310
|
readonly borderRightColor: "colors";
|
|
2302
2311
|
readonly borderRightStyle: "border-styles";
|
|
2303
2312
|
readonly borderRightWidth: "border-widths";
|
|
2313
|
+
readonly borderSpacing: "space-offset";
|
|
2304
2314
|
readonly borderStyle: "border-styles";
|
|
2305
2315
|
readonly borderTop: "colors";
|
|
2306
2316
|
readonly borderTopColor: "colors";
|
|
@@ -2687,6 +2697,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2687
2697
|
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";
|
|
2688
2698
|
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";
|
|
2689
2699
|
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";
|
|
2700
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
2690
2701
|
};
|
|
2691
2702
|
sizes: {
|
|
2692
2703
|
readonly number: string;
|
|
@@ -2791,6 +2802,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2791
2802
|
readonly borderRightColor: "colors";
|
|
2792
2803
|
readonly borderRightStyle: "border-styles";
|
|
2793
2804
|
readonly borderRightWidth: "border-widths";
|
|
2805
|
+
readonly borderSpacing: "space-offset";
|
|
2794
2806
|
readonly borderStyle: "border-styles";
|
|
2795
2807
|
readonly borderTop: "colors";
|
|
2796
2808
|
readonly borderTopColor: "colors";
|
|
@@ -3290,6 +3302,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3290
3302
|
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";
|
|
3291
3303
|
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";
|
|
3292
3304
|
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";
|
|
3305
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
3293
3306
|
};
|
|
3294
3307
|
sizes: {
|
|
3295
3308
|
readonly number: string;
|
|
@@ -3394,6 +3407,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3394
3407
|
readonly borderRightColor: "colors";
|
|
3395
3408
|
readonly borderRightStyle: "border-styles";
|
|
3396
3409
|
readonly borderRightWidth: "border-widths";
|
|
3410
|
+
readonly borderSpacing: "space-offset";
|
|
3397
3411
|
readonly borderStyle: "border-styles";
|
|
3398
3412
|
readonly borderTop: "colors";
|
|
3399
3413
|
readonly borderTopColor: "colors";
|
|
@@ -3832,6 +3846,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3832
3846
|
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";
|
|
3833
3847
|
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";
|
|
3834
3848
|
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";
|
|
3849
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
3835
3850
|
};
|
|
3836
3851
|
sizes: {
|
|
3837
3852
|
readonly number: string;
|
|
@@ -3936,6 +3951,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3936
3951
|
readonly borderRightColor: "colors";
|
|
3937
3952
|
readonly borderRightStyle: "border-styles";
|
|
3938
3953
|
readonly borderRightWidth: "border-widths";
|
|
3954
|
+
readonly borderSpacing: "space-offset";
|
|
3939
3955
|
readonly borderStyle: "border-styles";
|
|
3940
3956
|
readonly borderTop: "colors";
|
|
3941
3957
|
readonly borderTopColor: "colors";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-icon-button",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.20",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -26,10 +26,10 @@
|
|
|
26
26
|
"react": "^16.14 || ^17 || ^18"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@mirohq/design-system-badge": "^0.3.
|
|
30
|
-
"@mirohq/design-system-base-button": "^0.4.
|
|
31
|
-
"@mirohq/design-system-stitches": "^2.
|
|
32
|
-
"@mirohq/design-system-tooltip": "^3.2.
|
|
29
|
+
"@mirohq/design-system-badge": "^0.3.25",
|
|
30
|
+
"@mirohq/design-system-base-button": "^0.4.27",
|
|
31
|
+
"@mirohq/design-system-stitches": "^2.4.0",
|
|
32
|
+
"@mirohq/design-system-tooltip": "^3.2.32"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
35
|
"build": "rollup -c ../../../rollup.config.js",
|