@mirohq/design-system-button 3.1.16-link.0 → 3.1.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 +28 -14
- package/package.json +7 -7
package/dist/types.d.ts
CHANGED
|
@@ -234,6 +234,7 @@ 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";
|
|
237
238
|
};
|
|
238
239
|
sizes: {
|
|
239
240
|
readonly number: string;
|
|
@@ -303,8 +304,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
303
304
|
};
|
|
304
305
|
'z-indices': {
|
|
305
306
|
readonly dropdownMenu: 100;
|
|
306
|
-
readonly
|
|
307
|
-
readonly
|
|
307
|
+
readonly select: 200;
|
|
308
|
+
readonly popover: 300;
|
|
309
|
+
readonly tooltip: 400;
|
|
308
310
|
};
|
|
309
311
|
}, {
|
|
310
312
|
readonly background: "colors";
|
|
@@ -702,6 +704,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
702
704
|
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
705
|
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
706
|
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";
|
|
707
|
+
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";
|
|
705
708
|
};
|
|
706
709
|
sizes: {
|
|
707
710
|
readonly number: string;
|
|
@@ -771,8 +774,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
771
774
|
};
|
|
772
775
|
'z-indices': {
|
|
773
776
|
readonly dropdownMenu: 100;
|
|
774
|
-
readonly
|
|
775
|
-
readonly
|
|
777
|
+
readonly select: 200;
|
|
778
|
+
readonly popover: 300;
|
|
779
|
+
readonly tooltip: 400;
|
|
776
780
|
};
|
|
777
781
|
}, {
|
|
778
782
|
readonly background: "colors";
|
|
@@ -1172,6 +1176,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1172
1176
|
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
1177
|
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
1178
|
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";
|
|
1179
|
+
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";
|
|
1175
1180
|
};
|
|
1176
1181
|
sizes: {
|
|
1177
1182
|
readonly number: string;
|
|
@@ -1241,8 +1246,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1241
1246
|
};
|
|
1242
1247
|
'z-indices': {
|
|
1243
1248
|
readonly dropdownMenu: 100;
|
|
1244
|
-
readonly
|
|
1245
|
-
readonly
|
|
1249
|
+
readonly select: 200;
|
|
1250
|
+
readonly popover: 300;
|
|
1251
|
+
readonly tooltip: 400;
|
|
1246
1252
|
};
|
|
1247
1253
|
}, {
|
|
1248
1254
|
readonly background: "colors";
|
|
@@ -1642,6 +1648,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1642
1648
|
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
1649
|
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
1650
|
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";
|
|
1651
|
+
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";
|
|
1645
1652
|
};
|
|
1646
1653
|
sizes: {
|
|
1647
1654
|
readonly number: string;
|
|
@@ -1711,8 +1718,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1711
1718
|
};
|
|
1712
1719
|
'z-indices': {
|
|
1713
1720
|
readonly dropdownMenu: 100;
|
|
1714
|
-
readonly
|
|
1715
|
-
readonly
|
|
1721
|
+
readonly select: 200;
|
|
1722
|
+
readonly popover: 300;
|
|
1723
|
+
readonly tooltip: 400;
|
|
1716
1724
|
};
|
|
1717
1725
|
}, {
|
|
1718
1726
|
readonly background: "colors";
|
|
@@ -2114,6 +2122,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2114
2122
|
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
2123
|
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
2124
|
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";
|
|
2125
|
+
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";
|
|
2117
2126
|
};
|
|
2118
2127
|
sizes: {
|
|
2119
2128
|
readonly number: string;
|
|
@@ -2183,8 +2192,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2183
2192
|
};
|
|
2184
2193
|
'z-indices': {
|
|
2185
2194
|
readonly dropdownMenu: 100;
|
|
2186
|
-
readonly
|
|
2187
|
-
readonly
|
|
2195
|
+
readonly select: 200;
|
|
2196
|
+
readonly popover: 300;
|
|
2197
|
+
readonly tooltip: 400;
|
|
2188
2198
|
};
|
|
2189
2199
|
}, {
|
|
2190
2200
|
readonly background: "colors";
|
|
@@ -2586,6 +2596,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2586
2596
|
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
2597
|
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
2598
|
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";
|
|
2599
|
+
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";
|
|
2589
2600
|
};
|
|
2590
2601
|
sizes: {
|
|
2591
2602
|
readonly number: string;
|
|
@@ -2655,8 +2666,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2655
2666
|
};
|
|
2656
2667
|
'z-indices': {
|
|
2657
2668
|
readonly dropdownMenu: 100;
|
|
2658
|
-
readonly
|
|
2659
|
-
readonly
|
|
2669
|
+
readonly select: 200;
|
|
2670
|
+
readonly popover: 300;
|
|
2671
|
+
readonly tooltip: 400;
|
|
2660
2672
|
};
|
|
2661
2673
|
}, {
|
|
2662
2674
|
readonly background: "colors";
|
|
@@ -3068,6 +3080,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
|
|
|
3068
3080
|
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
3081
|
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
3082
|
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";
|
|
3083
|
+
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";
|
|
3071
3084
|
};
|
|
3072
3085
|
sizes: {
|
|
3073
3086
|
readonly number: string;
|
|
@@ -3137,8 +3150,9 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
|
|
|
3137
3150
|
};
|
|
3138
3151
|
'z-indices': {
|
|
3139
3152
|
readonly dropdownMenu: 100;
|
|
3140
|
-
readonly
|
|
3141
|
-
readonly
|
|
3153
|
+
readonly select: 200;
|
|
3154
|
+
readonly popover: 300;
|
|
3155
|
+
readonly tooltip: 400;
|
|
3142
3156
|
};
|
|
3143
3157
|
}, {
|
|
3144
3158
|
readonly background: "colors";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-button",
|
|
3
|
-
"version": "3.1.16
|
|
3
|
+
"version": "3.1.16",
|
|
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-styles": "^1.1.7
|
|
30
|
+
"@mirohq/design-system-base-button": "^0.4.20",
|
|
31
|
+
"@mirohq/design-system-styles": "^1.1.7",
|
|
32
|
+
"@mirohq/design-system-primitive": "^1.1.1",
|
|
33
|
+
"@mirohq/design-system-spinner": "^1.1.22",
|
|
34
|
+
"@mirohq/design-system-stitches": "^2.3.11",
|
|
32
35
|
"@mirohq/design-system-types": "^0.6.2",
|
|
33
|
-
"@mirohq/design-system-utils": "^0.14.3"
|
|
34
|
-
"@mirohq/design-system-stitches": "^2.3.10",
|
|
35
|
-
"@mirohq/design-system-spinner": "^1.1.21",
|
|
36
|
-
"@mirohq/design-system-primitive": "^1.1.1"
|
|
36
|
+
"@mirohq/design-system-utils": "^0.14.3"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@types/lodash.capitalize": "^4.2.7",
|