@mirohq/design-system-button 3.1.15 → 3.1.16-select.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 +14 -0
- 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,6 +304,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
303
304
|
};
|
|
304
305
|
'z-indices': {
|
|
305
306
|
readonly dropdownMenu: 100;
|
|
307
|
+
readonly select: 100;
|
|
306
308
|
readonly popover: 200;
|
|
307
309
|
readonly tooltip: 300;
|
|
308
310
|
};
|
|
@@ -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,6 +774,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
771
774
|
};
|
|
772
775
|
'z-indices': {
|
|
773
776
|
readonly dropdownMenu: 100;
|
|
777
|
+
readonly select: 100;
|
|
774
778
|
readonly popover: 200;
|
|
775
779
|
readonly tooltip: 300;
|
|
776
780
|
};
|
|
@@ -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,6 +1246,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1241
1246
|
};
|
|
1242
1247
|
'z-indices': {
|
|
1243
1248
|
readonly dropdownMenu: 100;
|
|
1249
|
+
readonly select: 100;
|
|
1244
1250
|
readonly popover: 200;
|
|
1245
1251
|
readonly tooltip: 300;
|
|
1246
1252
|
};
|
|
@@ -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,6 +1718,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1711
1718
|
};
|
|
1712
1719
|
'z-indices': {
|
|
1713
1720
|
readonly dropdownMenu: 100;
|
|
1721
|
+
readonly select: 100;
|
|
1714
1722
|
readonly popover: 200;
|
|
1715
1723
|
readonly tooltip: 300;
|
|
1716
1724
|
};
|
|
@@ -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,6 +2192,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2183
2192
|
};
|
|
2184
2193
|
'z-indices': {
|
|
2185
2194
|
readonly dropdownMenu: 100;
|
|
2195
|
+
readonly select: 100;
|
|
2186
2196
|
readonly popover: 200;
|
|
2187
2197
|
readonly tooltip: 300;
|
|
2188
2198
|
};
|
|
@@ -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,6 +2666,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2655
2666
|
};
|
|
2656
2667
|
'z-indices': {
|
|
2657
2668
|
readonly dropdownMenu: 100;
|
|
2669
|
+
readonly select: 100;
|
|
2658
2670
|
readonly popover: 200;
|
|
2659
2671
|
readonly tooltip: 300;
|
|
2660
2672
|
};
|
|
@@ -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,6 +3150,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
|
|
|
3137
3150
|
};
|
|
3138
3151
|
'z-indices': {
|
|
3139
3152
|
readonly dropdownMenu: 100;
|
|
3153
|
+
readonly select: 100;
|
|
3140
3154
|
readonly popover: 200;
|
|
3141
3155
|
readonly tooltip: 300;
|
|
3142
3156
|
};
|
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-select.0",
|
|
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-spinner": "^1.1.21",
|
|
33
|
-
"@mirohq/design-system-stitches": "^2.3.10",
|
|
34
|
-
"@mirohq/design-system-styles": "^1.1.6",
|
|
30
|
+
"@mirohq/design-system-base-button": "^0.4.20-select.0",
|
|
31
|
+
"@mirohq/design-system-styles": "^1.1.7-select.0",
|
|
35
32
|
"@mirohq/design-system-types": "^0.6.2",
|
|
36
|
-
"@mirohq/design-system-utils": "^0.14.3"
|
|
33
|
+
"@mirohq/design-system-utils": "^0.14.3",
|
|
34
|
+
"@mirohq/design-system-stitches": "^2.3.11-select.0",
|
|
35
|
+
"@mirohq/design-system-primitive": "^1.1.1",
|
|
36
|
+
"@mirohq/design-system-spinner": "^1.1.22-select.0"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@types/lodash.capitalize": "^4.2.7",
|