@mirohq/design-system-button 3.1.24 → 3.1.26
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 +5 -5
package/dist/types.d.ts
CHANGED
|
@@ -249,6 +249,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
249
249
|
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";
|
|
250
250
|
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";
|
|
251
251
|
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";
|
|
252
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
252
253
|
};
|
|
253
254
|
sizes: {
|
|
254
255
|
readonly number: string;
|
|
@@ -353,6 +354,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
353
354
|
readonly borderRightColor: "colors";
|
|
354
355
|
readonly borderRightStyle: "border-styles";
|
|
355
356
|
readonly borderRightWidth: "border-widths";
|
|
357
|
+
readonly borderSpacing: "space-offset";
|
|
356
358
|
readonly borderStyle: "border-styles";
|
|
357
359
|
readonly borderTop: "colors";
|
|
358
360
|
readonly borderTopColor: "colors";
|
|
@@ -735,6 +737,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
735
737
|
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";
|
|
736
738
|
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";
|
|
737
739
|
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";
|
|
740
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
738
741
|
};
|
|
739
742
|
sizes: {
|
|
740
743
|
readonly number: string;
|
|
@@ -839,6 +842,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
839
842
|
readonly borderRightColor: "colors";
|
|
840
843
|
readonly borderRightStyle: "border-styles";
|
|
841
844
|
readonly borderRightWidth: "border-widths";
|
|
845
|
+
readonly borderSpacing: "space-offset";
|
|
842
846
|
readonly borderStyle: "border-styles";
|
|
843
847
|
readonly borderTop: "colors";
|
|
844
848
|
readonly borderTopColor: "colors";
|
|
@@ -1223,6 +1227,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1223
1227
|
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";
|
|
1224
1228
|
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";
|
|
1225
1229
|
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";
|
|
1230
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
1226
1231
|
};
|
|
1227
1232
|
sizes: {
|
|
1228
1233
|
readonly number: string;
|
|
@@ -1327,6 +1332,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1327
1332
|
readonly borderRightColor: "colors";
|
|
1328
1333
|
readonly borderRightStyle: "border-styles";
|
|
1329
1334
|
readonly borderRightWidth: "border-widths";
|
|
1335
|
+
readonly borderSpacing: "space-offset";
|
|
1330
1336
|
readonly borderStyle: "border-styles";
|
|
1331
1337
|
readonly borderTop: "colors";
|
|
1332
1338
|
readonly borderTopColor: "colors";
|
|
@@ -1711,6 +1717,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1711
1717
|
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";
|
|
1712
1718
|
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";
|
|
1713
1719
|
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";
|
|
1720
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
1714
1721
|
};
|
|
1715
1722
|
sizes: {
|
|
1716
1723
|
readonly number: string;
|
|
@@ -1815,6 +1822,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1815
1822
|
readonly borderRightColor: "colors";
|
|
1816
1823
|
readonly borderRightStyle: "border-styles";
|
|
1817
1824
|
readonly borderRightWidth: "border-widths";
|
|
1825
|
+
readonly borderSpacing: "space-offset";
|
|
1818
1826
|
readonly borderStyle: "border-styles";
|
|
1819
1827
|
readonly borderTop: "colors";
|
|
1820
1828
|
readonly borderTopColor: "colors";
|
|
@@ -2201,6 +2209,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2201
2209
|
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";
|
|
2202
2210
|
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";
|
|
2203
2211
|
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";
|
|
2212
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
2204
2213
|
};
|
|
2205
2214
|
sizes: {
|
|
2206
2215
|
readonly number: string;
|
|
@@ -2305,6 +2314,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2305
2314
|
readonly borderRightColor: "colors";
|
|
2306
2315
|
readonly borderRightStyle: "border-styles";
|
|
2307
2316
|
readonly borderRightWidth: "border-widths";
|
|
2317
|
+
readonly borderSpacing: "space-offset";
|
|
2308
2318
|
readonly borderStyle: "border-styles";
|
|
2309
2319
|
readonly borderTop: "colors";
|
|
2310
2320
|
readonly borderTopColor: "colors";
|
|
@@ -2691,6 +2701,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2691
2701
|
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";
|
|
2692
2702
|
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";
|
|
2693
2703
|
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";
|
|
2704
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
2694
2705
|
};
|
|
2695
2706
|
sizes: {
|
|
2696
2707
|
readonly number: string;
|
|
@@ -2795,6 +2806,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
2795
2806
|
readonly borderRightColor: "colors";
|
|
2796
2807
|
readonly borderRightStyle: "border-styles";
|
|
2797
2808
|
readonly borderRightWidth: "border-widths";
|
|
2809
|
+
readonly borderSpacing: "space-offset";
|
|
2798
2810
|
readonly borderStyle: "border-styles";
|
|
2799
2811
|
readonly borderTop: "colors";
|
|
2800
2812
|
readonly borderTopColor: "colors";
|
|
@@ -3191,6 +3203,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
|
|
|
3191
3203
|
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";
|
|
3192
3204
|
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";
|
|
3193
3205
|
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";
|
|
3206
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
3194
3207
|
};
|
|
3195
3208
|
sizes: {
|
|
3196
3209
|
readonly number: string;
|
|
@@ -3295,6 +3308,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
|
|
|
3295
3308
|
readonly borderRightColor: "colors";
|
|
3296
3309
|
readonly borderRightStyle: "border-styles";
|
|
3297
3310
|
readonly borderRightWidth: "border-widths";
|
|
3311
|
+
readonly borderSpacing: "space-offset";
|
|
3298
3312
|
readonly borderStyle: "border-styles";
|
|
3299
3313
|
readonly borderTop: "colors";
|
|
3300
3314
|
readonly borderTopColor: "colors";
|
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.26",
|
|
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.
|
|
31
|
-
"@mirohq/design-system-stitches": "^2.3.15",
|
|
30
|
+
"@mirohq/design-system-base-button": "^0.4.27",
|
|
32
31
|
"@mirohq/design-system-primitive": "^1.1.1",
|
|
33
|
-
"@mirohq/design-system-
|
|
32
|
+
"@mirohq/design-system-spinner": "^1.1.29",
|
|
33
|
+
"@mirohq/design-system-styles": "^1.1.14",
|
|
34
|
+
"@mirohq/design-system-stitches": "^2.4.0",
|
|
34
35
|
"@mirohq/design-system-types": "^0.6.2",
|
|
35
|
-
"@mirohq/design-system-spinner": "^1.1.27",
|
|
36
36
|
"@mirohq/design-system-utils": "^0.14.3"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|