@mirohq/design-system-icon-button 1.3.15 → 1.3.17

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 +120 -24
  2. package/package.json +5 -5
package/dist/types.d.ts CHANGED
@@ -128,6 +128,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
128
128
  "background-primary-subtle-pressed-hover"?: any;
129
129
  "background-primary-subtle-selected"?: any;
130
130
  "background-success"?: any;
131
+ "background-success-prominent"?: any;
132
+ "background-success-prominent-active"?: any;
133
+ "background-success-prominent-hover"?: any;
131
134
  "background-warning-prominent"?: any;
132
135
  "background-warning-subtle"?: any;
133
136
  "border-danger"?: any;
@@ -156,6 +159,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
156
159
  "border-primary-hover"?: any;
157
160
  "border-primary-inverted"?: any;
158
161
  "border-success"?: any;
162
+ "border-success-active"?: any;
163
+ "border-success-hover"?: any;
159
164
  "border-warning"?: any;
160
165
  "icon-danger"?: any;
161
166
  "icon-danger-active"?: any;
@@ -175,9 +180,12 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
175
180
  "icon-primary-inverted"?: any;
176
181
  "icon-primary-selected"?: any;
177
182
  "icon-success"?: any;
183
+ "icon-success-active"?: any;
184
+ "icon-success-hover"?: any;
178
185
  "icon-success-inverted"?: any;
179
186
  "icon-warning"?: any;
180
187
  "icon-warning-prominent"?: any;
188
+ "icon-warning-subtle"?: any;
181
189
  "text-danger"?: any;
182
190
  "text-danger-active"?: any;
183
191
  "text-danger-hover"?: any;
@@ -199,7 +207,11 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
199
207
  "text-primary-inverted-subtle"?: any;
200
208
  "text-primary-selected"?: any;
201
209
  "text-success"?: any;
210
+ "text-success-active"?: any;
211
+ "text-success-hover"?: any;
212
+ "text-success-inverted"?: any;
202
213
  "text-warning"?: any;
214
+ "text-warning-subtle"?: any;
203
215
  };
204
216
  'font-sizes': {
205
217
  readonly 150: "0.75rem";
@@ -228,8 +240,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
228
240
  readonly 200: "16px";
229
241
  };
230
242
  shadows: {
231
- readonly 50: "0 4px 16px #05003812";
232
- readonly 100: "0 8px 32px #05003808";
233
243
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
234
244
  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
245
  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";
@@ -243,7 +253,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
243
253
  readonly 'icon-400': "32px";
244
254
  };
245
255
  space: {
246
- readonly 0: 0;
256
+ readonly 0: "0px";
257
+ readonly 25: "2px";
247
258
  readonly 50: "4px";
248
259
  readonly 100: "8px";
249
260
  readonly 150: "12px";
@@ -273,6 +284,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
273
284
  readonly 300: any;
274
285
  readonly 400: any;
275
286
  readonly 600: any;
287
+ readonly 700: any;
276
288
  readonly 800: any;
277
289
  readonly 1200: any;
278
290
  readonly 1600: any;
@@ -602,6 +614,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
602
614
  "background-primary-subtle-pressed-hover"?: any;
603
615
  "background-primary-subtle-selected"?: any;
604
616
  "background-success"?: any;
617
+ "background-success-prominent"?: any;
618
+ "background-success-prominent-active"?: any;
619
+ "background-success-prominent-hover"?: any;
605
620
  "background-warning-prominent"?: any;
606
621
  "background-warning-subtle"?: any;
607
622
  "border-danger"?: any;
@@ -630,6 +645,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
630
645
  "border-primary-hover"?: any;
631
646
  "border-primary-inverted"?: any;
632
647
  "border-success"?: any;
648
+ "border-success-active"?: any;
649
+ "border-success-hover"?: any;
633
650
  "border-warning"?: any;
634
651
  "icon-danger"?: any;
635
652
  "icon-danger-active"?: any;
@@ -649,9 +666,12 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
649
666
  "icon-primary-inverted"?: any;
650
667
  "icon-primary-selected"?: any;
651
668
  "icon-success"?: any;
669
+ "icon-success-active"?: any;
670
+ "icon-success-hover"?: any;
652
671
  "icon-success-inverted"?: any;
653
672
  "icon-warning"?: any;
654
673
  "icon-warning-prominent"?: any;
674
+ "icon-warning-subtle"?: any;
655
675
  "text-danger"?: any;
656
676
  "text-danger-active"?: any;
657
677
  "text-danger-hover"?: any;
@@ -673,7 +693,11 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
673
693
  "text-primary-inverted-subtle"?: any;
674
694
  "text-primary-selected"?: any;
675
695
  "text-success"?: any;
696
+ "text-success-active"?: any;
697
+ "text-success-hover"?: any;
698
+ "text-success-inverted"?: any;
676
699
  "text-warning"?: any;
700
+ "text-warning-subtle"?: any;
677
701
  };
678
702
  'font-sizes': {
679
703
  readonly 150: "0.75rem";
@@ -702,8 +726,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
702
726
  readonly 200: "16px";
703
727
  };
704
728
  shadows: {
705
- readonly 50: "0 4px 16px #05003812";
706
- readonly 100: "0 8px 32px #05003808";
707
729
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
708
730
  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";
709
731
  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";
@@ -717,7 +739,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
717
739
  readonly 'icon-400': "32px";
718
740
  };
719
741
  space: {
720
- readonly 0: 0;
742
+ readonly 0: "0px";
743
+ readonly 25: "2px";
721
744
  readonly 50: "4px";
722
745
  readonly 100: "8px";
723
746
  readonly 150: "12px";
@@ -747,6 +770,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
747
770
  readonly 300: any;
748
771
  readonly 400: any;
749
772
  readonly 600: any;
773
+ readonly 700: any;
750
774
  readonly 800: any;
751
775
  readonly 1200: any;
752
776
  readonly 1600: any;
@@ -1078,6 +1102,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1078
1102
  "background-primary-subtle-pressed-hover"?: any;
1079
1103
  "background-primary-subtle-selected"?: any;
1080
1104
  "background-success"?: any;
1105
+ "background-success-prominent"?: any;
1106
+ "background-success-prominent-active"?: any;
1107
+ "background-success-prominent-hover"?: any;
1081
1108
  "background-warning-prominent"?: any;
1082
1109
  "background-warning-subtle"?: any;
1083
1110
  "border-danger"?: any;
@@ -1106,6 +1133,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1106
1133
  "border-primary-hover"?: any;
1107
1134
  "border-primary-inverted"?: any;
1108
1135
  "border-success"?: any;
1136
+ "border-success-active"?: any;
1137
+ "border-success-hover"?: any;
1109
1138
  "border-warning"?: any;
1110
1139
  "icon-danger"?: any;
1111
1140
  "icon-danger-active"?: any;
@@ -1125,9 +1154,12 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1125
1154
  "icon-primary-inverted"?: any;
1126
1155
  "icon-primary-selected"?: any;
1127
1156
  "icon-success"?: any;
1157
+ "icon-success-active"?: any;
1158
+ "icon-success-hover"?: any;
1128
1159
  "icon-success-inverted"?: any;
1129
1160
  "icon-warning"?: any;
1130
1161
  "icon-warning-prominent"?: any;
1162
+ "icon-warning-subtle"?: any;
1131
1163
  "text-danger"?: any;
1132
1164
  "text-danger-active"?: any;
1133
1165
  "text-danger-hover"?: any;
@@ -1149,7 +1181,11 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1149
1181
  "text-primary-inverted-subtle"?: any;
1150
1182
  "text-primary-selected"?: any;
1151
1183
  "text-success"?: any;
1184
+ "text-success-active"?: any;
1185
+ "text-success-hover"?: any;
1186
+ "text-success-inverted"?: any;
1152
1187
  "text-warning"?: any;
1188
+ "text-warning-subtle"?: any;
1153
1189
  };
1154
1190
  'font-sizes': {
1155
1191
  readonly 150: "0.75rem";
@@ -1178,8 +1214,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1178
1214
  readonly 200: "16px";
1179
1215
  };
1180
1216
  shadows: {
1181
- readonly 50: "0 4px 16px #05003812";
1182
- readonly 100: "0 8px 32px #05003808";
1183
1217
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1184
1218
  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";
1185
1219
  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";
@@ -1193,7 +1227,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1193
1227
  readonly 'icon-400': "32px";
1194
1228
  };
1195
1229
  space: {
1196
- readonly 0: 0;
1230
+ readonly 0: "0px";
1231
+ readonly 25: "2px";
1197
1232
  readonly 50: "4px";
1198
1233
  readonly 100: "8px";
1199
1234
  readonly 150: "12px";
@@ -1223,6 +1258,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1223
1258
  readonly 300: any;
1224
1259
  readonly 400: any;
1225
1260
  readonly 600: any;
1261
+ readonly 700: any;
1226
1262
  readonly 800: any;
1227
1263
  readonly 1200: any;
1228
1264
  readonly 1600: any;
@@ -1554,6 +1590,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1554
1590
  "background-primary-subtle-pressed-hover"?: any;
1555
1591
  "background-primary-subtle-selected"?: any;
1556
1592
  "background-success"?: any;
1593
+ "background-success-prominent"?: any;
1594
+ "background-success-prominent-active"?: any;
1595
+ "background-success-prominent-hover"?: any;
1557
1596
  "background-warning-prominent"?: any;
1558
1597
  "background-warning-subtle"?: any;
1559
1598
  "border-danger"?: any;
@@ -1582,6 +1621,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1582
1621
  "border-primary-hover"?: any;
1583
1622
  "border-primary-inverted"?: any;
1584
1623
  "border-success"?: any;
1624
+ "border-success-active"?: any;
1625
+ "border-success-hover"?: any;
1585
1626
  "border-warning"?: any;
1586
1627
  "icon-danger"?: any;
1587
1628
  "icon-danger-active"?: any;
@@ -1601,9 +1642,12 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1601
1642
  "icon-primary-inverted"?: any;
1602
1643
  "icon-primary-selected"?: any;
1603
1644
  "icon-success"?: any;
1645
+ "icon-success-active"?: any;
1646
+ "icon-success-hover"?: any;
1604
1647
  "icon-success-inverted"?: any;
1605
1648
  "icon-warning"?: any;
1606
1649
  "icon-warning-prominent"?: any;
1650
+ "icon-warning-subtle"?: any;
1607
1651
  "text-danger"?: any;
1608
1652
  "text-danger-active"?: any;
1609
1653
  "text-danger-hover"?: any;
@@ -1625,7 +1669,11 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1625
1669
  "text-primary-inverted-subtle"?: any;
1626
1670
  "text-primary-selected"?: any;
1627
1671
  "text-success"?: any;
1672
+ "text-success-active"?: any;
1673
+ "text-success-hover"?: any;
1674
+ "text-success-inverted"?: any;
1628
1675
  "text-warning"?: any;
1676
+ "text-warning-subtle"?: any;
1629
1677
  };
1630
1678
  'font-sizes': {
1631
1679
  readonly 150: "0.75rem";
@@ -1654,8 +1702,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1654
1702
  readonly 200: "16px";
1655
1703
  };
1656
1704
  shadows: {
1657
- readonly 50: "0 4px 16px #05003812";
1658
- readonly 100: "0 8px 32px #05003808";
1659
1705
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1660
1706
  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";
1661
1707
  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";
@@ -1669,7 +1715,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1669
1715
  readonly 'icon-400': "32px";
1670
1716
  };
1671
1717
  space: {
1672
- readonly 0: 0;
1718
+ readonly 0: "0px";
1719
+ readonly 25: "2px";
1673
1720
  readonly 50: "4px";
1674
1721
  readonly 100: "8px";
1675
1722
  readonly 150: "12px";
@@ -1699,6 +1746,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1699
1746
  readonly 300: any;
1700
1747
  readonly 400: any;
1701
1748
  readonly 600: any;
1749
+ readonly 700: any;
1702
1750
  readonly 800: any;
1703
1751
  readonly 1200: any;
1704
1752
  readonly 1600: any;
@@ -2032,6 +2080,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2032
2080
  "background-primary-subtle-pressed-hover"?: any;
2033
2081
  "background-primary-subtle-selected"?: any;
2034
2082
  "background-success"?: any;
2083
+ "background-success-prominent"?: any;
2084
+ "background-success-prominent-active"?: any;
2085
+ "background-success-prominent-hover"?: any;
2035
2086
  "background-warning-prominent"?: any;
2036
2087
  "background-warning-subtle"?: any;
2037
2088
  "border-danger"?: any;
@@ -2060,6 +2111,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2060
2111
  "border-primary-hover"?: any;
2061
2112
  "border-primary-inverted"?: any;
2062
2113
  "border-success"?: any;
2114
+ "border-success-active"?: any;
2115
+ "border-success-hover"?: any;
2063
2116
  "border-warning"?: any;
2064
2117
  "icon-danger"?: any;
2065
2118
  "icon-danger-active"?: any;
@@ -2079,9 +2132,12 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2079
2132
  "icon-primary-inverted"?: any;
2080
2133
  "icon-primary-selected"?: any;
2081
2134
  "icon-success"?: any;
2135
+ "icon-success-active"?: any;
2136
+ "icon-success-hover"?: any;
2082
2137
  "icon-success-inverted"?: any;
2083
2138
  "icon-warning"?: any;
2084
2139
  "icon-warning-prominent"?: any;
2140
+ "icon-warning-subtle"?: any;
2085
2141
  "text-danger"?: any;
2086
2142
  "text-danger-active"?: any;
2087
2143
  "text-danger-hover"?: any;
@@ -2103,7 +2159,11 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2103
2159
  "text-primary-inverted-subtle"?: any;
2104
2160
  "text-primary-selected"?: any;
2105
2161
  "text-success"?: any;
2162
+ "text-success-active"?: any;
2163
+ "text-success-hover"?: any;
2164
+ "text-success-inverted"?: any;
2106
2165
  "text-warning"?: any;
2166
+ "text-warning-subtle"?: any;
2107
2167
  };
2108
2168
  'font-sizes': {
2109
2169
  readonly 150: "0.75rem";
@@ -2132,8 +2192,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2132
2192
  readonly 200: "16px";
2133
2193
  };
2134
2194
  shadows: {
2135
- readonly 50: "0 4px 16px #05003812";
2136
- readonly 100: "0 8px 32px #05003808";
2137
2195
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
2138
2196
  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";
2139
2197
  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";
@@ -2147,7 +2205,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2147
2205
  readonly 'icon-400': "32px";
2148
2206
  };
2149
2207
  space: {
2150
- readonly 0: 0;
2208
+ readonly 0: "0px";
2209
+ readonly 25: "2px";
2151
2210
  readonly 50: "4px";
2152
2211
  readonly 100: "8px";
2153
2212
  readonly 150: "12px";
@@ -2177,6 +2236,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2177
2236
  readonly 300: any;
2178
2237
  readonly 400: any;
2179
2238
  readonly 600: any;
2239
+ readonly 700: any;
2180
2240
  readonly 800: any;
2181
2241
  readonly 1200: any;
2182
2242
  readonly 1600: any;
@@ -2510,6 +2570,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2510
2570
  "background-primary-subtle-pressed-hover"?: any;
2511
2571
  "background-primary-subtle-selected"?: any;
2512
2572
  "background-success"?: any;
2573
+ "background-success-prominent"?: any;
2574
+ "background-success-prominent-active"?: any;
2575
+ "background-success-prominent-hover"?: any;
2513
2576
  "background-warning-prominent"?: any;
2514
2577
  "background-warning-subtle"?: any;
2515
2578
  "border-danger"?: any;
@@ -2538,6 +2601,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2538
2601
  "border-primary-hover"?: any;
2539
2602
  "border-primary-inverted"?: any;
2540
2603
  "border-success"?: any;
2604
+ "border-success-active"?: any;
2605
+ "border-success-hover"?: any;
2541
2606
  "border-warning"?: any;
2542
2607
  "icon-danger"?: any;
2543
2608
  "icon-danger-active"?: any;
@@ -2557,9 +2622,12 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2557
2622
  "icon-primary-inverted"?: any;
2558
2623
  "icon-primary-selected"?: any;
2559
2624
  "icon-success"?: any;
2625
+ "icon-success-active"?: any;
2626
+ "icon-success-hover"?: any;
2560
2627
  "icon-success-inverted"?: any;
2561
2628
  "icon-warning"?: any;
2562
2629
  "icon-warning-prominent"?: any;
2630
+ "icon-warning-subtle"?: any;
2563
2631
  "text-danger"?: any;
2564
2632
  "text-danger-active"?: any;
2565
2633
  "text-danger-hover"?: any;
@@ -2581,7 +2649,11 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2581
2649
  "text-primary-inverted-subtle"?: any;
2582
2650
  "text-primary-selected"?: any;
2583
2651
  "text-success"?: any;
2652
+ "text-success-active"?: any;
2653
+ "text-success-hover"?: any;
2654
+ "text-success-inverted"?: any;
2584
2655
  "text-warning"?: any;
2656
+ "text-warning-subtle"?: any;
2585
2657
  };
2586
2658
  'font-sizes': {
2587
2659
  readonly 150: "0.75rem";
@@ -2610,8 +2682,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2610
2682
  readonly 200: "16px";
2611
2683
  };
2612
2684
  shadows: {
2613
- readonly 50: "0 4px 16px #05003812";
2614
- readonly 100: "0 8px 32px #05003808";
2615
2685
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
2616
2686
  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";
2617
2687
  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";
@@ -2625,7 +2695,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2625
2695
  readonly 'icon-400': "32px";
2626
2696
  };
2627
2697
  space: {
2628
- readonly 0: 0;
2698
+ readonly 0: "0px";
2699
+ readonly 25: "2px";
2629
2700
  readonly 50: "4px";
2630
2701
  readonly 100: "8px";
2631
2702
  readonly 150: "12px";
@@ -2655,6 +2726,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2655
2726
  readonly 300: any;
2656
2727
  readonly 400: any;
2657
2728
  readonly 600: any;
2729
+ readonly 700: any;
2658
2730
  readonly 800: any;
2659
2731
  readonly 1200: any;
2660
2732
  readonly 1600: any;
@@ -3101,6 +3173,9 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3101
3173
  "background-primary-subtle-pressed-hover"?: any;
3102
3174
  "background-primary-subtle-selected"?: any;
3103
3175
  "background-success"?: any;
3176
+ "background-success-prominent"?: any;
3177
+ "background-success-prominent-active"?: any;
3178
+ "background-success-prominent-hover"?: any;
3104
3179
  "background-warning-prominent"?: any;
3105
3180
  "background-warning-subtle"?: any;
3106
3181
  "border-danger"?: any;
@@ -3129,6 +3204,8 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3129
3204
  "border-primary-hover"?: any;
3130
3205
  "border-primary-inverted"?: any;
3131
3206
  "border-success"?: any;
3207
+ "border-success-active"?: any;
3208
+ "border-success-hover"?: any;
3132
3209
  "border-warning"?: any;
3133
3210
  "icon-danger"?: any;
3134
3211
  "icon-danger-active"?: any;
@@ -3148,9 +3225,12 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3148
3225
  "icon-primary-inverted"?: any;
3149
3226
  "icon-primary-selected"?: any;
3150
3227
  "icon-success"?: any;
3228
+ "icon-success-active"?: any;
3229
+ "icon-success-hover"?: any;
3151
3230
  "icon-success-inverted"?: any;
3152
3231
  "icon-warning"?: any;
3153
3232
  "icon-warning-prominent"?: any;
3233
+ "icon-warning-subtle"?: any;
3154
3234
  "text-danger"?: any;
3155
3235
  "text-danger-active"?: any;
3156
3236
  "text-danger-hover"?: any;
@@ -3172,7 +3252,11 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3172
3252
  "text-primary-inverted-subtle"?: any;
3173
3253
  "text-primary-selected"?: any;
3174
3254
  "text-success"?: any;
3255
+ "text-success-active"?: any;
3256
+ "text-success-hover"?: any;
3257
+ "text-success-inverted"?: any;
3175
3258
  "text-warning"?: any;
3259
+ "text-warning-subtle"?: any;
3176
3260
  };
3177
3261
  'font-sizes': {
3178
3262
  readonly 150: "0.75rem";
@@ -3201,8 +3285,6 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3201
3285
  readonly 200: "16px";
3202
3286
  };
3203
3287
  shadows: {
3204
- readonly 50: "0 4px 16px #05003812";
3205
- readonly 100: "0 8px 32px #05003808";
3206
3288
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3207
3289
  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";
3208
3290
  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";
@@ -3216,7 +3298,8 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3216
3298
  readonly 'icon-400': "32px";
3217
3299
  };
3218
3300
  space: {
3219
- readonly 0: 0;
3301
+ readonly 0: "0px";
3302
+ readonly 25: "2px";
3220
3303
  readonly 50: "4px";
3221
3304
  readonly 100: "8px";
3222
3305
  readonly 150: "12px";
@@ -3246,6 +3329,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3246
3329
  readonly 300: any;
3247
3330
  readonly 400: any;
3248
3331
  readonly 600: any;
3332
+ readonly 700: any;
3249
3333
  readonly 800: any;
3250
3334
  readonly 1200: any;
3251
3335
  readonly 1600: any;
@@ -3631,6 +3715,9 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3631
3715
  "background-primary-subtle-pressed-hover"?: any;
3632
3716
  "background-primary-subtle-selected"?: any;
3633
3717
  "background-success"?: any;
3718
+ "background-success-prominent"?: any;
3719
+ "background-success-prominent-active"?: any;
3720
+ "background-success-prominent-hover"?: any;
3634
3721
  "background-warning-prominent"?: any;
3635
3722
  "background-warning-subtle"?: any;
3636
3723
  "border-danger"?: any;
@@ -3659,6 +3746,8 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3659
3746
  "border-primary-hover"?: any;
3660
3747
  "border-primary-inverted"?: any;
3661
3748
  "border-success"?: any;
3749
+ "border-success-active"?: any;
3750
+ "border-success-hover"?: any;
3662
3751
  "border-warning"?: any;
3663
3752
  "icon-danger"?: any;
3664
3753
  "icon-danger-active"?: any;
@@ -3678,9 +3767,12 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3678
3767
  "icon-primary-inverted"?: any;
3679
3768
  "icon-primary-selected"?: any;
3680
3769
  "icon-success"?: any;
3770
+ "icon-success-active"?: any;
3771
+ "icon-success-hover"?: any;
3681
3772
  "icon-success-inverted"?: any;
3682
3773
  "icon-warning"?: any;
3683
3774
  "icon-warning-prominent"?: any;
3775
+ "icon-warning-subtle"?: any;
3684
3776
  "text-danger"?: any;
3685
3777
  "text-danger-active"?: any;
3686
3778
  "text-danger-hover"?: any;
@@ -3702,7 +3794,11 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3702
3794
  "text-primary-inverted-subtle"?: any;
3703
3795
  "text-primary-selected"?: any;
3704
3796
  "text-success"?: any;
3797
+ "text-success-active"?: any;
3798
+ "text-success-hover"?: any;
3799
+ "text-success-inverted"?: any;
3705
3800
  "text-warning"?: any;
3801
+ "text-warning-subtle"?: any;
3706
3802
  };
3707
3803
  'font-sizes': {
3708
3804
  readonly 150: "0.75rem";
@@ -3731,8 +3827,6 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3731
3827
  readonly 200: "16px";
3732
3828
  };
3733
3829
  shadows: {
3734
- readonly 50: "0 4px 16px #05003812";
3735
- readonly 100: "0 8px 32px #05003808";
3736
3830
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3737
3831
  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";
3738
3832
  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";
@@ -3746,7 +3840,8 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3746
3840
  readonly 'icon-400': "32px";
3747
3841
  };
3748
3842
  space: {
3749
- readonly 0: 0;
3843
+ readonly 0: "0px";
3844
+ readonly 25: "2px";
3750
3845
  readonly 50: "4px";
3751
3846
  readonly 100: "8px";
3752
3847
  readonly 150: "12px";
@@ -3776,6 +3871,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3776
3871
  readonly 300: any;
3777
3872
  readonly 400: any;
3778
3873
  readonly 600: any;
3874
+ readonly 700: any;
3779
3875
  readonly 800: any;
3780
3876
  readonly 1200: any;
3781
3877
  readonly 1600: any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-icon-button",
3
- "version": "1.3.15",
3
+ "version": "1.3.17",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,10 +26,10 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-system-badge": "^0.3.20",
30
- "@mirohq/design-system-stitches": "^2.3.12",
31
- "@mirohq/design-system-tooltip": "^3.2.27",
32
- "@mirohq/design-system-base-button": "^0.4.22"
29
+ "@mirohq/design-system-badge": "^0.3.22",
30
+ "@mirohq/design-system-base-button": "^0.4.24",
31
+ "@mirohq/design-system-stitches": "^2.3.14",
32
+ "@mirohq/design-system-tooltip": "^3.2.29"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "rollup -c ../../../rollup.config.js",