@mirohq/design-system-icon-button 1.3.10-select.0 → 1.3.11-link.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 -8
- package/package.json +5 -5
package/dist/types.d.ts
CHANGED
|
@@ -230,7 +230,6 @@ 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";
|
|
234
233
|
};
|
|
235
234
|
sizes: {
|
|
236
235
|
readonly number: string;
|
|
@@ -248,6 +247,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
248
247
|
readonly 400: "32px";
|
|
249
248
|
readonly 500: "40px";
|
|
250
249
|
readonly 600: "48px";
|
|
250
|
+
readonly 700: "56px";
|
|
251
251
|
readonly 800: "64px";
|
|
252
252
|
readonly 1200: "96px";
|
|
253
253
|
readonly 1600: "128px";
|
|
@@ -698,7 +698,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
698
698
|
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
699
|
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
700
|
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";
|
|
701
|
-
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";
|
|
702
701
|
};
|
|
703
702
|
sizes: {
|
|
704
703
|
readonly number: string;
|
|
@@ -716,6 +715,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
716
715
|
readonly 400: "32px";
|
|
717
716
|
readonly 500: "40px";
|
|
718
717
|
readonly 600: "48px";
|
|
718
|
+
readonly 700: "56px";
|
|
719
719
|
readonly 800: "64px";
|
|
720
720
|
readonly 1200: "96px";
|
|
721
721
|
readonly 1600: "128px";
|
|
@@ -1168,7 +1168,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1168
1168
|
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
1169
|
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
1170
|
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";
|
|
1171
|
-
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";
|
|
1172
1171
|
};
|
|
1173
1172
|
sizes: {
|
|
1174
1173
|
readonly number: string;
|
|
@@ -1186,6 +1185,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1186
1185
|
readonly 400: "32px";
|
|
1187
1186
|
readonly 500: "40px";
|
|
1188
1187
|
readonly 600: "48px";
|
|
1188
|
+
readonly 700: "56px";
|
|
1189
1189
|
readonly 800: "64px";
|
|
1190
1190
|
readonly 1200: "96px";
|
|
1191
1191
|
readonly 1600: "128px";
|
|
@@ -1638,7 +1638,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1638
1638
|
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
1639
|
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
1640
|
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";
|
|
1641
|
-
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";
|
|
1642
1641
|
};
|
|
1643
1642
|
sizes: {
|
|
1644
1643
|
readonly number: string;
|
|
@@ -1656,6 +1655,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1656
1655
|
readonly 400: "32px";
|
|
1657
1656
|
readonly 500: "40px";
|
|
1658
1657
|
readonly 600: "48px";
|
|
1658
|
+
readonly 700: "56px";
|
|
1659
1659
|
readonly 800: "64px";
|
|
1660
1660
|
readonly 1200: "96px";
|
|
1661
1661
|
readonly 1600: "128px";
|
|
@@ -2110,7 +2110,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2110
2110
|
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
2111
|
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
2112
|
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";
|
|
2113
|
-
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";
|
|
2114
2113
|
};
|
|
2115
2114
|
sizes: {
|
|
2116
2115
|
readonly number: string;
|
|
@@ -2128,6 +2127,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2128
2127
|
readonly 400: "32px";
|
|
2129
2128
|
readonly 500: "40px";
|
|
2130
2129
|
readonly 600: "48px";
|
|
2130
|
+
readonly 700: "56px";
|
|
2131
2131
|
readonly 800: "64px";
|
|
2132
2132
|
readonly 1200: "96px";
|
|
2133
2133
|
readonly 1600: "128px";
|
|
@@ -2582,7 +2582,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2582
2582
|
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
2583
|
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
2584
|
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";
|
|
2585
|
-
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";
|
|
2586
2585
|
};
|
|
2587
2586
|
sizes: {
|
|
2588
2587
|
readonly number: string;
|
|
@@ -2600,6 +2599,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2600
2599
|
readonly 400: "32px";
|
|
2601
2600
|
readonly 500: "40px";
|
|
2602
2601
|
readonly 600: "48px";
|
|
2602
|
+
readonly 700: "56px";
|
|
2603
2603
|
readonly 800: "64px";
|
|
2604
2604
|
readonly 1200: "96px";
|
|
2605
2605
|
readonly 1600: "128px";
|
|
@@ -3167,7 +3167,6 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3167
3167
|
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
3168
|
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
3169
|
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";
|
|
3170
|
-
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";
|
|
3171
3170
|
};
|
|
3172
3171
|
sizes: {
|
|
3173
3172
|
readonly number: string;
|
|
@@ -3185,6 +3184,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3185
3184
|
readonly 400: "32px";
|
|
3186
3185
|
readonly 500: "40px";
|
|
3187
3186
|
readonly 600: "48px";
|
|
3187
|
+
readonly 700: "56px";
|
|
3188
3188
|
readonly 800: "64px";
|
|
3189
3189
|
readonly 1200: "96px";
|
|
3190
3190
|
readonly 1600: "128px";
|
|
@@ -3691,7 +3691,6 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3691
3691
|
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
3692
|
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
3693
|
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";
|
|
3694
|
-
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";
|
|
3695
3694
|
};
|
|
3696
3695
|
sizes: {
|
|
3697
3696
|
readonly number: string;
|
|
@@ -3709,6 +3708,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3709
3708
|
readonly 400: "32px";
|
|
3710
3709
|
readonly 500: "40px";
|
|
3711
3710
|
readonly 600: "48px";
|
|
3711
|
+
readonly 700: "56px";
|
|
3712
3712
|
readonly 800: "64px";
|
|
3713
3713
|
readonly 1200: "96px";
|
|
3714
3714
|
readonly 1600: "128px";
|
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-link.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.18
|
|
30
|
-
"@mirohq/design-system-
|
|
31
|
-
"@mirohq/design-system-stitches": "^2.3.10
|
|
32
|
-
"@mirohq/design-system-
|
|
29
|
+
"@mirohq/design-system-badge": "^0.3.18",
|
|
30
|
+
"@mirohq/design-system-tooltip": "^3.2.24-link.0",
|
|
31
|
+
"@mirohq/design-system-stitches": "^2.3.10",
|
|
32
|
+
"@mirohq/design-system-base-button": "^0.4.19"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
35
|
"build": "rollup -c ../../../rollup.config.js",
|