@mirohq/design-system-icon-button 1.3.10 → 1.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 +16 -0
- 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,6 +300,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
299
300
|
};
|
|
300
301
|
'z-indices': {
|
|
301
302
|
readonly dropdownMenu: 100;
|
|
303
|
+
readonly select: 100;
|
|
302
304
|
readonly popover: 200;
|
|
303
305
|
readonly tooltip: 300;
|
|
304
306
|
};
|
|
@@ -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,6 +770,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
767
770
|
};
|
|
768
771
|
'z-indices': {
|
|
769
772
|
readonly dropdownMenu: 100;
|
|
773
|
+
readonly select: 100;
|
|
770
774
|
readonly popover: 200;
|
|
771
775
|
readonly tooltip: 300;
|
|
772
776
|
};
|
|
@@ -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,6 +1242,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1237
1242
|
};
|
|
1238
1243
|
'z-indices': {
|
|
1239
1244
|
readonly dropdownMenu: 100;
|
|
1245
|
+
readonly select: 100;
|
|
1240
1246
|
readonly popover: 200;
|
|
1241
1247
|
readonly tooltip: 300;
|
|
1242
1248
|
};
|
|
@@ -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,6 +1714,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1707
1714
|
};
|
|
1708
1715
|
'z-indices': {
|
|
1709
1716
|
readonly dropdownMenu: 100;
|
|
1717
|
+
readonly select: 100;
|
|
1710
1718
|
readonly popover: 200;
|
|
1711
1719
|
readonly tooltip: 300;
|
|
1712
1720
|
};
|
|
@@ -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,6 +2188,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2179
2188
|
};
|
|
2180
2189
|
'z-indices': {
|
|
2181
2190
|
readonly dropdownMenu: 100;
|
|
2191
|
+
readonly select: 100;
|
|
2182
2192
|
readonly popover: 200;
|
|
2183
2193
|
readonly tooltip: 300;
|
|
2184
2194
|
};
|
|
@@ -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,6 +2662,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2651
2662
|
};
|
|
2652
2663
|
'z-indices': {
|
|
2653
2664
|
readonly dropdownMenu: 100;
|
|
2665
|
+
readonly select: 100;
|
|
2654
2666
|
readonly popover: 200;
|
|
2655
2667
|
readonly tooltip: 300;
|
|
2656
2668
|
};
|
|
@@ -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,6 +3249,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3236
3249
|
};
|
|
3237
3250
|
'z-indices': {
|
|
3238
3251
|
readonly dropdownMenu: 100;
|
|
3252
|
+
readonly select: 100;
|
|
3239
3253
|
readonly popover: 200;
|
|
3240
3254
|
readonly tooltip: 300;
|
|
3241
3255
|
};
|
|
@@ -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,6 +3775,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3760
3775
|
};
|
|
3761
3776
|
'z-indices': {
|
|
3762
3777
|
readonly dropdownMenu: 100;
|
|
3778
|
+
readonly select: 100;
|
|
3763
3779
|
readonly popover: 200;
|
|
3764
3780
|
readonly tooltip: 300;
|
|
3765
3781
|
};
|
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.11-select.0",
|
|
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-select.0",
|
|
30
|
+
"@mirohq/design-system-base-button": "^0.4.20-select.0",
|
|
31
|
+
"@mirohq/design-system-stitches": "^2.3.11-select.0",
|
|
32
|
+
"@mirohq/design-system-tooltip": "^3.2.24-select.0"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
35
|
"build": "rollup -c ../../../rollup.config.js",
|