@mirohq/design-system-button 3.1.20 → 3.1.21
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 +14 -21
- package/package.json +7 -7
package/dist/types.d.ts
CHANGED
|
@@ -232,8 +232,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
232
232
|
readonly 200: "16px";
|
|
233
233
|
};
|
|
234
234
|
shadows: {
|
|
235
|
-
readonly 50: "0 4px 16px #05003812";
|
|
236
|
-
readonly 100: "0 8px 32px #05003808";
|
|
237
235
|
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";
|
|
238
236
|
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";
|
|
239
237
|
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";
|
|
@@ -247,7 +245,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
247
245
|
readonly 'icon-400': "32px";
|
|
248
246
|
};
|
|
249
247
|
space: {
|
|
250
|
-
readonly 0:
|
|
248
|
+
readonly 0: "0px";
|
|
251
249
|
readonly 50: "4px";
|
|
252
250
|
readonly 100: "8px";
|
|
253
251
|
readonly 150: "12px";
|
|
@@ -277,6 +275,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
277
275
|
readonly 300: any;
|
|
278
276
|
readonly 400: any;
|
|
279
277
|
readonly 600: any;
|
|
278
|
+
readonly 700: any;
|
|
280
279
|
readonly 800: any;
|
|
281
280
|
readonly 1200: any;
|
|
282
281
|
readonly 1600: any;
|
|
@@ -706,8 +705,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
706
705
|
readonly 200: "16px";
|
|
707
706
|
};
|
|
708
707
|
shadows: {
|
|
709
|
-
readonly 50: "0 4px 16px #05003812";
|
|
710
|
-
readonly 100: "0 8px 32px #05003808";
|
|
711
708
|
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";
|
|
712
709
|
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";
|
|
713
710
|
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";
|
|
@@ -721,7 +718,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
721
718
|
readonly 'icon-400': "32px";
|
|
722
719
|
};
|
|
723
720
|
space: {
|
|
724
|
-
readonly 0:
|
|
721
|
+
readonly 0: "0px";
|
|
725
722
|
readonly 50: "4px";
|
|
726
723
|
readonly 100: "8px";
|
|
727
724
|
readonly 150: "12px";
|
|
@@ -751,6 +748,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
751
748
|
readonly 300: any;
|
|
752
749
|
readonly 400: any;
|
|
753
750
|
readonly 600: any;
|
|
751
|
+
readonly 700: any;
|
|
754
752
|
readonly 800: any;
|
|
755
753
|
readonly 1200: any;
|
|
756
754
|
readonly 1600: any;
|
|
@@ -1182,8 +1180,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1182
1180
|
readonly 200: "16px";
|
|
1183
1181
|
};
|
|
1184
1182
|
shadows: {
|
|
1185
|
-
readonly 50: "0 4px 16px #05003812";
|
|
1186
|
-
readonly 100: "0 8px 32px #05003808";
|
|
1187
1183
|
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";
|
|
1188
1184
|
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";
|
|
1189
1185
|
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";
|
|
@@ -1197,7 +1193,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1197
1193
|
readonly 'icon-400': "32px";
|
|
1198
1194
|
};
|
|
1199
1195
|
space: {
|
|
1200
|
-
readonly 0:
|
|
1196
|
+
readonly 0: "0px";
|
|
1201
1197
|
readonly 50: "4px";
|
|
1202
1198
|
readonly 100: "8px";
|
|
1203
1199
|
readonly 150: "12px";
|
|
@@ -1227,6 +1223,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1227
1223
|
readonly 300: any;
|
|
1228
1224
|
readonly 400: any;
|
|
1229
1225
|
readonly 600: any;
|
|
1226
|
+
readonly 700: any;
|
|
1230
1227
|
readonly 800: any;
|
|
1231
1228
|
readonly 1200: any;
|
|
1232
1229
|
readonly 1600: any;
|
|
@@ -1658,8 +1655,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1658
1655
|
readonly 200: "16px";
|
|
1659
1656
|
};
|
|
1660
1657
|
shadows: {
|
|
1661
|
-
readonly 50: "0 4px 16px #05003812";
|
|
1662
|
-
readonly 100: "0 8px 32px #05003808";
|
|
1663
1658
|
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";
|
|
1664
1659
|
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";
|
|
1665
1660
|
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";
|
|
@@ -1673,7 +1668,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1673
1668
|
readonly 'icon-400': "32px";
|
|
1674
1669
|
};
|
|
1675
1670
|
space: {
|
|
1676
|
-
readonly 0:
|
|
1671
|
+
readonly 0: "0px";
|
|
1677
1672
|
readonly 50: "4px";
|
|
1678
1673
|
readonly 100: "8px";
|
|
1679
1674
|
readonly 150: "12px";
|
|
@@ -1703,6 +1698,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1703
1698
|
readonly 300: any;
|
|
1704
1699
|
readonly 400: any;
|
|
1705
1700
|
readonly 600: any;
|
|
1701
|
+
readonly 700: any;
|
|
1706
1702
|
readonly 800: any;
|
|
1707
1703
|
readonly 1200: any;
|
|
1708
1704
|
readonly 1600: any;
|
|
@@ -2136,8 +2132,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2136
2132
|
readonly 200: "16px";
|
|
2137
2133
|
};
|
|
2138
2134
|
shadows: {
|
|
2139
|
-
readonly 50: "0 4px 16px #05003812";
|
|
2140
|
-
readonly 100: "0 8px 32px #05003808";
|
|
2141
2135
|
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";
|
|
2142
2136
|
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";
|
|
2143
2137
|
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";
|
|
@@ -2151,7 +2145,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2151
2145
|
readonly 'icon-400': "32px";
|
|
2152
2146
|
};
|
|
2153
2147
|
space: {
|
|
2154
|
-
readonly 0:
|
|
2148
|
+
readonly 0: "0px";
|
|
2155
2149
|
readonly 50: "4px";
|
|
2156
2150
|
readonly 100: "8px";
|
|
2157
2151
|
readonly 150: "12px";
|
|
@@ -2181,6 +2175,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2181
2175
|
readonly 300: any;
|
|
2182
2176
|
readonly 400: any;
|
|
2183
2177
|
readonly 600: any;
|
|
2178
|
+
readonly 700: any;
|
|
2184
2179
|
readonly 800: any;
|
|
2185
2180
|
readonly 1200: any;
|
|
2186
2181
|
readonly 1600: any;
|
|
@@ -2614,8 +2609,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2614
2609
|
readonly 200: "16px";
|
|
2615
2610
|
};
|
|
2616
2611
|
shadows: {
|
|
2617
|
-
readonly 50: "0 4px 16px #05003812";
|
|
2618
|
-
readonly 100: "0 8px 32px #05003808";
|
|
2619
2612
|
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";
|
|
2620
2613
|
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";
|
|
2621
2614
|
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";
|
|
@@ -2629,7 +2622,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2629
2622
|
readonly 'icon-400': "32px";
|
|
2630
2623
|
};
|
|
2631
2624
|
space: {
|
|
2632
|
-
readonly 0:
|
|
2625
|
+
readonly 0: "0px";
|
|
2633
2626
|
readonly 50: "4px";
|
|
2634
2627
|
readonly 100: "8px";
|
|
2635
2628
|
readonly 150: "12px";
|
|
@@ -2659,6 +2652,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2659
2652
|
readonly 300: any;
|
|
2660
2653
|
readonly 400: any;
|
|
2661
2654
|
readonly 600: any;
|
|
2655
|
+
readonly 700: any;
|
|
2662
2656
|
readonly 800: any;
|
|
2663
2657
|
readonly 1200: any;
|
|
2664
2658
|
readonly 1600: any;
|
|
@@ -3102,8 +3096,6 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
|
|
|
3102
3096
|
readonly 200: "16px";
|
|
3103
3097
|
};
|
|
3104
3098
|
shadows: {
|
|
3105
|
-
readonly 50: "0 4px 16px #05003812";
|
|
3106
|
-
readonly 100: "0 8px 32px #05003808";
|
|
3107
3099
|
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";
|
|
3108
3100
|
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";
|
|
3109
3101
|
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";
|
|
@@ -3117,7 +3109,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
|
|
|
3117
3109
|
readonly 'icon-400': "32px";
|
|
3118
3110
|
};
|
|
3119
3111
|
space: {
|
|
3120
|
-
readonly 0:
|
|
3112
|
+
readonly 0: "0px";
|
|
3121
3113
|
readonly 50: "4px";
|
|
3122
3114
|
readonly 100: "8px";
|
|
3123
3115
|
readonly 150: "12px";
|
|
@@ -3147,6 +3139,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
|
|
|
3147
3139
|
readonly 300: any;
|
|
3148
3140
|
readonly 400: any;
|
|
3149
3141
|
readonly 600: any;
|
|
3142
|
+
readonly 700: any;
|
|
3150
3143
|
readonly 800: any;
|
|
3151
3144
|
readonly 1200: any;
|
|
3152
3145
|
readonly 1600: any;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-button",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.21",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -27,13 +27,13 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@react-aria/utils": "^3.13.0",
|
|
30
|
-
"@mirohq/design-system-base-button": "^0.4.
|
|
31
|
-
"@mirohq/design-system-
|
|
32
|
-
"@mirohq/design-system-
|
|
33
|
-
"@mirohq/design-system-
|
|
34
|
-
"@mirohq/design-system-styles": "^1.1.9",
|
|
30
|
+
"@mirohq/design-system-base-button": "^0.4.23",
|
|
31
|
+
"@mirohq/design-system-spinner": "^1.1.24",
|
|
32
|
+
"@mirohq/design-system-stitches": "^2.3.13",
|
|
33
|
+
"@mirohq/design-system-styles": "^1.1.10",
|
|
35
34
|
"@mirohq/design-system-types": "^0.6.2",
|
|
36
|
-
"@mirohq/design-system-utils": "^0.14.3"
|
|
35
|
+
"@mirohq/design-system-utils": "^0.14.3",
|
|
36
|
+
"@mirohq/design-system-primitive": "^1.1.1"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@types/lodash.capitalize": "^4.2.7",
|