@mirohq/design-system-icon-button 1.3.16 → 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 +104 -0
  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";
@@ -242,6 +254,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
242
254
  };
243
255
  space: {
244
256
  readonly 0: "0px";
257
+ readonly 25: "2px";
245
258
  readonly 50: "4px";
246
259
  readonly 100: "8px";
247
260
  readonly 150: "12px";
@@ -601,6 +614,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
601
614
  "background-primary-subtle-pressed-hover"?: any;
602
615
  "background-primary-subtle-selected"?: any;
603
616
  "background-success"?: any;
617
+ "background-success-prominent"?: any;
618
+ "background-success-prominent-active"?: any;
619
+ "background-success-prominent-hover"?: any;
604
620
  "background-warning-prominent"?: any;
605
621
  "background-warning-subtle"?: any;
606
622
  "border-danger"?: any;
@@ -629,6 +645,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
629
645
  "border-primary-hover"?: any;
630
646
  "border-primary-inverted"?: any;
631
647
  "border-success"?: any;
648
+ "border-success-active"?: any;
649
+ "border-success-hover"?: any;
632
650
  "border-warning"?: any;
633
651
  "icon-danger"?: any;
634
652
  "icon-danger-active"?: any;
@@ -648,9 +666,12 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
648
666
  "icon-primary-inverted"?: any;
649
667
  "icon-primary-selected"?: any;
650
668
  "icon-success"?: any;
669
+ "icon-success-active"?: any;
670
+ "icon-success-hover"?: any;
651
671
  "icon-success-inverted"?: any;
652
672
  "icon-warning"?: any;
653
673
  "icon-warning-prominent"?: any;
674
+ "icon-warning-subtle"?: any;
654
675
  "text-danger"?: any;
655
676
  "text-danger-active"?: any;
656
677
  "text-danger-hover"?: any;
@@ -672,7 +693,11 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
672
693
  "text-primary-inverted-subtle"?: any;
673
694
  "text-primary-selected"?: any;
674
695
  "text-success"?: any;
696
+ "text-success-active"?: any;
697
+ "text-success-hover"?: any;
698
+ "text-success-inverted"?: any;
675
699
  "text-warning"?: any;
700
+ "text-warning-subtle"?: any;
676
701
  };
677
702
  'font-sizes': {
678
703
  readonly 150: "0.75rem";
@@ -715,6 +740,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
715
740
  };
716
741
  space: {
717
742
  readonly 0: "0px";
743
+ readonly 25: "2px";
718
744
  readonly 50: "4px";
719
745
  readonly 100: "8px";
720
746
  readonly 150: "12px";
@@ -1076,6 +1102,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1076
1102
  "background-primary-subtle-pressed-hover"?: any;
1077
1103
  "background-primary-subtle-selected"?: any;
1078
1104
  "background-success"?: any;
1105
+ "background-success-prominent"?: any;
1106
+ "background-success-prominent-active"?: any;
1107
+ "background-success-prominent-hover"?: any;
1079
1108
  "background-warning-prominent"?: any;
1080
1109
  "background-warning-subtle"?: any;
1081
1110
  "border-danger"?: any;
@@ -1104,6 +1133,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1104
1133
  "border-primary-hover"?: any;
1105
1134
  "border-primary-inverted"?: any;
1106
1135
  "border-success"?: any;
1136
+ "border-success-active"?: any;
1137
+ "border-success-hover"?: any;
1107
1138
  "border-warning"?: any;
1108
1139
  "icon-danger"?: any;
1109
1140
  "icon-danger-active"?: any;
@@ -1123,9 +1154,12 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1123
1154
  "icon-primary-inverted"?: any;
1124
1155
  "icon-primary-selected"?: any;
1125
1156
  "icon-success"?: any;
1157
+ "icon-success-active"?: any;
1158
+ "icon-success-hover"?: any;
1126
1159
  "icon-success-inverted"?: any;
1127
1160
  "icon-warning"?: any;
1128
1161
  "icon-warning-prominent"?: any;
1162
+ "icon-warning-subtle"?: any;
1129
1163
  "text-danger"?: any;
1130
1164
  "text-danger-active"?: any;
1131
1165
  "text-danger-hover"?: any;
@@ -1147,7 +1181,11 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1147
1181
  "text-primary-inverted-subtle"?: any;
1148
1182
  "text-primary-selected"?: any;
1149
1183
  "text-success"?: any;
1184
+ "text-success-active"?: any;
1185
+ "text-success-hover"?: any;
1186
+ "text-success-inverted"?: any;
1150
1187
  "text-warning"?: any;
1188
+ "text-warning-subtle"?: any;
1151
1189
  };
1152
1190
  'font-sizes': {
1153
1191
  readonly 150: "0.75rem";
@@ -1190,6 +1228,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1190
1228
  };
1191
1229
  space: {
1192
1230
  readonly 0: "0px";
1231
+ readonly 25: "2px";
1193
1232
  readonly 50: "4px";
1194
1233
  readonly 100: "8px";
1195
1234
  readonly 150: "12px";
@@ -1551,6 +1590,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1551
1590
  "background-primary-subtle-pressed-hover"?: any;
1552
1591
  "background-primary-subtle-selected"?: any;
1553
1592
  "background-success"?: any;
1593
+ "background-success-prominent"?: any;
1594
+ "background-success-prominent-active"?: any;
1595
+ "background-success-prominent-hover"?: any;
1554
1596
  "background-warning-prominent"?: any;
1555
1597
  "background-warning-subtle"?: any;
1556
1598
  "border-danger"?: any;
@@ -1579,6 +1621,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1579
1621
  "border-primary-hover"?: any;
1580
1622
  "border-primary-inverted"?: any;
1581
1623
  "border-success"?: any;
1624
+ "border-success-active"?: any;
1625
+ "border-success-hover"?: any;
1582
1626
  "border-warning"?: any;
1583
1627
  "icon-danger"?: any;
1584
1628
  "icon-danger-active"?: any;
@@ -1598,9 +1642,12 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1598
1642
  "icon-primary-inverted"?: any;
1599
1643
  "icon-primary-selected"?: any;
1600
1644
  "icon-success"?: any;
1645
+ "icon-success-active"?: any;
1646
+ "icon-success-hover"?: any;
1601
1647
  "icon-success-inverted"?: any;
1602
1648
  "icon-warning"?: any;
1603
1649
  "icon-warning-prominent"?: any;
1650
+ "icon-warning-subtle"?: any;
1604
1651
  "text-danger"?: any;
1605
1652
  "text-danger-active"?: any;
1606
1653
  "text-danger-hover"?: any;
@@ -1622,7 +1669,11 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1622
1669
  "text-primary-inverted-subtle"?: any;
1623
1670
  "text-primary-selected"?: any;
1624
1671
  "text-success"?: any;
1672
+ "text-success-active"?: any;
1673
+ "text-success-hover"?: any;
1674
+ "text-success-inverted"?: any;
1625
1675
  "text-warning"?: any;
1676
+ "text-warning-subtle"?: any;
1626
1677
  };
1627
1678
  'font-sizes': {
1628
1679
  readonly 150: "0.75rem";
@@ -1665,6 +1716,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
1665
1716
  };
1666
1717
  space: {
1667
1718
  readonly 0: "0px";
1719
+ readonly 25: "2px";
1668
1720
  readonly 50: "4px";
1669
1721
  readonly 100: "8px";
1670
1722
  readonly 150: "12px";
@@ -2028,6 +2080,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2028
2080
  "background-primary-subtle-pressed-hover"?: any;
2029
2081
  "background-primary-subtle-selected"?: any;
2030
2082
  "background-success"?: any;
2083
+ "background-success-prominent"?: any;
2084
+ "background-success-prominent-active"?: any;
2085
+ "background-success-prominent-hover"?: any;
2031
2086
  "background-warning-prominent"?: any;
2032
2087
  "background-warning-subtle"?: any;
2033
2088
  "border-danger"?: any;
@@ -2056,6 +2111,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2056
2111
  "border-primary-hover"?: any;
2057
2112
  "border-primary-inverted"?: any;
2058
2113
  "border-success"?: any;
2114
+ "border-success-active"?: any;
2115
+ "border-success-hover"?: any;
2059
2116
  "border-warning"?: any;
2060
2117
  "icon-danger"?: any;
2061
2118
  "icon-danger-active"?: any;
@@ -2075,9 +2132,12 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2075
2132
  "icon-primary-inverted"?: any;
2076
2133
  "icon-primary-selected"?: any;
2077
2134
  "icon-success"?: any;
2135
+ "icon-success-active"?: any;
2136
+ "icon-success-hover"?: any;
2078
2137
  "icon-success-inverted"?: any;
2079
2138
  "icon-warning"?: any;
2080
2139
  "icon-warning-prominent"?: any;
2140
+ "icon-warning-subtle"?: any;
2081
2141
  "text-danger"?: any;
2082
2142
  "text-danger-active"?: any;
2083
2143
  "text-danger-hover"?: any;
@@ -2099,7 +2159,11 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2099
2159
  "text-primary-inverted-subtle"?: any;
2100
2160
  "text-primary-selected"?: any;
2101
2161
  "text-success"?: any;
2162
+ "text-success-active"?: any;
2163
+ "text-success-hover"?: any;
2164
+ "text-success-inverted"?: any;
2102
2165
  "text-warning"?: any;
2166
+ "text-warning-subtle"?: any;
2103
2167
  };
2104
2168
  'font-sizes': {
2105
2169
  readonly 150: "0.75rem";
@@ -2142,6 +2206,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2142
2206
  };
2143
2207
  space: {
2144
2208
  readonly 0: "0px";
2209
+ readonly 25: "2px";
2145
2210
  readonly 50: "4px";
2146
2211
  readonly 100: "8px";
2147
2212
  readonly 150: "12px";
@@ -2505,6 +2570,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2505
2570
  "background-primary-subtle-pressed-hover"?: any;
2506
2571
  "background-primary-subtle-selected"?: any;
2507
2572
  "background-success"?: any;
2573
+ "background-success-prominent"?: any;
2574
+ "background-success-prominent-active"?: any;
2575
+ "background-success-prominent-hover"?: any;
2508
2576
  "background-warning-prominent"?: any;
2509
2577
  "background-warning-subtle"?: any;
2510
2578
  "border-danger"?: any;
@@ -2533,6 +2601,8 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2533
2601
  "border-primary-hover"?: any;
2534
2602
  "border-primary-inverted"?: any;
2535
2603
  "border-success"?: any;
2604
+ "border-success-active"?: any;
2605
+ "border-success-hover"?: any;
2536
2606
  "border-warning"?: any;
2537
2607
  "icon-danger"?: any;
2538
2608
  "icon-danger-active"?: any;
@@ -2552,9 +2622,12 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2552
2622
  "icon-primary-inverted"?: any;
2553
2623
  "icon-primary-selected"?: any;
2554
2624
  "icon-success"?: any;
2625
+ "icon-success-active"?: any;
2626
+ "icon-success-hover"?: any;
2555
2627
  "icon-success-inverted"?: any;
2556
2628
  "icon-warning"?: any;
2557
2629
  "icon-warning-prominent"?: any;
2630
+ "icon-warning-subtle"?: any;
2558
2631
  "text-danger"?: any;
2559
2632
  "text-danger-active"?: any;
2560
2633
  "text-danger-hover"?: any;
@@ -2576,7 +2649,11 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2576
2649
  "text-primary-inverted-subtle"?: any;
2577
2650
  "text-primary-selected"?: any;
2578
2651
  "text-success"?: any;
2652
+ "text-success-active"?: any;
2653
+ "text-success-hover"?: any;
2654
+ "text-success-inverted"?: any;
2579
2655
  "text-warning"?: any;
2656
+ "text-warning-subtle"?: any;
2580
2657
  };
2581
2658
  'font-sizes': {
2582
2659
  readonly 150: "0.75rem";
@@ -2619,6 +2696,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<{
2619
2696
  };
2620
2697
  space: {
2621
2698
  readonly 0: "0px";
2699
+ readonly 25: "2px";
2622
2700
  readonly 50: "4px";
2623
2701
  readonly 100: "8px";
2624
2702
  readonly 150: "12px";
@@ -3095,6 +3173,9 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3095
3173
  "background-primary-subtle-pressed-hover"?: any;
3096
3174
  "background-primary-subtle-selected"?: any;
3097
3175
  "background-success"?: any;
3176
+ "background-success-prominent"?: any;
3177
+ "background-success-prominent-active"?: any;
3178
+ "background-success-prominent-hover"?: any;
3098
3179
  "background-warning-prominent"?: any;
3099
3180
  "background-warning-subtle"?: any;
3100
3181
  "border-danger"?: any;
@@ -3123,6 +3204,8 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3123
3204
  "border-primary-hover"?: any;
3124
3205
  "border-primary-inverted"?: any;
3125
3206
  "border-success"?: any;
3207
+ "border-success-active"?: any;
3208
+ "border-success-hover"?: any;
3126
3209
  "border-warning"?: any;
3127
3210
  "icon-danger"?: any;
3128
3211
  "icon-danger-active"?: any;
@@ -3142,9 +3225,12 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3142
3225
  "icon-primary-inverted"?: any;
3143
3226
  "icon-primary-selected"?: any;
3144
3227
  "icon-success"?: any;
3228
+ "icon-success-active"?: any;
3229
+ "icon-success-hover"?: any;
3145
3230
  "icon-success-inverted"?: any;
3146
3231
  "icon-warning"?: any;
3147
3232
  "icon-warning-prominent"?: any;
3233
+ "icon-warning-subtle"?: any;
3148
3234
  "text-danger"?: any;
3149
3235
  "text-danger-active"?: any;
3150
3236
  "text-danger-hover"?: any;
@@ -3166,7 +3252,11 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3166
3252
  "text-primary-inverted-subtle"?: any;
3167
3253
  "text-primary-selected"?: any;
3168
3254
  "text-success"?: any;
3255
+ "text-success-active"?: any;
3256
+ "text-success-hover"?: any;
3257
+ "text-success-inverted"?: any;
3169
3258
  "text-warning"?: any;
3259
+ "text-warning-subtle"?: any;
3170
3260
  };
3171
3261
  'font-sizes': {
3172
3262
  readonly 150: "0.75rem";
@@ -3209,6 +3299,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3209
3299
  };
3210
3300
  space: {
3211
3301
  readonly 0: "0px";
3302
+ readonly 25: "2px";
3212
3303
  readonly 50: "4px";
3213
3304
  readonly 100: "8px";
3214
3305
  readonly 150: "12px";
@@ -3624,6 +3715,9 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3624
3715
  "background-primary-subtle-pressed-hover"?: any;
3625
3716
  "background-primary-subtle-selected"?: any;
3626
3717
  "background-success"?: any;
3718
+ "background-success-prominent"?: any;
3719
+ "background-success-prominent-active"?: any;
3720
+ "background-success-prominent-hover"?: any;
3627
3721
  "background-warning-prominent"?: any;
3628
3722
  "background-warning-subtle"?: any;
3629
3723
  "border-danger"?: any;
@@ -3652,6 +3746,8 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3652
3746
  "border-primary-hover"?: any;
3653
3747
  "border-primary-inverted"?: any;
3654
3748
  "border-success"?: any;
3749
+ "border-success-active"?: any;
3750
+ "border-success-hover"?: any;
3655
3751
  "border-warning"?: any;
3656
3752
  "icon-danger"?: any;
3657
3753
  "icon-danger-active"?: any;
@@ -3671,9 +3767,12 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3671
3767
  "icon-primary-inverted"?: any;
3672
3768
  "icon-primary-selected"?: any;
3673
3769
  "icon-success"?: any;
3770
+ "icon-success-active"?: any;
3771
+ "icon-success-hover"?: any;
3674
3772
  "icon-success-inverted"?: any;
3675
3773
  "icon-warning"?: any;
3676
3774
  "icon-warning-prominent"?: any;
3775
+ "icon-warning-subtle"?: any;
3677
3776
  "text-danger"?: any;
3678
3777
  "text-danger-active"?: any;
3679
3778
  "text-danger-hover"?: any;
@@ -3695,7 +3794,11 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3695
3794
  "text-primary-inverted-subtle"?: any;
3696
3795
  "text-primary-selected"?: any;
3697
3796
  "text-success"?: any;
3797
+ "text-success-active"?: any;
3798
+ "text-success-hover"?: any;
3799
+ "text-success-inverted"?: any;
3698
3800
  "text-warning"?: any;
3801
+ "text-warning-subtle"?: any;
3699
3802
  };
3700
3803
  'font-sizes': {
3701
3804
  readonly 150: "0.75rem";
@@ -3738,6 +3841,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3738
3841
  };
3739
3842
  space: {
3740
3843
  readonly 0: "0px";
3844
+ readonly 25: "2px";
3741
3845
  readonly 50: "4px";
3742
3846
  readonly 100: "8px";
3743
3847
  readonly 150: "12px";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-icon-button",
3
- "version": "1.3.16",
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.21",
30
- "@mirohq/design-system-base-button": "^0.4.23",
31
- "@mirohq/design-system-stitches": "^2.3.13",
32
- "@mirohq/design-system-tooltip": "^3.2.28"
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",