@mirohq/design-system-icon-button 1.3.15 → 1.3.16
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 -24
- package/package.json +5 -5
package/dist/types.d.ts
CHANGED
|
@@ -228,8 +228,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
228
228
|
readonly 200: "16px";
|
|
229
229
|
};
|
|
230
230
|
shadows: {
|
|
231
|
-
readonly 50: "0 4px 16px #05003812";
|
|
232
|
-
readonly 100: "0 8px 32px #05003808";
|
|
233
231
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
234
232
|
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";
|
|
235
233
|
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";
|
|
@@ -243,7 +241,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
243
241
|
readonly 'icon-400': "32px";
|
|
244
242
|
};
|
|
245
243
|
space: {
|
|
246
|
-
readonly 0:
|
|
244
|
+
readonly 0: "0px";
|
|
247
245
|
readonly 50: "4px";
|
|
248
246
|
readonly 100: "8px";
|
|
249
247
|
readonly 150: "12px";
|
|
@@ -273,6 +271,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
273
271
|
readonly 300: any;
|
|
274
272
|
readonly 400: any;
|
|
275
273
|
readonly 600: any;
|
|
274
|
+
readonly 700: any;
|
|
276
275
|
readonly 800: any;
|
|
277
276
|
readonly 1200: any;
|
|
278
277
|
readonly 1600: any;
|
|
@@ -702,8 +701,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
702
701
|
readonly 200: "16px";
|
|
703
702
|
};
|
|
704
703
|
shadows: {
|
|
705
|
-
readonly 50: "0 4px 16px #05003812";
|
|
706
|
-
readonly 100: "0 8px 32px #05003808";
|
|
707
704
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
708
705
|
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";
|
|
709
706
|
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";
|
|
@@ -717,7 +714,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
717
714
|
readonly 'icon-400': "32px";
|
|
718
715
|
};
|
|
719
716
|
space: {
|
|
720
|
-
readonly 0:
|
|
717
|
+
readonly 0: "0px";
|
|
721
718
|
readonly 50: "4px";
|
|
722
719
|
readonly 100: "8px";
|
|
723
720
|
readonly 150: "12px";
|
|
@@ -747,6 +744,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
747
744
|
readonly 300: any;
|
|
748
745
|
readonly 400: any;
|
|
749
746
|
readonly 600: any;
|
|
747
|
+
readonly 700: any;
|
|
750
748
|
readonly 800: any;
|
|
751
749
|
readonly 1200: any;
|
|
752
750
|
readonly 1600: any;
|
|
@@ -1178,8 +1176,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1178
1176
|
readonly 200: "16px";
|
|
1179
1177
|
};
|
|
1180
1178
|
shadows: {
|
|
1181
|
-
readonly 50: "0 4px 16px #05003812";
|
|
1182
|
-
readonly 100: "0 8px 32px #05003808";
|
|
1183
1179
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
1184
1180
|
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";
|
|
1185
1181
|
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";
|
|
@@ -1193,7 +1189,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1193
1189
|
readonly 'icon-400': "32px";
|
|
1194
1190
|
};
|
|
1195
1191
|
space: {
|
|
1196
|
-
readonly 0:
|
|
1192
|
+
readonly 0: "0px";
|
|
1197
1193
|
readonly 50: "4px";
|
|
1198
1194
|
readonly 100: "8px";
|
|
1199
1195
|
readonly 150: "12px";
|
|
@@ -1223,6 +1219,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1223
1219
|
readonly 300: any;
|
|
1224
1220
|
readonly 400: any;
|
|
1225
1221
|
readonly 600: any;
|
|
1222
|
+
readonly 700: any;
|
|
1226
1223
|
readonly 800: any;
|
|
1227
1224
|
readonly 1200: any;
|
|
1228
1225
|
readonly 1600: any;
|
|
@@ -1654,8 +1651,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1654
1651
|
readonly 200: "16px";
|
|
1655
1652
|
};
|
|
1656
1653
|
shadows: {
|
|
1657
|
-
readonly 50: "0 4px 16px #05003812";
|
|
1658
|
-
readonly 100: "0 8px 32px #05003808";
|
|
1659
1654
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
1660
1655
|
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";
|
|
1661
1656
|
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";
|
|
@@ -1669,7 +1664,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1669
1664
|
readonly 'icon-400': "32px";
|
|
1670
1665
|
};
|
|
1671
1666
|
space: {
|
|
1672
|
-
readonly 0:
|
|
1667
|
+
readonly 0: "0px";
|
|
1673
1668
|
readonly 50: "4px";
|
|
1674
1669
|
readonly 100: "8px";
|
|
1675
1670
|
readonly 150: "12px";
|
|
@@ -1699,6 +1694,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1699
1694
|
readonly 300: any;
|
|
1700
1695
|
readonly 400: any;
|
|
1701
1696
|
readonly 600: any;
|
|
1697
|
+
readonly 700: any;
|
|
1702
1698
|
readonly 800: any;
|
|
1703
1699
|
readonly 1200: any;
|
|
1704
1700
|
readonly 1600: any;
|
|
@@ -2132,8 +2128,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2132
2128
|
readonly 200: "16px";
|
|
2133
2129
|
};
|
|
2134
2130
|
shadows: {
|
|
2135
|
-
readonly 50: "0 4px 16px #05003812";
|
|
2136
|
-
readonly 100: "0 8px 32px #05003808";
|
|
2137
2131
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
2138
2132
|
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";
|
|
2139
2133
|
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";
|
|
@@ -2147,7 +2141,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2147
2141
|
readonly 'icon-400': "32px";
|
|
2148
2142
|
};
|
|
2149
2143
|
space: {
|
|
2150
|
-
readonly 0:
|
|
2144
|
+
readonly 0: "0px";
|
|
2151
2145
|
readonly 50: "4px";
|
|
2152
2146
|
readonly 100: "8px";
|
|
2153
2147
|
readonly 150: "12px";
|
|
@@ -2177,6 +2171,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2177
2171
|
readonly 300: any;
|
|
2178
2172
|
readonly 400: any;
|
|
2179
2173
|
readonly 600: any;
|
|
2174
|
+
readonly 700: any;
|
|
2180
2175
|
readonly 800: any;
|
|
2181
2176
|
readonly 1200: any;
|
|
2182
2177
|
readonly 1600: any;
|
|
@@ -2610,8 +2605,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2610
2605
|
readonly 200: "16px";
|
|
2611
2606
|
};
|
|
2612
2607
|
shadows: {
|
|
2613
|
-
readonly 50: "0 4px 16px #05003812";
|
|
2614
|
-
readonly 100: "0 8px 32px #05003808";
|
|
2615
2608
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
2616
2609
|
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";
|
|
2617
2610
|
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";
|
|
@@ -2625,7 +2618,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2625
2618
|
readonly 'icon-400': "32px";
|
|
2626
2619
|
};
|
|
2627
2620
|
space: {
|
|
2628
|
-
readonly 0:
|
|
2621
|
+
readonly 0: "0px";
|
|
2629
2622
|
readonly 50: "4px";
|
|
2630
2623
|
readonly 100: "8px";
|
|
2631
2624
|
readonly 150: "12px";
|
|
@@ -2655,6 +2648,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2655
2648
|
readonly 300: any;
|
|
2656
2649
|
readonly 400: any;
|
|
2657
2650
|
readonly 600: any;
|
|
2651
|
+
readonly 700: any;
|
|
2658
2652
|
readonly 800: any;
|
|
2659
2653
|
readonly 1200: any;
|
|
2660
2654
|
readonly 1600: any;
|
|
@@ -3201,8 +3195,6 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3201
3195
|
readonly 200: "16px";
|
|
3202
3196
|
};
|
|
3203
3197
|
shadows: {
|
|
3204
|
-
readonly 50: "0 4px 16px #05003812";
|
|
3205
|
-
readonly 100: "0 8px 32px #05003808";
|
|
3206
3198
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
3207
3199
|
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";
|
|
3208
3200
|
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";
|
|
@@ -3216,7 +3208,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3216
3208
|
readonly 'icon-400': "32px";
|
|
3217
3209
|
};
|
|
3218
3210
|
space: {
|
|
3219
|
-
readonly 0:
|
|
3211
|
+
readonly 0: "0px";
|
|
3220
3212
|
readonly 50: "4px";
|
|
3221
3213
|
readonly 100: "8px";
|
|
3222
3214
|
readonly 150: "12px";
|
|
@@ -3246,6 +3238,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3246
3238
|
readonly 300: any;
|
|
3247
3239
|
readonly 400: any;
|
|
3248
3240
|
readonly 600: any;
|
|
3241
|
+
readonly 700: any;
|
|
3249
3242
|
readonly 800: any;
|
|
3250
3243
|
readonly 1200: any;
|
|
3251
3244
|
readonly 1600: any;
|
|
@@ -3731,8 +3724,6 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3731
3724
|
readonly 200: "16px";
|
|
3732
3725
|
};
|
|
3733
3726
|
shadows: {
|
|
3734
|
-
readonly 50: "0 4px 16px #05003812";
|
|
3735
|
-
readonly 100: "0 8px 32px #05003808";
|
|
3736
3727
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
3737
3728
|
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";
|
|
3738
3729
|
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";
|
|
@@ -3746,7 +3737,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3746
3737
|
readonly 'icon-400': "32px";
|
|
3747
3738
|
};
|
|
3748
3739
|
space: {
|
|
3749
|
-
readonly 0:
|
|
3740
|
+
readonly 0: "0px";
|
|
3750
3741
|
readonly 50: "4px";
|
|
3751
3742
|
readonly 100: "8px";
|
|
3752
3743
|
readonly 150: "12px";
|
|
@@ -3776,6 +3767,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3776
3767
|
readonly 300: any;
|
|
3777
3768
|
readonly 400: any;
|
|
3778
3769
|
readonly 600: any;
|
|
3770
|
+
readonly 700: any;
|
|
3779
3771
|
readonly 800: any;
|
|
3780
3772
|
readonly 1200: any;
|
|
3781
3773
|
readonly 1600: any;
|
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.16",
|
|
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-
|
|
32
|
-
"@mirohq/design-system-
|
|
29
|
+
"@mirohq/design-system-badge": "^0.3.21",
|
|
30
|
+
"@mirohq/design-system-base-button": "^0.4.23",
|
|
31
|
+
"@mirohq/design-system-stitches": "^2.3.13",
|
|
32
|
+
"@mirohq/design-system-tooltip": "^3.2.28"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
35
|
"build": "rollup -c ../../../rollup.config.js",
|