@mirohq/design-system-icon-button 1.3.11-link.0 → 1.3.11
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 +32 -16
- package/package.json +5 -5
package/dist/types.d.ts
CHANGED
|
@@ -230,6 +230,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
230
230
|
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";
|
|
231
231
|
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";
|
|
232
232
|
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";
|
|
233
|
+
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";
|
|
233
234
|
};
|
|
234
235
|
sizes: {
|
|
235
236
|
readonly number: string;
|
|
@@ -299,8 +300,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
299
300
|
};
|
|
300
301
|
'z-indices': {
|
|
301
302
|
readonly dropdownMenu: 100;
|
|
302
|
-
readonly
|
|
303
|
-
readonly
|
|
303
|
+
readonly select: 200;
|
|
304
|
+
readonly popover: 300;
|
|
305
|
+
readonly tooltip: 400;
|
|
304
306
|
};
|
|
305
307
|
}, {
|
|
306
308
|
readonly background: "colors";
|
|
@@ -698,6 +700,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
698
700
|
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";
|
|
699
701
|
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";
|
|
700
702
|
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";
|
|
703
|
+
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";
|
|
701
704
|
};
|
|
702
705
|
sizes: {
|
|
703
706
|
readonly number: string;
|
|
@@ -767,8 +770,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
767
770
|
};
|
|
768
771
|
'z-indices': {
|
|
769
772
|
readonly dropdownMenu: 100;
|
|
770
|
-
readonly
|
|
771
|
-
readonly
|
|
773
|
+
readonly select: 200;
|
|
774
|
+
readonly popover: 300;
|
|
775
|
+
readonly tooltip: 400;
|
|
772
776
|
};
|
|
773
777
|
}, {
|
|
774
778
|
readonly background: "colors";
|
|
@@ -1168,6 +1172,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1168
1172
|
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";
|
|
1169
1173
|
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";
|
|
1170
1174
|
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";
|
|
1175
|
+
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";
|
|
1171
1176
|
};
|
|
1172
1177
|
sizes: {
|
|
1173
1178
|
readonly number: string;
|
|
@@ -1237,8 +1242,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1237
1242
|
};
|
|
1238
1243
|
'z-indices': {
|
|
1239
1244
|
readonly dropdownMenu: 100;
|
|
1240
|
-
readonly
|
|
1241
|
-
readonly
|
|
1245
|
+
readonly select: 200;
|
|
1246
|
+
readonly popover: 300;
|
|
1247
|
+
readonly tooltip: 400;
|
|
1242
1248
|
};
|
|
1243
1249
|
}, {
|
|
1244
1250
|
readonly background: "colors";
|
|
@@ -1638,6 +1644,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1638
1644
|
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";
|
|
1639
1645
|
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";
|
|
1640
1646
|
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";
|
|
1647
|
+
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";
|
|
1641
1648
|
};
|
|
1642
1649
|
sizes: {
|
|
1643
1650
|
readonly number: string;
|
|
@@ -1707,8 +1714,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1707
1714
|
};
|
|
1708
1715
|
'z-indices': {
|
|
1709
1716
|
readonly dropdownMenu: 100;
|
|
1710
|
-
readonly
|
|
1711
|
-
readonly
|
|
1717
|
+
readonly select: 200;
|
|
1718
|
+
readonly popover: 300;
|
|
1719
|
+
readonly tooltip: 400;
|
|
1712
1720
|
};
|
|
1713
1721
|
}, {
|
|
1714
1722
|
readonly background: "colors";
|
|
@@ -2110,6 +2118,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2110
2118
|
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";
|
|
2111
2119
|
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";
|
|
2112
2120
|
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";
|
|
2121
|
+
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";
|
|
2113
2122
|
};
|
|
2114
2123
|
sizes: {
|
|
2115
2124
|
readonly number: string;
|
|
@@ -2179,8 +2188,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2179
2188
|
};
|
|
2180
2189
|
'z-indices': {
|
|
2181
2190
|
readonly dropdownMenu: 100;
|
|
2182
|
-
readonly
|
|
2183
|
-
readonly
|
|
2191
|
+
readonly select: 200;
|
|
2192
|
+
readonly popover: 300;
|
|
2193
|
+
readonly tooltip: 400;
|
|
2184
2194
|
};
|
|
2185
2195
|
}, {
|
|
2186
2196
|
readonly background: "colors";
|
|
@@ -2582,6 +2592,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2582
2592
|
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";
|
|
2583
2593
|
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";
|
|
2584
2594
|
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";
|
|
2595
|
+
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";
|
|
2585
2596
|
};
|
|
2586
2597
|
sizes: {
|
|
2587
2598
|
readonly number: string;
|
|
@@ -2651,8 +2662,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2651
2662
|
};
|
|
2652
2663
|
'z-indices': {
|
|
2653
2664
|
readonly dropdownMenu: 100;
|
|
2654
|
-
readonly
|
|
2655
|
-
readonly
|
|
2665
|
+
readonly select: 200;
|
|
2666
|
+
readonly popover: 300;
|
|
2667
|
+
readonly tooltip: 400;
|
|
2656
2668
|
};
|
|
2657
2669
|
}, {
|
|
2658
2670
|
readonly background: "colors";
|
|
@@ -3167,6 +3179,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3167
3179
|
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";
|
|
3168
3180
|
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";
|
|
3169
3181
|
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";
|
|
3182
|
+
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";
|
|
3170
3183
|
};
|
|
3171
3184
|
sizes: {
|
|
3172
3185
|
readonly number: string;
|
|
@@ -3236,8 +3249,9 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3236
3249
|
};
|
|
3237
3250
|
'z-indices': {
|
|
3238
3251
|
readonly dropdownMenu: 100;
|
|
3239
|
-
readonly
|
|
3240
|
-
readonly
|
|
3252
|
+
readonly select: 200;
|
|
3253
|
+
readonly popover: 300;
|
|
3254
|
+
readonly tooltip: 400;
|
|
3241
3255
|
};
|
|
3242
3256
|
}, {
|
|
3243
3257
|
readonly background: "colors";
|
|
@@ -3691,6 +3705,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3691
3705
|
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";
|
|
3692
3706
|
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";
|
|
3693
3707
|
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";
|
|
3708
|
+
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";
|
|
3694
3709
|
};
|
|
3695
3710
|
sizes: {
|
|
3696
3711
|
readonly number: string;
|
|
@@ -3760,8 +3775,9 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3760
3775
|
};
|
|
3761
3776
|
'z-indices': {
|
|
3762
3777
|
readonly dropdownMenu: 100;
|
|
3763
|
-
readonly
|
|
3764
|
-
readonly
|
|
3778
|
+
readonly select: 200;
|
|
3779
|
+
readonly popover: 300;
|
|
3780
|
+
readonly tooltip: 400;
|
|
3765
3781
|
};
|
|
3766
3782
|
}, {
|
|
3767
3783
|
readonly background: "colors";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-icon-button",
|
|
3
|
-
"version": "1.3.11
|
|
3
|
+
"version": "1.3.11",
|
|
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-
|
|
31
|
-
"@mirohq/design-system-stitches": "^2.3.
|
|
32
|
-
"@mirohq/design-system-
|
|
29
|
+
"@mirohq/design-system-badge": "^0.3.19",
|
|
30
|
+
"@mirohq/design-system-base-button": "^0.4.20",
|
|
31
|
+
"@mirohq/design-system-stitches": "^2.3.11",
|
|
32
|
+
"@mirohq/design-system-tooltip": "^3.2.24"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
35
|
"build": "rollup -c ../../../rollup.config.js",
|