@mirohq/design-system-button 3.1.15-select.0 → 3.1.16-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 +7 -7
- package/package.json +5 -5
package/dist/types.d.ts
CHANGED
|
@@ -234,7 +234,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
234
234
|
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
235
|
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";
|
|
236
236
|
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";
|
|
237
|
-
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";
|
|
238
237
|
};
|
|
239
238
|
sizes: {
|
|
240
239
|
readonly number: string;
|
|
@@ -252,6 +251,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
252
251
|
readonly 400: "32px";
|
|
253
252
|
readonly 500: "40px";
|
|
254
253
|
readonly 600: "48px";
|
|
254
|
+
readonly 700: "56px";
|
|
255
255
|
readonly 800: "64px";
|
|
256
256
|
readonly 1200: "96px";
|
|
257
257
|
readonly 1600: "128px";
|
|
@@ -702,7 +702,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
702
702
|
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";
|
|
703
703
|
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";
|
|
704
704
|
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";
|
|
705
|
-
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";
|
|
706
705
|
};
|
|
707
706
|
sizes: {
|
|
708
707
|
readonly number: string;
|
|
@@ -720,6 +719,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
720
719
|
readonly 400: "32px";
|
|
721
720
|
readonly 500: "40px";
|
|
722
721
|
readonly 600: "48px";
|
|
722
|
+
readonly 700: "56px";
|
|
723
723
|
readonly 800: "64px";
|
|
724
724
|
readonly 1200: "96px";
|
|
725
725
|
readonly 1600: "128px";
|
|
@@ -1172,7 +1172,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1172
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";
|
|
1173
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";
|
|
1174
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";
|
|
1176
1175
|
};
|
|
1177
1176
|
sizes: {
|
|
1178
1177
|
readonly number: string;
|
|
@@ -1190,6 +1189,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1190
1189
|
readonly 400: "32px";
|
|
1191
1190
|
readonly 500: "40px";
|
|
1192
1191
|
readonly 600: "48px";
|
|
1192
|
+
readonly 700: "56px";
|
|
1193
1193
|
readonly 800: "64px";
|
|
1194
1194
|
readonly 1200: "96px";
|
|
1195
1195
|
readonly 1600: "128px";
|
|
@@ -1642,7 +1642,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1642
1642
|
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";
|
|
1643
1643
|
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";
|
|
1644
1644
|
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";
|
|
1645
|
-
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";
|
|
1646
1645
|
};
|
|
1647
1646
|
sizes: {
|
|
1648
1647
|
readonly number: string;
|
|
@@ -1660,6 +1659,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1660
1659
|
readonly 400: "32px";
|
|
1661
1660
|
readonly 500: "40px";
|
|
1662
1661
|
readonly 600: "48px";
|
|
1662
|
+
readonly 700: "56px";
|
|
1663
1663
|
readonly 800: "64px";
|
|
1664
1664
|
readonly 1200: "96px";
|
|
1665
1665
|
readonly 1600: "128px";
|
|
@@ -2114,7 +2114,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2114
2114
|
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";
|
|
2115
2115
|
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";
|
|
2116
2116
|
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";
|
|
2117
|
-
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";
|
|
2118
2117
|
};
|
|
2119
2118
|
sizes: {
|
|
2120
2119
|
readonly number: string;
|
|
@@ -2132,6 +2131,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2132
2131
|
readonly 400: "32px";
|
|
2133
2132
|
readonly 500: "40px";
|
|
2134
2133
|
readonly 600: "48px";
|
|
2134
|
+
readonly 700: "56px";
|
|
2135
2135
|
readonly 800: "64px";
|
|
2136
2136
|
readonly 1200: "96px";
|
|
2137
2137
|
readonly 1600: "128px";
|
|
@@ -2586,7 +2586,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2586
2586
|
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";
|
|
2587
2587
|
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";
|
|
2588
2588
|
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";
|
|
2589
|
-
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";
|
|
2590
2589
|
};
|
|
2591
2590
|
sizes: {
|
|
2592
2591
|
readonly number: string;
|
|
@@ -2604,6 +2603,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2604
2603
|
readonly 400: "32px";
|
|
2605
2604
|
readonly 500: "40px";
|
|
2606
2605
|
readonly 600: "48px";
|
|
2606
|
+
readonly 700: "56px";
|
|
2607
2607
|
readonly 800: "64px";
|
|
2608
2608
|
readonly 1200: "96px";
|
|
2609
2609
|
readonly 1600: "128px";
|
|
@@ -3068,7 +3068,6 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
|
|
|
3068
3068
|
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";
|
|
3069
3069
|
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";
|
|
3070
3070
|
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";
|
|
3071
|
-
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";
|
|
3072
3071
|
};
|
|
3073
3072
|
sizes: {
|
|
3074
3073
|
readonly number: string;
|
|
@@ -3086,6 +3085,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
|
|
|
3086
3085
|
readonly 400: "32px";
|
|
3087
3086
|
readonly 500: "40px";
|
|
3088
3087
|
readonly 600: "48px";
|
|
3088
|
+
readonly 700: "56px";
|
|
3089
3089
|
readonly 800: "64px";
|
|
3090
3090
|
readonly 1200: "96px";
|
|
3091
3091
|
readonly 1600: "128px";
|
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.16-link.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -27,12 +27,12 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@react-aria/utils": "^3.13.0",
|
|
30
|
-
"@mirohq/design-system-base-button": "^0.4.19
|
|
31
|
-
"@mirohq/design-system-
|
|
32
|
-
"@mirohq/design-system-styles": "^1.1.6-select.0",
|
|
30
|
+
"@mirohq/design-system-base-button": "^0.4.19",
|
|
31
|
+
"@mirohq/design-system-styles": "^1.1.7-link.0",
|
|
33
32
|
"@mirohq/design-system-types": "^0.6.2",
|
|
34
33
|
"@mirohq/design-system-utils": "^0.14.3",
|
|
35
|
-
"@mirohq/design-system-
|
|
34
|
+
"@mirohq/design-system-stitches": "^2.3.10",
|
|
35
|
+
"@mirohq/design-system-spinner": "^1.1.21",
|
|
36
36
|
"@mirohq/design-system-primitive": "^1.1.1"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|