@mirohq/design-system-button 3.1.22 → 3.1.23

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.
Files changed (2) hide show
  1. package/dist/types.d.ts +91 -0
  2. package/package.json +5 -5
package/dist/types.d.ts CHANGED
@@ -132,6 +132,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
132
132
  "background-primary-subtle-pressed-hover"?: any;
133
133
  "background-primary-subtle-selected"?: any;
134
134
  "background-success"?: any;
135
+ "background-success-prominent"?: any;
136
+ "background-success-prominent-active"?: any;
137
+ "background-success-prominent-hover"?: any;
135
138
  "background-warning-prominent"?: any;
136
139
  "background-warning-subtle"?: any;
137
140
  "border-danger"?: any;
@@ -160,6 +163,8 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
160
163
  "border-primary-hover"?: any;
161
164
  "border-primary-inverted"?: any;
162
165
  "border-success"?: any;
166
+ "border-success-active"?: any;
167
+ "border-success-hover"?: any;
163
168
  "border-warning"?: any;
164
169
  "icon-danger"?: any;
165
170
  "icon-danger-active"?: any;
@@ -179,9 +184,12 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
179
184
  "icon-primary-inverted"?: any;
180
185
  "icon-primary-selected"?: any;
181
186
  "icon-success"?: any;
187
+ "icon-success-active"?: any;
188
+ "icon-success-hover"?: any;
182
189
  "icon-success-inverted"?: any;
183
190
  "icon-warning"?: any;
184
191
  "icon-warning-prominent"?: any;
192
+ "icon-warning-subtle"?: any;
185
193
  "text-danger"?: any;
186
194
  "text-danger-active"?: any;
187
195
  "text-danger-hover"?: any;
@@ -203,7 +211,11 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
203
211
  "text-primary-inverted-subtle"?: any;
204
212
  "text-primary-selected"?: any;
205
213
  "text-success"?: any;
214
+ "text-success-active"?: any;
215
+ "text-success-hover"?: any;
216
+ "text-success-inverted"?: any;
206
217
  "text-warning"?: any;
218
+ "text-warning-subtle"?: any;
207
219
  };
208
220
  'font-sizes': {
209
221
  readonly 150: "0.75rem";
@@ -246,6 +258,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
246
258
  };
247
259
  space: {
248
260
  readonly 0: "0px";
261
+ readonly 25: "2px";
249
262
  readonly 50: "4px";
250
263
  readonly 100: "8px";
251
264
  readonly 150: "12px";
@@ -605,6 +618,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
605
618
  "background-primary-subtle-pressed-hover"?: any;
606
619
  "background-primary-subtle-selected"?: any;
607
620
  "background-success"?: any;
621
+ "background-success-prominent"?: any;
622
+ "background-success-prominent-active"?: any;
623
+ "background-success-prominent-hover"?: any;
608
624
  "background-warning-prominent"?: any;
609
625
  "background-warning-subtle"?: any;
610
626
  "border-danger"?: any;
@@ -633,6 +649,8 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
633
649
  "border-primary-hover"?: any;
634
650
  "border-primary-inverted"?: any;
635
651
  "border-success"?: any;
652
+ "border-success-active"?: any;
653
+ "border-success-hover"?: any;
636
654
  "border-warning"?: any;
637
655
  "icon-danger"?: any;
638
656
  "icon-danger-active"?: any;
@@ -652,9 +670,12 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
652
670
  "icon-primary-inverted"?: any;
653
671
  "icon-primary-selected"?: any;
654
672
  "icon-success"?: any;
673
+ "icon-success-active"?: any;
674
+ "icon-success-hover"?: any;
655
675
  "icon-success-inverted"?: any;
656
676
  "icon-warning"?: any;
657
677
  "icon-warning-prominent"?: any;
678
+ "icon-warning-subtle"?: any;
658
679
  "text-danger"?: any;
659
680
  "text-danger-active"?: any;
660
681
  "text-danger-hover"?: any;
@@ -676,7 +697,11 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
676
697
  "text-primary-inverted-subtle"?: any;
677
698
  "text-primary-selected"?: any;
678
699
  "text-success"?: any;
700
+ "text-success-active"?: any;
701
+ "text-success-hover"?: any;
702
+ "text-success-inverted"?: any;
679
703
  "text-warning"?: any;
704
+ "text-warning-subtle"?: any;
680
705
  };
681
706
  'font-sizes': {
682
707
  readonly 150: "0.75rem";
@@ -719,6 +744,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
719
744
  };
720
745
  space: {
721
746
  readonly 0: "0px";
747
+ readonly 25: "2px";
722
748
  readonly 50: "4px";
723
749
  readonly 100: "8px";
724
750
  readonly 150: "12px";
@@ -1080,6 +1106,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1080
1106
  "background-primary-subtle-pressed-hover"?: any;
1081
1107
  "background-primary-subtle-selected"?: any;
1082
1108
  "background-success"?: any;
1109
+ "background-success-prominent"?: any;
1110
+ "background-success-prominent-active"?: any;
1111
+ "background-success-prominent-hover"?: any;
1083
1112
  "background-warning-prominent"?: any;
1084
1113
  "background-warning-subtle"?: any;
1085
1114
  "border-danger"?: any;
@@ -1108,6 +1137,8 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1108
1137
  "border-primary-hover"?: any;
1109
1138
  "border-primary-inverted"?: any;
1110
1139
  "border-success"?: any;
1140
+ "border-success-active"?: any;
1141
+ "border-success-hover"?: any;
1111
1142
  "border-warning"?: any;
1112
1143
  "icon-danger"?: any;
1113
1144
  "icon-danger-active"?: any;
@@ -1127,9 +1158,12 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1127
1158
  "icon-primary-inverted"?: any;
1128
1159
  "icon-primary-selected"?: any;
1129
1160
  "icon-success"?: any;
1161
+ "icon-success-active"?: any;
1162
+ "icon-success-hover"?: any;
1130
1163
  "icon-success-inverted"?: any;
1131
1164
  "icon-warning"?: any;
1132
1165
  "icon-warning-prominent"?: any;
1166
+ "icon-warning-subtle"?: any;
1133
1167
  "text-danger"?: any;
1134
1168
  "text-danger-active"?: any;
1135
1169
  "text-danger-hover"?: any;
@@ -1151,7 +1185,11 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1151
1185
  "text-primary-inverted-subtle"?: any;
1152
1186
  "text-primary-selected"?: any;
1153
1187
  "text-success"?: any;
1188
+ "text-success-active"?: any;
1189
+ "text-success-hover"?: any;
1190
+ "text-success-inverted"?: any;
1154
1191
  "text-warning"?: any;
1192
+ "text-warning-subtle"?: any;
1155
1193
  };
1156
1194
  'font-sizes': {
1157
1195
  readonly 150: "0.75rem";
@@ -1194,6 +1232,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1194
1232
  };
1195
1233
  space: {
1196
1234
  readonly 0: "0px";
1235
+ readonly 25: "2px";
1197
1236
  readonly 50: "4px";
1198
1237
  readonly 100: "8px";
1199
1238
  readonly 150: "12px";
@@ -1555,6 +1594,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1555
1594
  "background-primary-subtle-pressed-hover"?: any;
1556
1595
  "background-primary-subtle-selected"?: any;
1557
1596
  "background-success"?: any;
1597
+ "background-success-prominent"?: any;
1598
+ "background-success-prominent-active"?: any;
1599
+ "background-success-prominent-hover"?: any;
1558
1600
  "background-warning-prominent"?: any;
1559
1601
  "background-warning-subtle"?: any;
1560
1602
  "border-danger"?: any;
@@ -1583,6 +1625,8 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1583
1625
  "border-primary-hover"?: any;
1584
1626
  "border-primary-inverted"?: any;
1585
1627
  "border-success"?: any;
1628
+ "border-success-active"?: any;
1629
+ "border-success-hover"?: any;
1586
1630
  "border-warning"?: any;
1587
1631
  "icon-danger"?: any;
1588
1632
  "icon-danger-active"?: any;
@@ -1602,9 +1646,12 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1602
1646
  "icon-primary-inverted"?: any;
1603
1647
  "icon-primary-selected"?: any;
1604
1648
  "icon-success"?: any;
1649
+ "icon-success-active"?: any;
1650
+ "icon-success-hover"?: any;
1605
1651
  "icon-success-inverted"?: any;
1606
1652
  "icon-warning"?: any;
1607
1653
  "icon-warning-prominent"?: any;
1654
+ "icon-warning-subtle"?: any;
1608
1655
  "text-danger"?: any;
1609
1656
  "text-danger-active"?: any;
1610
1657
  "text-danger-hover"?: any;
@@ -1626,7 +1673,11 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1626
1673
  "text-primary-inverted-subtle"?: any;
1627
1674
  "text-primary-selected"?: any;
1628
1675
  "text-success"?: any;
1676
+ "text-success-active"?: any;
1677
+ "text-success-hover"?: any;
1678
+ "text-success-inverted"?: any;
1629
1679
  "text-warning"?: any;
1680
+ "text-warning-subtle"?: any;
1630
1681
  };
1631
1682
  'font-sizes': {
1632
1683
  readonly 150: "0.75rem";
@@ -1669,6 +1720,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1669
1720
  };
1670
1721
  space: {
1671
1722
  readonly 0: "0px";
1723
+ readonly 25: "2px";
1672
1724
  readonly 50: "4px";
1673
1725
  readonly 100: "8px";
1674
1726
  readonly 150: "12px";
@@ -2032,6 +2084,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2032
2084
  "background-primary-subtle-pressed-hover"?: any;
2033
2085
  "background-primary-subtle-selected"?: any;
2034
2086
  "background-success"?: any;
2087
+ "background-success-prominent"?: any;
2088
+ "background-success-prominent-active"?: any;
2089
+ "background-success-prominent-hover"?: any;
2035
2090
  "background-warning-prominent"?: any;
2036
2091
  "background-warning-subtle"?: any;
2037
2092
  "border-danger"?: any;
@@ -2060,6 +2115,8 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2060
2115
  "border-primary-hover"?: any;
2061
2116
  "border-primary-inverted"?: any;
2062
2117
  "border-success"?: any;
2118
+ "border-success-active"?: any;
2119
+ "border-success-hover"?: any;
2063
2120
  "border-warning"?: any;
2064
2121
  "icon-danger"?: any;
2065
2122
  "icon-danger-active"?: any;
@@ -2079,9 +2136,12 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2079
2136
  "icon-primary-inverted"?: any;
2080
2137
  "icon-primary-selected"?: any;
2081
2138
  "icon-success"?: any;
2139
+ "icon-success-active"?: any;
2140
+ "icon-success-hover"?: any;
2082
2141
  "icon-success-inverted"?: any;
2083
2142
  "icon-warning"?: any;
2084
2143
  "icon-warning-prominent"?: any;
2144
+ "icon-warning-subtle"?: any;
2085
2145
  "text-danger"?: any;
2086
2146
  "text-danger-active"?: any;
2087
2147
  "text-danger-hover"?: any;
@@ -2103,7 +2163,11 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2103
2163
  "text-primary-inverted-subtle"?: any;
2104
2164
  "text-primary-selected"?: any;
2105
2165
  "text-success"?: any;
2166
+ "text-success-active"?: any;
2167
+ "text-success-hover"?: any;
2168
+ "text-success-inverted"?: any;
2106
2169
  "text-warning"?: any;
2170
+ "text-warning-subtle"?: any;
2107
2171
  };
2108
2172
  'font-sizes': {
2109
2173
  readonly 150: "0.75rem";
@@ -2146,6 +2210,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2146
2210
  };
2147
2211
  space: {
2148
2212
  readonly 0: "0px";
2213
+ readonly 25: "2px";
2149
2214
  readonly 50: "4px";
2150
2215
  readonly 100: "8px";
2151
2216
  readonly 150: "12px";
@@ -2509,6 +2574,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2509
2574
  "background-primary-subtle-pressed-hover"?: any;
2510
2575
  "background-primary-subtle-selected"?: any;
2511
2576
  "background-success"?: any;
2577
+ "background-success-prominent"?: any;
2578
+ "background-success-prominent-active"?: any;
2579
+ "background-success-prominent-hover"?: any;
2512
2580
  "background-warning-prominent"?: any;
2513
2581
  "background-warning-subtle"?: any;
2514
2582
  "border-danger"?: any;
@@ -2537,6 +2605,8 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2537
2605
  "border-primary-hover"?: any;
2538
2606
  "border-primary-inverted"?: any;
2539
2607
  "border-success"?: any;
2608
+ "border-success-active"?: any;
2609
+ "border-success-hover"?: any;
2540
2610
  "border-warning"?: any;
2541
2611
  "icon-danger"?: any;
2542
2612
  "icon-danger-active"?: any;
@@ -2556,9 +2626,12 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2556
2626
  "icon-primary-inverted"?: any;
2557
2627
  "icon-primary-selected"?: any;
2558
2628
  "icon-success"?: any;
2629
+ "icon-success-active"?: any;
2630
+ "icon-success-hover"?: any;
2559
2631
  "icon-success-inverted"?: any;
2560
2632
  "icon-warning"?: any;
2561
2633
  "icon-warning-prominent"?: any;
2634
+ "icon-warning-subtle"?: any;
2562
2635
  "text-danger"?: any;
2563
2636
  "text-danger-active"?: any;
2564
2637
  "text-danger-hover"?: any;
@@ -2580,7 +2653,11 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2580
2653
  "text-primary-inverted-subtle"?: any;
2581
2654
  "text-primary-selected"?: any;
2582
2655
  "text-success"?: any;
2656
+ "text-success-active"?: any;
2657
+ "text-success-hover"?: any;
2658
+ "text-success-inverted"?: any;
2583
2659
  "text-warning"?: any;
2660
+ "text-warning-subtle"?: any;
2584
2661
  };
2585
2662
  'font-sizes': {
2586
2663
  readonly 150: "0.75rem";
@@ -2623,6 +2700,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2623
2700
  };
2624
2701
  space: {
2625
2702
  readonly 0: "0px";
2703
+ readonly 25: "2px";
2626
2704
  readonly 50: "4px";
2627
2705
  readonly 100: "8px";
2628
2706
  readonly 150: "12px";
@@ -2996,6 +3074,9 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
2996
3074
  "background-primary-subtle-pressed-hover"?: any;
2997
3075
  "background-primary-subtle-selected"?: any;
2998
3076
  "background-success"?: any;
3077
+ "background-success-prominent"?: any;
3078
+ "background-success-prominent-active"?: any;
3079
+ "background-success-prominent-hover"?: any;
2999
3080
  "background-warning-prominent"?: any;
3000
3081
  "background-warning-subtle"?: any;
3001
3082
  "border-danger"?: any;
@@ -3024,6 +3105,8 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
3024
3105
  "border-primary-hover"?: any;
3025
3106
  "border-primary-inverted"?: any;
3026
3107
  "border-success"?: any;
3108
+ "border-success-active"?: any;
3109
+ "border-success-hover"?: any;
3027
3110
  "border-warning"?: any;
3028
3111
  "icon-danger"?: any;
3029
3112
  "icon-danger-active"?: any;
@@ -3043,9 +3126,12 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
3043
3126
  "icon-primary-inverted"?: any;
3044
3127
  "icon-primary-selected"?: any;
3045
3128
  "icon-success"?: any;
3129
+ "icon-success-active"?: any;
3130
+ "icon-success-hover"?: any;
3046
3131
  "icon-success-inverted"?: any;
3047
3132
  "icon-warning"?: any;
3048
3133
  "icon-warning-prominent"?: any;
3134
+ "icon-warning-subtle"?: any;
3049
3135
  "text-danger"?: any;
3050
3136
  "text-danger-active"?: any;
3051
3137
  "text-danger-hover"?: any;
@@ -3067,7 +3153,11 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
3067
3153
  "text-primary-inverted-subtle"?: any;
3068
3154
  "text-primary-selected"?: any;
3069
3155
  "text-success"?: any;
3156
+ "text-success-active"?: any;
3157
+ "text-success-hover"?: any;
3158
+ "text-success-inverted"?: any;
3070
3159
  "text-warning"?: any;
3160
+ "text-warning-subtle"?: any;
3071
3161
  };
3072
3162
  'font-sizes': {
3073
3163
  readonly 150: "0.75rem";
@@ -3110,6 +3200,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
3110
3200
  };
3111
3201
  space: {
3112
3202
  readonly 0: "0px";
3203
+ readonly 25: "2px";
3113
3204
  readonly 50: "4px";
3114
3205
  readonly 100: "8px";
3115
3206
  readonly 150: "12px";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-button",
3
- "version": "3.1.22",
3
+ "version": "3.1.23",
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.23",
31
- "@mirohq/design-system-stitches": "^2.3.13",
32
- "@mirohq/design-system-styles": "^1.1.10",
33
30
  "@mirohq/design-system-primitive": "^1.1.1",
31
+ "@mirohq/design-system-spinner": "^1.1.26",
32
+ "@mirohq/design-system-stitches": "^2.3.14",
33
+ "@mirohq/design-system-styles": "^1.1.11",
34
34
  "@mirohq/design-system-types": "^0.6.2",
35
- "@mirohq/design-system-spinner": "^1.1.25",
35
+ "@mirohq/design-system-base-button": "^0.4.24",
36
36
  "@mirohq/design-system-utils": "^0.14.3"
37
37
  },
38
38
  "devDependencies": {