@khanacademy/wonder-blocks-icon-button 4.2.1 → 5.0.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.
@@ -46,25 +46,24 @@ exports[`IconButtonCore kind:primary color:default size:medium light:false disab
46
46
  tabIndex={-1}
47
47
  type="button"
48
48
  >
49
- <svg
49
+ <span
50
50
  className=""
51
- height={24}
52
51
  style={
53
52
  {
53
+ "backgroundColor": "currentColor",
54
54
  "display": "inline-block",
55
55
  "flexGrow": 0,
56
56
  "flexShrink": 0,
57
+ "height": 24,
58
+ "maskImage": "url([object Object])",
59
+ "maskPosition": "center",
60
+ "maskRepeat": "no-repeat",
61
+ "maskSize": "100%",
57
62
  "verticalAlign": "text-bottom",
63
+ "width": 24,
58
64
  }
59
65
  }
60
- viewBox="0 0 24 24"
61
- width={24}
62
- >
63
- <path
64
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
65
- fill="currentColor"
66
- />
67
- </svg>
66
+ />
68
67
  </button>
69
68
  `;
70
69
 
@@ -118,25 +117,24 @@ exports[`IconButtonCore kind:primary color:default size:medium light:false focus
118
117
  tabIndex={0}
119
118
  type="button"
120
119
  >
121
- <svg
120
+ <span
122
121
  className=""
123
- height={24}
124
122
  style={
125
123
  {
124
+ "backgroundColor": "currentColor",
126
125
  "display": "inline-block",
127
126
  "flexGrow": 0,
128
127
  "flexShrink": 0,
128
+ "height": 24,
129
+ "maskImage": "url([object Object])",
130
+ "maskPosition": "center",
131
+ "maskRepeat": "no-repeat",
132
+ "maskSize": "100%",
129
133
  "verticalAlign": "text-bottom",
134
+ "width": 24,
130
135
  }
131
136
  }
132
- viewBox="0 0 24 24"
133
- width={24}
134
- >
135
- <path
136
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
137
- fill="currentColor"
138
- />
139
- </svg>
137
+ />
140
138
  </button>
141
139
  `;
142
140
 
@@ -190,25 +188,24 @@ exports[`IconButtonCore kind:primary color:default size:medium light:false hover
190
188
  tabIndex={0}
191
189
  type="button"
192
190
  >
193
- <svg
191
+ <span
194
192
  className=""
195
- height={24}
196
193
  style={
197
194
  {
195
+ "backgroundColor": "currentColor",
198
196
  "display": "inline-block",
199
197
  "flexGrow": 0,
200
198
  "flexShrink": 0,
199
+ "height": 24,
200
+ "maskImage": "url([object Object])",
201
+ "maskPosition": "center",
202
+ "maskRepeat": "no-repeat",
203
+ "maskSize": "100%",
201
204
  "verticalAlign": "text-bottom",
205
+ "width": 24,
202
206
  }
203
207
  }
204
- viewBox="0 0 24 24"
205
- width={24}
206
- >
207
- <path
208
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
209
- fill="currentColor"
210
- />
211
- </svg>
208
+ />
212
209
  </button>
213
210
  `;
214
211
 
@@ -262,25 +259,24 @@ exports[`IconButtonCore kind:primary color:default size:medium light:false press
262
259
  tabIndex={0}
263
260
  type="button"
264
261
  >
265
- <svg
262
+ <span
266
263
  className=""
267
- height={24}
268
264
  style={
269
265
  {
266
+ "backgroundColor": "currentColor",
270
267
  "display": "inline-block",
271
268
  "flexGrow": 0,
272
269
  "flexShrink": 0,
270
+ "height": 24,
271
+ "maskImage": "url([object Object])",
272
+ "maskPosition": "center",
273
+ "maskRepeat": "no-repeat",
274
+ "maskSize": "100%",
273
275
  "verticalAlign": "text-bottom",
276
+ "width": 24,
274
277
  }
275
278
  }
276
- viewBox="0 0 24 24"
277
- width={24}
278
- >
279
- <path
280
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
281
- fill="currentColor"
282
- />
283
- </svg>
279
+ />
284
280
  </button>
285
281
  `;
286
282
 
@@ -330,25 +326,24 @@ exports[`IconButtonCore kind:primary color:default size:medium light:true disabl
330
326
  tabIndex={-1}
331
327
  type="button"
332
328
  >
333
- <svg
329
+ <span
334
330
  className=""
335
- height={24}
336
331
  style={
337
332
  {
333
+ "backgroundColor": "currentColor",
338
334
  "display": "inline-block",
339
335
  "flexGrow": 0,
340
336
  "flexShrink": 0,
337
+ "height": 24,
338
+ "maskImage": "url([object Object])",
339
+ "maskPosition": "center",
340
+ "maskRepeat": "no-repeat",
341
+ "maskSize": "100%",
341
342
  "verticalAlign": "text-bottom",
343
+ "width": 24,
342
344
  }
343
345
  }
344
- viewBox="0 0 24 24"
345
- width={24}
346
- >
347
- <path
348
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
349
- fill="currentColor"
350
- />
351
- </svg>
346
+ />
352
347
  </button>
353
348
  `;
354
349
 
@@ -402,25 +397,24 @@ exports[`IconButtonCore kind:primary color:default size:medium light:true focuse
402
397
  tabIndex={0}
403
398
  type="button"
404
399
  >
405
- <svg
400
+ <span
406
401
  className=""
407
- height={24}
408
402
  style={
409
403
  {
404
+ "backgroundColor": "currentColor",
410
405
  "display": "inline-block",
411
406
  "flexGrow": 0,
412
407
  "flexShrink": 0,
408
+ "height": 24,
409
+ "maskImage": "url([object Object])",
410
+ "maskPosition": "center",
411
+ "maskRepeat": "no-repeat",
412
+ "maskSize": "100%",
413
413
  "verticalAlign": "text-bottom",
414
+ "width": 24,
414
415
  }
415
416
  }
416
- viewBox="0 0 24 24"
417
- width={24}
418
- >
419
- <path
420
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
421
- fill="currentColor"
422
- />
423
- </svg>
417
+ />
424
418
  </button>
425
419
  `;
426
420
 
@@ -474,25 +468,24 @@ exports[`IconButtonCore kind:primary color:default size:medium light:true hovere
474
468
  tabIndex={0}
475
469
  type="button"
476
470
  >
477
- <svg
471
+ <span
478
472
  className=""
479
- height={24}
480
473
  style={
481
474
  {
475
+ "backgroundColor": "currentColor",
482
476
  "display": "inline-block",
483
477
  "flexGrow": 0,
484
478
  "flexShrink": 0,
479
+ "height": 24,
480
+ "maskImage": "url([object Object])",
481
+ "maskPosition": "center",
482
+ "maskRepeat": "no-repeat",
483
+ "maskSize": "100%",
485
484
  "verticalAlign": "text-bottom",
485
+ "width": 24,
486
486
  }
487
487
  }
488
- viewBox="0 0 24 24"
489
- width={24}
490
- >
491
- <path
492
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
493
- fill="currentColor"
494
- />
495
- </svg>
488
+ />
496
489
  </button>
497
490
  `;
498
491
 
@@ -546,25 +539,24 @@ exports[`IconButtonCore kind:primary color:default size:medium light:true presse
546
539
  tabIndex={0}
547
540
  type="button"
548
541
  >
549
- <svg
542
+ <span
550
543
  className=""
551
- height={24}
552
544
  style={
553
545
  {
546
+ "backgroundColor": "currentColor",
554
547
  "display": "inline-block",
555
548
  "flexGrow": 0,
556
549
  "flexShrink": 0,
550
+ "height": 24,
551
+ "maskImage": "url([object Object])",
552
+ "maskPosition": "center",
553
+ "maskRepeat": "no-repeat",
554
+ "maskSize": "100%",
557
555
  "verticalAlign": "text-bottom",
556
+ "width": 24,
558
557
  }
559
558
  }
560
- viewBox="0 0 24 24"
561
- width={24}
562
- >
563
- <path
564
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
565
- fill="currentColor"
566
- />
567
- </svg>
559
+ />
568
560
  </button>
569
561
  `;
570
562
 
@@ -614,25 +606,24 @@ exports[`IconButtonCore kind:primary color:default size:small light:false disabl
614
606
  tabIndex={-1}
615
607
  type="button"
616
608
  >
617
- <svg
609
+ <span
618
610
  className=""
619
- height={24}
620
611
  style={
621
612
  {
613
+ "backgroundColor": "currentColor",
622
614
  "display": "inline-block",
623
615
  "flexGrow": 0,
624
616
  "flexShrink": 0,
617
+ "height": 24,
618
+ "maskImage": "url([object Object])",
619
+ "maskPosition": "center",
620
+ "maskRepeat": "no-repeat",
621
+ "maskSize": "100%",
625
622
  "verticalAlign": "text-bottom",
623
+ "width": 24,
626
624
  }
627
625
  }
628
- viewBox="0 0 24 24"
629
- width={24}
630
- >
631
- <path
632
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
633
- fill="currentColor"
634
- />
635
- </svg>
626
+ />
636
627
  </button>
637
628
  `;
638
629
 
@@ -686,25 +677,24 @@ exports[`IconButtonCore kind:primary color:default size:small light:false focuse
686
677
  tabIndex={0}
687
678
  type="button"
688
679
  >
689
- <svg
680
+ <span
690
681
  className=""
691
- height={24}
692
682
  style={
693
683
  {
684
+ "backgroundColor": "currentColor",
694
685
  "display": "inline-block",
695
686
  "flexGrow": 0,
696
687
  "flexShrink": 0,
688
+ "height": 24,
689
+ "maskImage": "url([object Object])",
690
+ "maskPosition": "center",
691
+ "maskRepeat": "no-repeat",
692
+ "maskSize": "100%",
697
693
  "verticalAlign": "text-bottom",
694
+ "width": 24,
698
695
  }
699
696
  }
700
- viewBox="0 0 24 24"
701
- width={24}
702
- >
703
- <path
704
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
705
- fill="currentColor"
706
- />
707
- </svg>
697
+ />
708
698
  </button>
709
699
  `;
710
700
 
@@ -758,25 +748,24 @@ exports[`IconButtonCore kind:primary color:default size:small light:false hovere
758
748
  tabIndex={0}
759
749
  type="button"
760
750
  >
761
- <svg
751
+ <span
762
752
  className=""
763
- height={24}
764
753
  style={
765
754
  {
755
+ "backgroundColor": "currentColor",
766
756
  "display": "inline-block",
767
757
  "flexGrow": 0,
768
758
  "flexShrink": 0,
759
+ "height": 24,
760
+ "maskImage": "url([object Object])",
761
+ "maskPosition": "center",
762
+ "maskRepeat": "no-repeat",
763
+ "maskSize": "100%",
769
764
  "verticalAlign": "text-bottom",
765
+ "width": 24,
770
766
  }
771
767
  }
772
- viewBox="0 0 24 24"
773
- width={24}
774
- >
775
- <path
776
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
777
- fill="currentColor"
778
- />
779
- </svg>
768
+ />
780
769
  </button>
781
770
  `;
782
771
 
@@ -830,25 +819,24 @@ exports[`IconButtonCore kind:primary color:default size:small light:false presse
830
819
  tabIndex={0}
831
820
  type="button"
832
821
  >
833
- <svg
822
+ <span
834
823
  className=""
835
- height={24}
836
824
  style={
837
825
  {
826
+ "backgroundColor": "currentColor",
838
827
  "display": "inline-block",
839
828
  "flexGrow": 0,
840
829
  "flexShrink": 0,
830
+ "height": 24,
831
+ "maskImage": "url([object Object])",
832
+ "maskPosition": "center",
833
+ "maskRepeat": "no-repeat",
834
+ "maskSize": "100%",
841
835
  "verticalAlign": "text-bottom",
836
+ "width": 24,
842
837
  }
843
838
  }
844
- viewBox="0 0 24 24"
845
- width={24}
846
- >
847
- <path
848
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
849
- fill="currentColor"
850
- />
851
- </svg>
839
+ />
852
840
  </button>
853
841
  `;
854
842
 
@@ -898,25 +886,24 @@ exports[`IconButtonCore kind:primary color:default size:small light:true disable
898
886
  tabIndex={-1}
899
887
  type="button"
900
888
  >
901
- <svg
889
+ <span
902
890
  className=""
903
- height={24}
904
891
  style={
905
892
  {
893
+ "backgroundColor": "currentColor",
906
894
  "display": "inline-block",
907
895
  "flexGrow": 0,
908
896
  "flexShrink": 0,
897
+ "height": 24,
898
+ "maskImage": "url([object Object])",
899
+ "maskPosition": "center",
900
+ "maskRepeat": "no-repeat",
901
+ "maskSize": "100%",
909
902
  "verticalAlign": "text-bottom",
903
+ "width": 24,
910
904
  }
911
905
  }
912
- viewBox="0 0 24 24"
913
- width={24}
914
- >
915
- <path
916
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
917
- fill="currentColor"
918
- />
919
- </svg>
906
+ />
920
907
  </button>
921
908
  `;
922
909
 
@@ -970,25 +957,24 @@ exports[`IconButtonCore kind:primary color:default size:small light:true focused
970
957
  tabIndex={0}
971
958
  type="button"
972
959
  >
973
- <svg
960
+ <span
974
961
  className=""
975
- height={24}
976
962
  style={
977
963
  {
964
+ "backgroundColor": "currentColor",
978
965
  "display": "inline-block",
979
966
  "flexGrow": 0,
980
967
  "flexShrink": 0,
968
+ "height": 24,
969
+ "maskImage": "url([object Object])",
970
+ "maskPosition": "center",
971
+ "maskRepeat": "no-repeat",
972
+ "maskSize": "100%",
981
973
  "verticalAlign": "text-bottom",
974
+ "width": 24,
982
975
  }
983
976
  }
984
- viewBox="0 0 24 24"
985
- width={24}
986
- >
987
- <path
988
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
989
- fill="currentColor"
990
- />
991
- </svg>
977
+ />
992
978
  </button>
993
979
  `;
994
980
 
@@ -1042,25 +1028,24 @@ exports[`IconButtonCore kind:primary color:default size:small light:true hovered
1042
1028
  tabIndex={0}
1043
1029
  type="button"
1044
1030
  >
1045
- <svg
1031
+ <span
1046
1032
  className=""
1047
- height={24}
1048
1033
  style={
1049
1034
  {
1035
+ "backgroundColor": "currentColor",
1050
1036
  "display": "inline-block",
1051
1037
  "flexGrow": 0,
1052
1038
  "flexShrink": 0,
1039
+ "height": 24,
1040
+ "maskImage": "url([object Object])",
1041
+ "maskPosition": "center",
1042
+ "maskRepeat": "no-repeat",
1043
+ "maskSize": "100%",
1053
1044
  "verticalAlign": "text-bottom",
1045
+ "width": 24,
1054
1046
  }
1055
1047
  }
1056
- viewBox="0 0 24 24"
1057
- width={24}
1058
- >
1059
- <path
1060
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
1061
- fill="currentColor"
1062
- />
1063
- </svg>
1048
+ />
1064
1049
  </button>
1065
1050
  `;
1066
1051
 
@@ -1114,25 +1099,24 @@ exports[`IconButtonCore kind:primary color:default size:small light:true pressed
1114
1099
  tabIndex={0}
1115
1100
  type="button"
1116
1101
  >
1117
- <svg
1102
+ <span
1118
1103
  className=""
1119
- height={24}
1120
1104
  style={
1121
1105
  {
1106
+ "backgroundColor": "currentColor",
1122
1107
  "display": "inline-block",
1123
1108
  "flexGrow": 0,
1124
1109
  "flexShrink": 0,
1110
+ "height": 24,
1111
+ "maskImage": "url([object Object])",
1112
+ "maskPosition": "center",
1113
+ "maskRepeat": "no-repeat",
1114
+ "maskSize": "100%",
1125
1115
  "verticalAlign": "text-bottom",
1116
+ "width": 24,
1126
1117
  }
1127
1118
  }
1128
- viewBox="0 0 24 24"
1129
- width={24}
1130
- >
1131
- <path
1132
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
1133
- fill="currentColor"
1134
- />
1135
- </svg>
1119
+ />
1136
1120
  </button>
1137
1121
  `;
1138
1122
 
@@ -1182,25 +1166,24 @@ exports[`IconButtonCore kind:primary color:default size:xsmall light:false disab
1182
1166
  tabIndex={-1}
1183
1167
  type="button"
1184
1168
  >
1185
- <svg
1169
+ <span
1186
1170
  className=""
1187
- height={16}
1188
1171
  style={
1189
1172
  {
1173
+ "backgroundColor": "currentColor",
1190
1174
  "display": "inline-block",
1191
1175
  "flexGrow": 0,
1192
1176
  "flexShrink": 0,
1177
+ "height": 16,
1178
+ "maskImage": "url([object Object])",
1179
+ "maskPosition": "center",
1180
+ "maskRepeat": "no-repeat",
1181
+ "maskSize": "100%",
1193
1182
  "verticalAlign": "text-bottom",
1183
+ "width": 16,
1194
1184
  }
1195
1185
  }
1196
- viewBox="0 0 16 16"
1197
- width={16}
1198
- >
1199
- <path
1200
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
1201
- fill="currentColor"
1202
- />
1203
- </svg>
1186
+ />
1204
1187
  </button>
1205
1188
  `;
1206
1189
 
@@ -1254,25 +1237,24 @@ exports[`IconButtonCore kind:primary color:default size:xsmall light:false focus
1254
1237
  tabIndex={0}
1255
1238
  type="button"
1256
1239
  >
1257
- <svg
1240
+ <span
1258
1241
  className=""
1259
- height={16}
1260
1242
  style={
1261
1243
  {
1244
+ "backgroundColor": "currentColor",
1262
1245
  "display": "inline-block",
1263
1246
  "flexGrow": 0,
1264
1247
  "flexShrink": 0,
1248
+ "height": 16,
1249
+ "maskImage": "url([object Object])",
1250
+ "maskPosition": "center",
1251
+ "maskRepeat": "no-repeat",
1252
+ "maskSize": "100%",
1265
1253
  "verticalAlign": "text-bottom",
1254
+ "width": 16,
1266
1255
  }
1267
1256
  }
1268
- viewBox="0 0 16 16"
1269
- width={16}
1270
- >
1271
- <path
1272
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
1273
- fill="currentColor"
1274
- />
1275
- </svg>
1257
+ />
1276
1258
  </button>
1277
1259
  `;
1278
1260
 
@@ -1326,25 +1308,24 @@ exports[`IconButtonCore kind:primary color:default size:xsmall light:false hover
1326
1308
  tabIndex={0}
1327
1309
  type="button"
1328
1310
  >
1329
- <svg
1311
+ <span
1330
1312
  className=""
1331
- height={16}
1332
1313
  style={
1333
1314
  {
1315
+ "backgroundColor": "currentColor",
1334
1316
  "display": "inline-block",
1335
1317
  "flexGrow": 0,
1336
1318
  "flexShrink": 0,
1319
+ "height": 16,
1320
+ "maskImage": "url([object Object])",
1321
+ "maskPosition": "center",
1322
+ "maskRepeat": "no-repeat",
1323
+ "maskSize": "100%",
1337
1324
  "verticalAlign": "text-bottom",
1325
+ "width": 16,
1338
1326
  }
1339
1327
  }
1340
- viewBox="0 0 16 16"
1341
- width={16}
1342
- >
1343
- <path
1344
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
1345
- fill="currentColor"
1346
- />
1347
- </svg>
1328
+ />
1348
1329
  </button>
1349
1330
  `;
1350
1331
 
@@ -1398,25 +1379,24 @@ exports[`IconButtonCore kind:primary color:default size:xsmall light:false press
1398
1379
  tabIndex={0}
1399
1380
  type="button"
1400
1381
  >
1401
- <svg
1382
+ <span
1402
1383
  className=""
1403
- height={16}
1404
1384
  style={
1405
1385
  {
1386
+ "backgroundColor": "currentColor",
1406
1387
  "display": "inline-block",
1407
1388
  "flexGrow": 0,
1408
1389
  "flexShrink": 0,
1390
+ "height": 16,
1391
+ "maskImage": "url([object Object])",
1392
+ "maskPosition": "center",
1393
+ "maskRepeat": "no-repeat",
1394
+ "maskSize": "100%",
1409
1395
  "verticalAlign": "text-bottom",
1396
+ "width": 16,
1410
1397
  }
1411
1398
  }
1412
- viewBox="0 0 16 16"
1413
- width={16}
1414
- >
1415
- <path
1416
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
1417
- fill="currentColor"
1418
- />
1419
- </svg>
1399
+ />
1420
1400
  </button>
1421
1401
  `;
1422
1402
 
@@ -1466,25 +1446,24 @@ exports[`IconButtonCore kind:primary color:default size:xsmall light:true disabl
1466
1446
  tabIndex={-1}
1467
1447
  type="button"
1468
1448
  >
1469
- <svg
1449
+ <span
1470
1450
  className=""
1471
- height={16}
1472
1451
  style={
1473
1452
  {
1453
+ "backgroundColor": "currentColor",
1474
1454
  "display": "inline-block",
1475
1455
  "flexGrow": 0,
1476
1456
  "flexShrink": 0,
1457
+ "height": 16,
1458
+ "maskImage": "url([object Object])",
1459
+ "maskPosition": "center",
1460
+ "maskRepeat": "no-repeat",
1461
+ "maskSize": "100%",
1477
1462
  "verticalAlign": "text-bottom",
1463
+ "width": 16,
1478
1464
  }
1479
1465
  }
1480
- viewBox="0 0 16 16"
1481
- width={16}
1482
- >
1483
- <path
1484
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
1485
- fill="currentColor"
1486
- />
1487
- </svg>
1466
+ />
1488
1467
  </button>
1489
1468
  `;
1490
1469
 
@@ -1538,25 +1517,24 @@ exports[`IconButtonCore kind:primary color:default size:xsmall light:true focuse
1538
1517
  tabIndex={0}
1539
1518
  type="button"
1540
1519
  >
1541
- <svg
1520
+ <span
1542
1521
  className=""
1543
- height={16}
1544
1522
  style={
1545
1523
  {
1524
+ "backgroundColor": "currentColor",
1546
1525
  "display": "inline-block",
1547
1526
  "flexGrow": 0,
1548
1527
  "flexShrink": 0,
1528
+ "height": 16,
1529
+ "maskImage": "url([object Object])",
1530
+ "maskPosition": "center",
1531
+ "maskRepeat": "no-repeat",
1532
+ "maskSize": "100%",
1549
1533
  "verticalAlign": "text-bottom",
1534
+ "width": 16,
1550
1535
  }
1551
1536
  }
1552
- viewBox="0 0 16 16"
1553
- width={16}
1554
- >
1555
- <path
1556
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
1557
- fill="currentColor"
1558
- />
1559
- </svg>
1537
+ />
1560
1538
  </button>
1561
1539
  `;
1562
1540
 
@@ -1610,25 +1588,24 @@ exports[`IconButtonCore kind:primary color:default size:xsmall light:true hovere
1610
1588
  tabIndex={0}
1611
1589
  type="button"
1612
1590
  >
1613
- <svg
1591
+ <span
1614
1592
  className=""
1615
- height={16}
1616
1593
  style={
1617
1594
  {
1595
+ "backgroundColor": "currentColor",
1618
1596
  "display": "inline-block",
1619
1597
  "flexGrow": 0,
1620
1598
  "flexShrink": 0,
1599
+ "height": 16,
1600
+ "maskImage": "url([object Object])",
1601
+ "maskPosition": "center",
1602
+ "maskRepeat": "no-repeat",
1603
+ "maskSize": "100%",
1621
1604
  "verticalAlign": "text-bottom",
1605
+ "width": 16,
1622
1606
  }
1623
1607
  }
1624
- viewBox="0 0 16 16"
1625
- width={16}
1626
- >
1627
- <path
1628
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
1629
- fill="currentColor"
1630
- />
1631
- </svg>
1608
+ />
1632
1609
  </button>
1633
1610
  `;
1634
1611
 
@@ -1682,25 +1659,24 @@ exports[`IconButtonCore kind:primary color:default size:xsmall light:true presse
1682
1659
  tabIndex={0}
1683
1660
  type="button"
1684
1661
  >
1685
- <svg
1662
+ <span
1686
1663
  className=""
1687
- height={16}
1688
1664
  style={
1689
1665
  {
1666
+ "backgroundColor": "currentColor",
1690
1667
  "display": "inline-block",
1691
1668
  "flexGrow": 0,
1692
1669
  "flexShrink": 0,
1670
+ "height": 16,
1671
+ "maskImage": "url([object Object])",
1672
+ "maskPosition": "center",
1673
+ "maskRepeat": "no-repeat",
1674
+ "maskSize": "100%",
1693
1675
  "verticalAlign": "text-bottom",
1676
+ "width": 16,
1694
1677
  }
1695
1678
  }
1696
- viewBox="0 0 16 16"
1697
- width={16}
1698
- >
1699
- <path
1700
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
1701
- fill="currentColor"
1702
- />
1703
- </svg>
1679
+ />
1704
1680
  </button>
1705
1681
  `;
1706
1682
 
@@ -1750,25 +1726,24 @@ exports[`IconButtonCore kind:primary color:destructive size:medium light:false d
1750
1726
  tabIndex={-1}
1751
1727
  type="button"
1752
1728
  >
1753
- <svg
1729
+ <span
1754
1730
  className=""
1755
- height={24}
1756
1731
  style={
1757
1732
  {
1733
+ "backgroundColor": "currentColor",
1758
1734
  "display": "inline-block",
1759
1735
  "flexGrow": 0,
1760
1736
  "flexShrink": 0,
1737
+ "height": 24,
1738
+ "maskImage": "url([object Object])",
1739
+ "maskPosition": "center",
1740
+ "maskRepeat": "no-repeat",
1741
+ "maskSize": "100%",
1761
1742
  "verticalAlign": "text-bottom",
1743
+ "width": 24,
1762
1744
  }
1763
1745
  }
1764
- viewBox="0 0 24 24"
1765
- width={24}
1766
- >
1767
- <path
1768
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
1769
- fill="currentColor"
1770
- />
1771
- </svg>
1746
+ />
1772
1747
  </button>
1773
1748
  `;
1774
1749
 
@@ -1822,25 +1797,24 @@ exports[`IconButtonCore kind:primary color:destructive size:medium light:false f
1822
1797
  tabIndex={0}
1823
1798
  type="button"
1824
1799
  >
1825
- <svg
1800
+ <span
1826
1801
  className=""
1827
- height={24}
1828
1802
  style={
1829
1803
  {
1804
+ "backgroundColor": "currentColor",
1830
1805
  "display": "inline-block",
1831
1806
  "flexGrow": 0,
1832
1807
  "flexShrink": 0,
1808
+ "height": 24,
1809
+ "maskImage": "url([object Object])",
1810
+ "maskPosition": "center",
1811
+ "maskRepeat": "no-repeat",
1812
+ "maskSize": "100%",
1833
1813
  "verticalAlign": "text-bottom",
1814
+ "width": 24,
1834
1815
  }
1835
1816
  }
1836
- viewBox="0 0 24 24"
1837
- width={24}
1838
- >
1839
- <path
1840
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
1841
- fill="currentColor"
1842
- />
1843
- </svg>
1817
+ />
1844
1818
  </button>
1845
1819
  `;
1846
1820
 
@@ -1894,25 +1868,24 @@ exports[`IconButtonCore kind:primary color:destructive size:medium light:false h
1894
1868
  tabIndex={0}
1895
1869
  type="button"
1896
1870
  >
1897
- <svg
1871
+ <span
1898
1872
  className=""
1899
- height={24}
1900
1873
  style={
1901
1874
  {
1875
+ "backgroundColor": "currentColor",
1902
1876
  "display": "inline-block",
1903
1877
  "flexGrow": 0,
1904
1878
  "flexShrink": 0,
1879
+ "height": 24,
1880
+ "maskImage": "url([object Object])",
1881
+ "maskPosition": "center",
1882
+ "maskRepeat": "no-repeat",
1883
+ "maskSize": "100%",
1905
1884
  "verticalAlign": "text-bottom",
1885
+ "width": 24,
1906
1886
  }
1907
1887
  }
1908
- viewBox="0 0 24 24"
1909
- width={24}
1910
- >
1911
- <path
1912
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
1913
- fill="currentColor"
1914
- />
1915
- </svg>
1888
+ />
1916
1889
  </button>
1917
1890
  `;
1918
1891
 
@@ -1966,25 +1939,24 @@ exports[`IconButtonCore kind:primary color:destructive size:medium light:false p
1966
1939
  tabIndex={0}
1967
1940
  type="button"
1968
1941
  >
1969
- <svg
1942
+ <span
1970
1943
  className=""
1971
- height={24}
1972
1944
  style={
1973
1945
  {
1946
+ "backgroundColor": "currentColor",
1974
1947
  "display": "inline-block",
1975
1948
  "flexGrow": 0,
1976
1949
  "flexShrink": 0,
1950
+ "height": 24,
1951
+ "maskImage": "url([object Object])",
1952
+ "maskPosition": "center",
1953
+ "maskRepeat": "no-repeat",
1954
+ "maskSize": "100%",
1977
1955
  "verticalAlign": "text-bottom",
1956
+ "width": 24,
1978
1957
  }
1979
1958
  }
1980
- viewBox="0 0 24 24"
1981
- width={24}
1982
- >
1983
- <path
1984
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
1985
- fill="currentColor"
1986
- />
1987
- </svg>
1959
+ />
1988
1960
  </button>
1989
1961
  `;
1990
1962
 
@@ -2034,25 +2006,24 @@ exports[`IconButtonCore kind:primary color:destructive size:medium light:true di
2034
2006
  tabIndex={-1}
2035
2007
  type="button"
2036
2008
  >
2037
- <svg
2009
+ <span
2038
2010
  className=""
2039
- height={24}
2040
2011
  style={
2041
2012
  {
2013
+ "backgroundColor": "currentColor",
2042
2014
  "display": "inline-block",
2043
2015
  "flexGrow": 0,
2044
2016
  "flexShrink": 0,
2017
+ "height": 24,
2018
+ "maskImage": "url([object Object])",
2019
+ "maskPosition": "center",
2020
+ "maskRepeat": "no-repeat",
2021
+ "maskSize": "100%",
2045
2022
  "verticalAlign": "text-bottom",
2023
+ "width": 24,
2046
2024
  }
2047
2025
  }
2048
- viewBox="0 0 24 24"
2049
- width={24}
2050
- >
2051
- <path
2052
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
2053
- fill="currentColor"
2054
- />
2055
- </svg>
2026
+ />
2056
2027
  </button>
2057
2028
  `;
2058
2029
 
@@ -2106,25 +2077,24 @@ exports[`IconButtonCore kind:primary color:destructive size:medium light:true fo
2106
2077
  tabIndex={0}
2107
2078
  type="button"
2108
2079
  >
2109
- <svg
2080
+ <span
2110
2081
  className=""
2111
- height={24}
2112
2082
  style={
2113
2083
  {
2084
+ "backgroundColor": "currentColor",
2114
2085
  "display": "inline-block",
2115
2086
  "flexGrow": 0,
2116
2087
  "flexShrink": 0,
2088
+ "height": 24,
2089
+ "maskImage": "url([object Object])",
2090
+ "maskPosition": "center",
2091
+ "maskRepeat": "no-repeat",
2092
+ "maskSize": "100%",
2117
2093
  "verticalAlign": "text-bottom",
2094
+ "width": 24,
2118
2095
  }
2119
2096
  }
2120
- viewBox="0 0 24 24"
2121
- width={24}
2122
- >
2123
- <path
2124
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
2125
- fill="currentColor"
2126
- />
2127
- </svg>
2097
+ />
2128
2098
  </button>
2129
2099
  `;
2130
2100
 
@@ -2178,25 +2148,24 @@ exports[`IconButtonCore kind:primary color:destructive size:medium light:true ho
2178
2148
  tabIndex={0}
2179
2149
  type="button"
2180
2150
  >
2181
- <svg
2151
+ <span
2182
2152
  className=""
2183
- height={24}
2184
2153
  style={
2185
2154
  {
2155
+ "backgroundColor": "currentColor",
2186
2156
  "display": "inline-block",
2187
2157
  "flexGrow": 0,
2188
2158
  "flexShrink": 0,
2159
+ "height": 24,
2160
+ "maskImage": "url([object Object])",
2161
+ "maskPosition": "center",
2162
+ "maskRepeat": "no-repeat",
2163
+ "maskSize": "100%",
2189
2164
  "verticalAlign": "text-bottom",
2165
+ "width": 24,
2190
2166
  }
2191
2167
  }
2192
- viewBox="0 0 24 24"
2193
- width={24}
2194
- >
2195
- <path
2196
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
2197
- fill="currentColor"
2198
- />
2199
- </svg>
2168
+ />
2200
2169
  </button>
2201
2170
  `;
2202
2171
 
@@ -2250,25 +2219,24 @@ exports[`IconButtonCore kind:primary color:destructive size:medium light:true pr
2250
2219
  tabIndex={0}
2251
2220
  type="button"
2252
2221
  >
2253
- <svg
2222
+ <span
2254
2223
  className=""
2255
- height={24}
2256
2224
  style={
2257
2225
  {
2226
+ "backgroundColor": "currentColor",
2258
2227
  "display": "inline-block",
2259
2228
  "flexGrow": 0,
2260
2229
  "flexShrink": 0,
2230
+ "height": 24,
2231
+ "maskImage": "url([object Object])",
2232
+ "maskPosition": "center",
2233
+ "maskRepeat": "no-repeat",
2234
+ "maskSize": "100%",
2261
2235
  "verticalAlign": "text-bottom",
2236
+ "width": 24,
2262
2237
  }
2263
2238
  }
2264
- viewBox="0 0 24 24"
2265
- width={24}
2266
- >
2267
- <path
2268
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
2269
- fill="currentColor"
2270
- />
2271
- </svg>
2239
+ />
2272
2240
  </button>
2273
2241
  `;
2274
2242
 
@@ -2318,25 +2286,24 @@ exports[`IconButtonCore kind:primary color:destructive size:small light:false di
2318
2286
  tabIndex={-1}
2319
2287
  type="button"
2320
2288
  >
2321
- <svg
2289
+ <span
2322
2290
  className=""
2323
- height={24}
2324
2291
  style={
2325
2292
  {
2293
+ "backgroundColor": "currentColor",
2326
2294
  "display": "inline-block",
2327
2295
  "flexGrow": 0,
2328
2296
  "flexShrink": 0,
2297
+ "height": 24,
2298
+ "maskImage": "url([object Object])",
2299
+ "maskPosition": "center",
2300
+ "maskRepeat": "no-repeat",
2301
+ "maskSize": "100%",
2329
2302
  "verticalAlign": "text-bottom",
2303
+ "width": 24,
2330
2304
  }
2331
2305
  }
2332
- viewBox="0 0 24 24"
2333
- width={24}
2334
- >
2335
- <path
2336
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
2337
- fill="currentColor"
2338
- />
2339
- </svg>
2306
+ />
2340
2307
  </button>
2341
2308
  `;
2342
2309
 
@@ -2390,25 +2357,24 @@ exports[`IconButtonCore kind:primary color:destructive size:small light:false fo
2390
2357
  tabIndex={0}
2391
2358
  type="button"
2392
2359
  >
2393
- <svg
2360
+ <span
2394
2361
  className=""
2395
- height={24}
2396
2362
  style={
2397
2363
  {
2364
+ "backgroundColor": "currentColor",
2398
2365
  "display": "inline-block",
2399
2366
  "flexGrow": 0,
2400
2367
  "flexShrink": 0,
2368
+ "height": 24,
2369
+ "maskImage": "url([object Object])",
2370
+ "maskPosition": "center",
2371
+ "maskRepeat": "no-repeat",
2372
+ "maskSize": "100%",
2401
2373
  "verticalAlign": "text-bottom",
2374
+ "width": 24,
2402
2375
  }
2403
2376
  }
2404
- viewBox="0 0 24 24"
2405
- width={24}
2406
- >
2407
- <path
2408
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
2409
- fill="currentColor"
2410
- />
2411
- </svg>
2377
+ />
2412
2378
  </button>
2413
2379
  `;
2414
2380
 
@@ -2462,25 +2428,24 @@ exports[`IconButtonCore kind:primary color:destructive size:small light:false ho
2462
2428
  tabIndex={0}
2463
2429
  type="button"
2464
2430
  >
2465
- <svg
2431
+ <span
2466
2432
  className=""
2467
- height={24}
2468
2433
  style={
2469
2434
  {
2435
+ "backgroundColor": "currentColor",
2470
2436
  "display": "inline-block",
2471
2437
  "flexGrow": 0,
2472
2438
  "flexShrink": 0,
2439
+ "height": 24,
2440
+ "maskImage": "url([object Object])",
2441
+ "maskPosition": "center",
2442
+ "maskRepeat": "no-repeat",
2443
+ "maskSize": "100%",
2473
2444
  "verticalAlign": "text-bottom",
2445
+ "width": 24,
2474
2446
  }
2475
2447
  }
2476
- viewBox="0 0 24 24"
2477
- width={24}
2478
- >
2479
- <path
2480
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
2481
- fill="currentColor"
2482
- />
2483
- </svg>
2448
+ />
2484
2449
  </button>
2485
2450
  `;
2486
2451
 
@@ -2534,25 +2499,24 @@ exports[`IconButtonCore kind:primary color:destructive size:small light:false pr
2534
2499
  tabIndex={0}
2535
2500
  type="button"
2536
2501
  >
2537
- <svg
2502
+ <span
2538
2503
  className=""
2539
- height={24}
2540
2504
  style={
2541
2505
  {
2506
+ "backgroundColor": "currentColor",
2542
2507
  "display": "inline-block",
2543
2508
  "flexGrow": 0,
2544
2509
  "flexShrink": 0,
2510
+ "height": 24,
2511
+ "maskImage": "url([object Object])",
2512
+ "maskPosition": "center",
2513
+ "maskRepeat": "no-repeat",
2514
+ "maskSize": "100%",
2545
2515
  "verticalAlign": "text-bottom",
2516
+ "width": 24,
2546
2517
  }
2547
2518
  }
2548
- viewBox="0 0 24 24"
2549
- width={24}
2550
- >
2551
- <path
2552
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
2553
- fill="currentColor"
2554
- />
2555
- </svg>
2519
+ />
2556
2520
  </button>
2557
2521
  `;
2558
2522
 
@@ -2602,25 +2566,24 @@ exports[`IconButtonCore kind:primary color:destructive size:small light:true dis
2602
2566
  tabIndex={-1}
2603
2567
  type="button"
2604
2568
  >
2605
- <svg
2569
+ <span
2606
2570
  className=""
2607
- height={24}
2608
2571
  style={
2609
2572
  {
2573
+ "backgroundColor": "currentColor",
2610
2574
  "display": "inline-block",
2611
2575
  "flexGrow": 0,
2612
2576
  "flexShrink": 0,
2577
+ "height": 24,
2578
+ "maskImage": "url([object Object])",
2579
+ "maskPosition": "center",
2580
+ "maskRepeat": "no-repeat",
2581
+ "maskSize": "100%",
2613
2582
  "verticalAlign": "text-bottom",
2583
+ "width": 24,
2614
2584
  }
2615
2585
  }
2616
- viewBox="0 0 24 24"
2617
- width={24}
2618
- >
2619
- <path
2620
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
2621
- fill="currentColor"
2622
- />
2623
- </svg>
2586
+ />
2624
2587
  </button>
2625
2588
  `;
2626
2589
 
@@ -2674,25 +2637,24 @@ exports[`IconButtonCore kind:primary color:destructive size:small light:true foc
2674
2637
  tabIndex={0}
2675
2638
  type="button"
2676
2639
  >
2677
- <svg
2640
+ <span
2678
2641
  className=""
2679
- height={24}
2680
2642
  style={
2681
2643
  {
2644
+ "backgroundColor": "currentColor",
2682
2645
  "display": "inline-block",
2683
2646
  "flexGrow": 0,
2684
2647
  "flexShrink": 0,
2648
+ "height": 24,
2649
+ "maskImage": "url([object Object])",
2650
+ "maskPosition": "center",
2651
+ "maskRepeat": "no-repeat",
2652
+ "maskSize": "100%",
2685
2653
  "verticalAlign": "text-bottom",
2654
+ "width": 24,
2686
2655
  }
2687
2656
  }
2688
- viewBox="0 0 24 24"
2689
- width={24}
2690
- >
2691
- <path
2692
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
2693
- fill="currentColor"
2694
- />
2695
- </svg>
2657
+ />
2696
2658
  </button>
2697
2659
  `;
2698
2660
 
@@ -2746,25 +2708,24 @@ exports[`IconButtonCore kind:primary color:destructive size:small light:true hov
2746
2708
  tabIndex={0}
2747
2709
  type="button"
2748
2710
  >
2749
- <svg
2711
+ <span
2750
2712
  className=""
2751
- height={24}
2752
2713
  style={
2753
2714
  {
2715
+ "backgroundColor": "currentColor",
2754
2716
  "display": "inline-block",
2755
2717
  "flexGrow": 0,
2756
2718
  "flexShrink": 0,
2719
+ "height": 24,
2720
+ "maskImage": "url([object Object])",
2721
+ "maskPosition": "center",
2722
+ "maskRepeat": "no-repeat",
2723
+ "maskSize": "100%",
2757
2724
  "verticalAlign": "text-bottom",
2725
+ "width": 24,
2758
2726
  }
2759
2727
  }
2760
- viewBox="0 0 24 24"
2761
- width={24}
2762
- >
2763
- <path
2764
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
2765
- fill="currentColor"
2766
- />
2767
- </svg>
2728
+ />
2768
2729
  </button>
2769
2730
  `;
2770
2731
 
@@ -2818,25 +2779,24 @@ exports[`IconButtonCore kind:primary color:destructive size:small light:true pre
2818
2779
  tabIndex={0}
2819
2780
  type="button"
2820
2781
  >
2821
- <svg
2782
+ <span
2822
2783
  className=""
2823
- height={24}
2824
2784
  style={
2825
2785
  {
2786
+ "backgroundColor": "currentColor",
2826
2787
  "display": "inline-block",
2827
2788
  "flexGrow": 0,
2828
2789
  "flexShrink": 0,
2790
+ "height": 24,
2791
+ "maskImage": "url([object Object])",
2792
+ "maskPosition": "center",
2793
+ "maskRepeat": "no-repeat",
2794
+ "maskSize": "100%",
2829
2795
  "verticalAlign": "text-bottom",
2796
+ "width": 24,
2830
2797
  }
2831
2798
  }
2832
- viewBox="0 0 24 24"
2833
- width={24}
2834
- >
2835
- <path
2836
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
2837
- fill="currentColor"
2838
- />
2839
- </svg>
2799
+ />
2840
2800
  </button>
2841
2801
  `;
2842
2802
 
@@ -2886,25 +2846,24 @@ exports[`IconButtonCore kind:primary color:destructive size:xsmall light:false d
2886
2846
  tabIndex={-1}
2887
2847
  type="button"
2888
2848
  >
2889
- <svg
2849
+ <span
2890
2850
  className=""
2891
- height={16}
2892
2851
  style={
2893
2852
  {
2853
+ "backgroundColor": "currentColor",
2894
2854
  "display": "inline-block",
2895
2855
  "flexGrow": 0,
2896
2856
  "flexShrink": 0,
2857
+ "height": 16,
2858
+ "maskImage": "url([object Object])",
2859
+ "maskPosition": "center",
2860
+ "maskRepeat": "no-repeat",
2861
+ "maskSize": "100%",
2897
2862
  "verticalAlign": "text-bottom",
2863
+ "width": 16,
2898
2864
  }
2899
2865
  }
2900
- viewBox="0 0 16 16"
2901
- width={16}
2902
- >
2903
- <path
2904
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
2905
- fill="currentColor"
2906
- />
2907
- </svg>
2866
+ />
2908
2867
  </button>
2909
2868
  `;
2910
2869
 
@@ -2958,25 +2917,24 @@ exports[`IconButtonCore kind:primary color:destructive size:xsmall light:false f
2958
2917
  tabIndex={0}
2959
2918
  type="button"
2960
2919
  >
2961
- <svg
2920
+ <span
2962
2921
  className=""
2963
- height={16}
2964
2922
  style={
2965
2923
  {
2924
+ "backgroundColor": "currentColor",
2966
2925
  "display": "inline-block",
2967
2926
  "flexGrow": 0,
2968
2927
  "flexShrink": 0,
2928
+ "height": 16,
2929
+ "maskImage": "url([object Object])",
2930
+ "maskPosition": "center",
2931
+ "maskRepeat": "no-repeat",
2932
+ "maskSize": "100%",
2969
2933
  "verticalAlign": "text-bottom",
2934
+ "width": 16,
2970
2935
  }
2971
2936
  }
2972
- viewBox="0 0 16 16"
2973
- width={16}
2974
- >
2975
- <path
2976
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
2977
- fill="currentColor"
2978
- />
2979
- </svg>
2937
+ />
2980
2938
  </button>
2981
2939
  `;
2982
2940
 
@@ -3030,25 +2988,24 @@ exports[`IconButtonCore kind:primary color:destructive size:xsmall light:false h
3030
2988
  tabIndex={0}
3031
2989
  type="button"
3032
2990
  >
3033
- <svg
2991
+ <span
3034
2992
  className=""
3035
- height={16}
3036
2993
  style={
3037
2994
  {
2995
+ "backgroundColor": "currentColor",
3038
2996
  "display": "inline-block",
3039
2997
  "flexGrow": 0,
3040
2998
  "flexShrink": 0,
2999
+ "height": 16,
3000
+ "maskImage": "url([object Object])",
3001
+ "maskPosition": "center",
3002
+ "maskRepeat": "no-repeat",
3003
+ "maskSize": "100%",
3041
3004
  "verticalAlign": "text-bottom",
3005
+ "width": 16,
3042
3006
  }
3043
3007
  }
3044
- viewBox="0 0 16 16"
3045
- width={16}
3046
- >
3047
- <path
3048
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
3049
- fill="currentColor"
3050
- />
3051
- </svg>
3008
+ />
3052
3009
  </button>
3053
3010
  `;
3054
3011
 
@@ -3102,25 +3059,24 @@ exports[`IconButtonCore kind:primary color:destructive size:xsmall light:false p
3102
3059
  tabIndex={0}
3103
3060
  type="button"
3104
3061
  >
3105
- <svg
3062
+ <span
3106
3063
  className=""
3107
- height={16}
3108
3064
  style={
3109
3065
  {
3066
+ "backgroundColor": "currentColor",
3110
3067
  "display": "inline-block",
3111
3068
  "flexGrow": 0,
3112
3069
  "flexShrink": 0,
3070
+ "height": 16,
3071
+ "maskImage": "url([object Object])",
3072
+ "maskPosition": "center",
3073
+ "maskRepeat": "no-repeat",
3074
+ "maskSize": "100%",
3113
3075
  "verticalAlign": "text-bottom",
3076
+ "width": 16,
3114
3077
  }
3115
3078
  }
3116
- viewBox="0 0 16 16"
3117
- width={16}
3118
- >
3119
- <path
3120
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
3121
- fill="currentColor"
3122
- />
3123
- </svg>
3079
+ />
3124
3080
  </button>
3125
3081
  `;
3126
3082
 
@@ -3170,25 +3126,24 @@ exports[`IconButtonCore kind:primary color:destructive size:xsmall light:true di
3170
3126
  tabIndex={-1}
3171
3127
  type="button"
3172
3128
  >
3173
- <svg
3129
+ <span
3174
3130
  className=""
3175
- height={16}
3176
3131
  style={
3177
3132
  {
3133
+ "backgroundColor": "currentColor",
3178
3134
  "display": "inline-block",
3179
3135
  "flexGrow": 0,
3180
3136
  "flexShrink": 0,
3137
+ "height": 16,
3138
+ "maskImage": "url([object Object])",
3139
+ "maskPosition": "center",
3140
+ "maskRepeat": "no-repeat",
3141
+ "maskSize": "100%",
3181
3142
  "verticalAlign": "text-bottom",
3143
+ "width": 16,
3182
3144
  }
3183
3145
  }
3184
- viewBox="0 0 16 16"
3185
- width={16}
3186
- >
3187
- <path
3188
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
3189
- fill="currentColor"
3190
- />
3191
- </svg>
3146
+ />
3192
3147
  </button>
3193
3148
  `;
3194
3149
 
@@ -3242,25 +3197,24 @@ exports[`IconButtonCore kind:primary color:destructive size:xsmall light:true fo
3242
3197
  tabIndex={0}
3243
3198
  type="button"
3244
3199
  >
3245
- <svg
3200
+ <span
3246
3201
  className=""
3247
- height={16}
3248
3202
  style={
3249
3203
  {
3204
+ "backgroundColor": "currentColor",
3250
3205
  "display": "inline-block",
3251
3206
  "flexGrow": 0,
3252
3207
  "flexShrink": 0,
3208
+ "height": 16,
3209
+ "maskImage": "url([object Object])",
3210
+ "maskPosition": "center",
3211
+ "maskRepeat": "no-repeat",
3212
+ "maskSize": "100%",
3253
3213
  "verticalAlign": "text-bottom",
3214
+ "width": 16,
3254
3215
  }
3255
3216
  }
3256
- viewBox="0 0 16 16"
3257
- width={16}
3258
- >
3259
- <path
3260
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
3261
- fill="currentColor"
3262
- />
3263
- </svg>
3217
+ />
3264
3218
  </button>
3265
3219
  `;
3266
3220
 
@@ -3314,25 +3268,24 @@ exports[`IconButtonCore kind:primary color:destructive size:xsmall light:true ho
3314
3268
  tabIndex={0}
3315
3269
  type="button"
3316
3270
  >
3317
- <svg
3271
+ <span
3318
3272
  className=""
3319
- height={16}
3320
3273
  style={
3321
3274
  {
3275
+ "backgroundColor": "currentColor",
3322
3276
  "display": "inline-block",
3323
3277
  "flexGrow": 0,
3324
3278
  "flexShrink": 0,
3279
+ "height": 16,
3280
+ "maskImage": "url([object Object])",
3281
+ "maskPosition": "center",
3282
+ "maskRepeat": "no-repeat",
3283
+ "maskSize": "100%",
3325
3284
  "verticalAlign": "text-bottom",
3285
+ "width": 16,
3326
3286
  }
3327
3287
  }
3328
- viewBox="0 0 16 16"
3329
- width={16}
3330
- >
3331
- <path
3332
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
3333
- fill="currentColor"
3334
- />
3335
- </svg>
3288
+ />
3336
3289
  </button>
3337
3290
  `;
3338
3291
 
@@ -3386,25 +3339,24 @@ exports[`IconButtonCore kind:primary color:destructive size:xsmall light:true pr
3386
3339
  tabIndex={0}
3387
3340
  type="button"
3388
3341
  >
3389
- <svg
3342
+ <span
3390
3343
  className=""
3391
- height={16}
3392
3344
  style={
3393
3345
  {
3346
+ "backgroundColor": "currentColor",
3394
3347
  "display": "inline-block",
3395
3348
  "flexGrow": 0,
3396
3349
  "flexShrink": 0,
3350
+ "height": 16,
3351
+ "maskImage": "url([object Object])",
3352
+ "maskPosition": "center",
3353
+ "maskRepeat": "no-repeat",
3354
+ "maskSize": "100%",
3397
3355
  "verticalAlign": "text-bottom",
3356
+ "width": 16,
3398
3357
  }
3399
3358
  }
3400
- viewBox="0 0 16 16"
3401
- width={16}
3402
- >
3403
- <path
3404
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
3405
- fill="currentColor"
3406
- />
3407
- </svg>
3359
+ />
3408
3360
  </button>
3409
3361
  `;
3410
3362
 
@@ -3454,25 +3406,24 @@ exports[`IconButtonCore kind:secondary color:default size:medium light:false dis
3454
3406
  tabIndex={-1}
3455
3407
  type="button"
3456
3408
  >
3457
- <svg
3409
+ <span
3458
3410
  className=""
3459
- height={24}
3460
3411
  style={
3461
3412
  {
3413
+ "backgroundColor": "currentColor",
3462
3414
  "display": "inline-block",
3463
3415
  "flexGrow": 0,
3464
3416
  "flexShrink": 0,
3417
+ "height": 24,
3418
+ "maskImage": "url([object Object])",
3419
+ "maskPosition": "center",
3420
+ "maskRepeat": "no-repeat",
3421
+ "maskSize": "100%",
3465
3422
  "verticalAlign": "text-bottom",
3423
+ "width": 24,
3466
3424
  }
3467
3425
  }
3468
- viewBox="0 0 24 24"
3469
- width={24}
3470
- >
3471
- <path
3472
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
3473
- fill="currentColor"
3474
- />
3475
- </svg>
3426
+ />
3476
3427
  </button>
3477
3428
  `;
3478
3429
 
@@ -3526,25 +3477,24 @@ exports[`IconButtonCore kind:secondary color:default size:medium light:false foc
3526
3477
  tabIndex={0}
3527
3478
  type="button"
3528
3479
  >
3529
- <svg
3480
+ <span
3530
3481
  className=""
3531
- height={24}
3532
3482
  style={
3533
3483
  {
3484
+ "backgroundColor": "currentColor",
3534
3485
  "display": "inline-block",
3535
3486
  "flexGrow": 0,
3536
3487
  "flexShrink": 0,
3488
+ "height": 24,
3489
+ "maskImage": "url([object Object])",
3490
+ "maskPosition": "center",
3491
+ "maskRepeat": "no-repeat",
3492
+ "maskSize": "100%",
3537
3493
  "verticalAlign": "text-bottom",
3494
+ "width": 24,
3538
3495
  }
3539
3496
  }
3540
- viewBox="0 0 24 24"
3541
- width={24}
3542
- >
3543
- <path
3544
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
3545
- fill="currentColor"
3546
- />
3547
- </svg>
3497
+ />
3548
3498
  </button>
3549
3499
  `;
3550
3500
 
@@ -3598,25 +3548,24 @@ exports[`IconButtonCore kind:secondary color:default size:medium light:false hov
3598
3548
  tabIndex={0}
3599
3549
  type="button"
3600
3550
  >
3601
- <svg
3551
+ <span
3602
3552
  className=""
3603
- height={24}
3604
3553
  style={
3605
3554
  {
3555
+ "backgroundColor": "currentColor",
3606
3556
  "display": "inline-block",
3607
3557
  "flexGrow": 0,
3608
3558
  "flexShrink": 0,
3559
+ "height": 24,
3560
+ "maskImage": "url([object Object])",
3561
+ "maskPosition": "center",
3562
+ "maskRepeat": "no-repeat",
3563
+ "maskSize": "100%",
3609
3564
  "verticalAlign": "text-bottom",
3565
+ "width": 24,
3610
3566
  }
3611
3567
  }
3612
- viewBox="0 0 24 24"
3613
- width={24}
3614
- >
3615
- <path
3616
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
3617
- fill="currentColor"
3618
- />
3619
- </svg>
3568
+ />
3620
3569
  </button>
3621
3570
  `;
3622
3571
 
@@ -3670,25 +3619,24 @@ exports[`IconButtonCore kind:secondary color:default size:medium light:false pre
3670
3619
  tabIndex={0}
3671
3620
  type="button"
3672
3621
  >
3673
- <svg
3622
+ <span
3674
3623
  className=""
3675
- height={24}
3676
3624
  style={
3677
3625
  {
3626
+ "backgroundColor": "currentColor",
3678
3627
  "display": "inline-block",
3679
3628
  "flexGrow": 0,
3680
3629
  "flexShrink": 0,
3630
+ "height": 24,
3631
+ "maskImage": "url([object Object])",
3632
+ "maskPosition": "center",
3633
+ "maskRepeat": "no-repeat",
3634
+ "maskSize": "100%",
3681
3635
  "verticalAlign": "text-bottom",
3636
+ "width": 24,
3682
3637
  }
3683
3638
  }
3684
- viewBox="0 0 24 24"
3685
- width={24}
3686
- >
3687
- <path
3688
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
3689
- fill="currentColor"
3690
- />
3691
- </svg>
3639
+ />
3692
3640
  </button>
3693
3641
  `;
3694
3642
 
@@ -3738,25 +3686,24 @@ exports[`IconButtonCore kind:secondary color:default size:small light:false disa
3738
3686
  tabIndex={-1}
3739
3687
  type="button"
3740
3688
  >
3741
- <svg
3689
+ <span
3742
3690
  className=""
3743
- height={24}
3744
3691
  style={
3745
3692
  {
3693
+ "backgroundColor": "currentColor",
3746
3694
  "display": "inline-block",
3747
3695
  "flexGrow": 0,
3748
3696
  "flexShrink": 0,
3697
+ "height": 24,
3698
+ "maskImage": "url([object Object])",
3699
+ "maskPosition": "center",
3700
+ "maskRepeat": "no-repeat",
3701
+ "maskSize": "100%",
3749
3702
  "verticalAlign": "text-bottom",
3703
+ "width": 24,
3750
3704
  }
3751
3705
  }
3752
- viewBox="0 0 24 24"
3753
- width={24}
3754
- >
3755
- <path
3756
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
3757
- fill="currentColor"
3758
- />
3759
- </svg>
3706
+ />
3760
3707
  </button>
3761
3708
  `;
3762
3709
 
@@ -3810,25 +3757,24 @@ exports[`IconButtonCore kind:secondary color:default size:small light:false focu
3810
3757
  tabIndex={0}
3811
3758
  type="button"
3812
3759
  >
3813
- <svg
3760
+ <span
3814
3761
  className=""
3815
- height={24}
3816
3762
  style={
3817
3763
  {
3764
+ "backgroundColor": "currentColor",
3818
3765
  "display": "inline-block",
3819
3766
  "flexGrow": 0,
3820
3767
  "flexShrink": 0,
3768
+ "height": 24,
3769
+ "maskImage": "url([object Object])",
3770
+ "maskPosition": "center",
3771
+ "maskRepeat": "no-repeat",
3772
+ "maskSize": "100%",
3821
3773
  "verticalAlign": "text-bottom",
3774
+ "width": 24,
3822
3775
  }
3823
3776
  }
3824
- viewBox="0 0 24 24"
3825
- width={24}
3826
- >
3827
- <path
3828
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
3829
- fill="currentColor"
3830
- />
3831
- </svg>
3777
+ />
3832
3778
  </button>
3833
3779
  `;
3834
3780
 
@@ -3882,25 +3828,24 @@ exports[`IconButtonCore kind:secondary color:default size:small light:false hove
3882
3828
  tabIndex={0}
3883
3829
  type="button"
3884
3830
  >
3885
- <svg
3831
+ <span
3886
3832
  className=""
3887
- height={24}
3888
3833
  style={
3889
3834
  {
3835
+ "backgroundColor": "currentColor",
3890
3836
  "display": "inline-block",
3891
3837
  "flexGrow": 0,
3892
3838
  "flexShrink": 0,
3839
+ "height": 24,
3840
+ "maskImage": "url([object Object])",
3841
+ "maskPosition": "center",
3842
+ "maskRepeat": "no-repeat",
3843
+ "maskSize": "100%",
3893
3844
  "verticalAlign": "text-bottom",
3845
+ "width": 24,
3894
3846
  }
3895
3847
  }
3896
- viewBox="0 0 24 24"
3897
- width={24}
3898
- >
3899
- <path
3900
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
3901
- fill="currentColor"
3902
- />
3903
- </svg>
3848
+ />
3904
3849
  </button>
3905
3850
  `;
3906
3851
 
@@ -3954,25 +3899,24 @@ exports[`IconButtonCore kind:secondary color:default size:small light:false pres
3954
3899
  tabIndex={0}
3955
3900
  type="button"
3956
3901
  >
3957
- <svg
3902
+ <span
3958
3903
  className=""
3959
- height={24}
3960
3904
  style={
3961
3905
  {
3906
+ "backgroundColor": "currentColor",
3962
3907
  "display": "inline-block",
3963
3908
  "flexGrow": 0,
3964
3909
  "flexShrink": 0,
3910
+ "height": 24,
3911
+ "maskImage": "url([object Object])",
3912
+ "maskPosition": "center",
3913
+ "maskRepeat": "no-repeat",
3914
+ "maskSize": "100%",
3965
3915
  "verticalAlign": "text-bottom",
3916
+ "width": 24,
3966
3917
  }
3967
3918
  }
3968
- viewBox="0 0 24 24"
3969
- width={24}
3970
- >
3971
- <path
3972
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
3973
- fill="currentColor"
3974
- />
3975
- </svg>
3919
+ />
3976
3920
  </button>
3977
3921
  `;
3978
3922
 
@@ -4022,25 +3966,24 @@ exports[`IconButtonCore kind:secondary color:default size:xsmall light:false dis
4022
3966
  tabIndex={-1}
4023
3967
  type="button"
4024
3968
  >
4025
- <svg
3969
+ <span
4026
3970
  className=""
4027
- height={16}
4028
3971
  style={
4029
3972
  {
3973
+ "backgroundColor": "currentColor",
4030
3974
  "display": "inline-block",
4031
3975
  "flexGrow": 0,
4032
3976
  "flexShrink": 0,
3977
+ "height": 16,
3978
+ "maskImage": "url([object Object])",
3979
+ "maskPosition": "center",
3980
+ "maskRepeat": "no-repeat",
3981
+ "maskSize": "100%",
4033
3982
  "verticalAlign": "text-bottom",
3983
+ "width": 16,
4034
3984
  }
4035
3985
  }
4036
- viewBox="0 0 16 16"
4037
- width={16}
4038
- >
4039
- <path
4040
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
4041
- fill="currentColor"
4042
- />
4043
- </svg>
3986
+ />
4044
3987
  </button>
4045
3988
  `;
4046
3989
 
@@ -4094,25 +4037,24 @@ exports[`IconButtonCore kind:secondary color:default size:xsmall light:false foc
4094
4037
  tabIndex={0}
4095
4038
  type="button"
4096
4039
  >
4097
- <svg
4040
+ <span
4098
4041
  className=""
4099
- height={16}
4100
4042
  style={
4101
4043
  {
4044
+ "backgroundColor": "currentColor",
4102
4045
  "display": "inline-block",
4103
4046
  "flexGrow": 0,
4104
4047
  "flexShrink": 0,
4048
+ "height": 16,
4049
+ "maskImage": "url([object Object])",
4050
+ "maskPosition": "center",
4051
+ "maskRepeat": "no-repeat",
4052
+ "maskSize": "100%",
4105
4053
  "verticalAlign": "text-bottom",
4054
+ "width": 16,
4106
4055
  }
4107
4056
  }
4108
- viewBox="0 0 16 16"
4109
- width={16}
4110
- >
4111
- <path
4112
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
4113
- fill="currentColor"
4114
- />
4115
- </svg>
4057
+ />
4116
4058
  </button>
4117
4059
  `;
4118
4060
 
@@ -4166,25 +4108,24 @@ exports[`IconButtonCore kind:secondary color:default size:xsmall light:false hov
4166
4108
  tabIndex={0}
4167
4109
  type="button"
4168
4110
  >
4169
- <svg
4111
+ <span
4170
4112
  className=""
4171
- height={16}
4172
4113
  style={
4173
4114
  {
4115
+ "backgroundColor": "currentColor",
4174
4116
  "display": "inline-block",
4175
4117
  "flexGrow": 0,
4176
4118
  "flexShrink": 0,
4119
+ "height": 16,
4120
+ "maskImage": "url([object Object])",
4121
+ "maskPosition": "center",
4122
+ "maskRepeat": "no-repeat",
4123
+ "maskSize": "100%",
4177
4124
  "verticalAlign": "text-bottom",
4125
+ "width": 16,
4178
4126
  }
4179
4127
  }
4180
- viewBox="0 0 16 16"
4181
- width={16}
4182
- >
4183
- <path
4184
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
4185
- fill="currentColor"
4186
- />
4187
- </svg>
4128
+ />
4188
4129
  </button>
4189
4130
  `;
4190
4131
 
@@ -4238,25 +4179,24 @@ exports[`IconButtonCore kind:secondary color:default size:xsmall light:false pre
4238
4179
  tabIndex={0}
4239
4180
  type="button"
4240
4181
  >
4241
- <svg
4182
+ <span
4242
4183
  className=""
4243
- height={16}
4244
4184
  style={
4245
4185
  {
4186
+ "backgroundColor": "currentColor",
4246
4187
  "display": "inline-block",
4247
4188
  "flexGrow": 0,
4248
4189
  "flexShrink": 0,
4190
+ "height": 16,
4191
+ "maskImage": "url([object Object])",
4192
+ "maskPosition": "center",
4193
+ "maskRepeat": "no-repeat",
4194
+ "maskSize": "100%",
4249
4195
  "verticalAlign": "text-bottom",
4196
+ "width": 16,
4250
4197
  }
4251
4198
  }
4252
- viewBox="0 0 16 16"
4253
- width={16}
4254
- >
4255
- <path
4256
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
4257
- fill="currentColor"
4258
- />
4259
- </svg>
4199
+ />
4260
4200
  </button>
4261
4201
  `;
4262
4202
 
@@ -4306,25 +4246,24 @@ exports[`IconButtonCore kind:secondary color:destructive size:medium light:false
4306
4246
  tabIndex={-1}
4307
4247
  type="button"
4308
4248
  >
4309
- <svg
4249
+ <span
4310
4250
  className=""
4311
- height={24}
4312
4251
  style={
4313
4252
  {
4253
+ "backgroundColor": "currentColor",
4314
4254
  "display": "inline-block",
4315
4255
  "flexGrow": 0,
4316
4256
  "flexShrink": 0,
4257
+ "height": 24,
4258
+ "maskImage": "url([object Object])",
4259
+ "maskPosition": "center",
4260
+ "maskRepeat": "no-repeat",
4261
+ "maskSize": "100%",
4317
4262
  "verticalAlign": "text-bottom",
4263
+ "width": 24,
4318
4264
  }
4319
4265
  }
4320
- viewBox="0 0 24 24"
4321
- width={24}
4322
- >
4323
- <path
4324
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
4325
- fill="currentColor"
4326
- />
4327
- </svg>
4266
+ />
4328
4267
  </button>
4329
4268
  `;
4330
4269
 
@@ -4378,25 +4317,24 @@ exports[`IconButtonCore kind:secondary color:destructive size:medium light:false
4378
4317
  tabIndex={0}
4379
4318
  type="button"
4380
4319
  >
4381
- <svg
4320
+ <span
4382
4321
  className=""
4383
- height={24}
4384
4322
  style={
4385
4323
  {
4324
+ "backgroundColor": "currentColor",
4386
4325
  "display": "inline-block",
4387
4326
  "flexGrow": 0,
4388
4327
  "flexShrink": 0,
4328
+ "height": 24,
4329
+ "maskImage": "url([object Object])",
4330
+ "maskPosition": "center",
4331
+ "maskRepeat": "no-repeat",
4332
+ "maskSize": "100%",
4389
4333
  "verticalAlign": "text-bottom",
4334
+ "width": 24,
4390
4335
  }
4391
4336
  }
4392
- viewBox="0 0 24 24"
4393
- width={24}
4394
- >
4395
- <path
4396
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
4397
- fill="currentColor"
4398
- />
4399
- </svg>
4337
+ />
4400
4338
  </button>
4401
4339
  `;
4402
4340
 
@@ -4450,25 +4388,24 @@ exports[`IconButtonCore kind:secondary color:destructive size:medium light:false
4450
4388
  tabIndex={0}
4451
4389
  type="button"
4452
4390
  >
4453
- <svg
4391
+ <span
4454
4392
  className=""
4455
- height={24}
4456
4393
  style={
4457
4394
  {
4395
+ "backgroundColor": "currentColor",
4458
4396
  "display": "inline-block",
4459
4397
  "flexGrow": 0,
4460
4398
  "flexShrink": 0,
4399
+ "height": 24,
4400
+ "maskImage": "url([object Object])",
4401
+ "maskPosition": "center",
4402
+ "maskRepeat": "no-repeat",
4403
+ "maskSize": "100%",
4461
4404
  "verticalAlign": "text-bottom",
4405
+ "width": 24,
4462
4406
  }
4463
4407
  }
4464
- viewBox="0 0 24 24"
4465
- width={24}
4466
- >
4467
- <path
4468
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
4469
- fill="currentColor"
4470
- />
4471
- </svg>
4408
+ />
4472
4409
  </button>
4473
4410
  `;
4474
4411
 
@@ -4522,25 +4459,24 @@ exports[`IconButtonCore kind:secondary color:destructive size:medium light:false
4522
4459
  tabIndex={0}
4523
4460
  type="button"
4524
4461
  >
4525
- <svg
4462
+ <span
4526
4463
  className=""
4527
- height={24}
4528
4464
  style={
4529
4465
  {
4466
+ "backgroundColor": "currentColor",
4530
4467
  "display": "inline-block",
4531
4468
  "flexGrow": 0,
4532
4469
  "flexShrink": 0,
4470
+ "height": 24,
4471
+ "maskImage": "url([object Object])",
4472
+ "maskPosition": "center",
4473
+ "maskRepeat": "no-repeat",
4474
+ "maskSize": "100%",
4533
4475
  "verticalAlign": "text-bottom",
4476
+ "width": 24,
4534
4477
  }
4535
4478
  }
4536
- viewBox="0 0 24 24"
4537
- width={24}
4538
- >
4539
- <path
4540
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
4541
- fill="currentColor"
4542
- />
4543
- </svg>
4479
+ />
4544
4480
  </button>
4545
4481
  `;
4546
4482
 
@@ -4590,25 +4526,24 @@ exports[`IconButtonCore kind:secondary color:destructive size:small light:false
4590
4526
  tabIndex={-1}
4591
4527
  type="button"
4592
4528
  >
4593
- <svg
4529
+ <span
4594
4530
  className=""
4595
- height={24}
4596
4531
  style={
4597
4532
  {
4533
+ "backgroundColor": "currentColor",
4598
4534
  "display": "inline-block",
4599
4535
  "flexGrow": 0,
4600
4536
  "flexShrink": 0,
4537
+ "height": 24,
4538
+ "maskImage": "url([object Object])",
4539
+ "maskPosition": "center",
4540
+ "maskRepeat": "no-repeat",
4541
+ "maskSize": "100%",
4601
4542
  "verticalAlign": "text-bottom",
4543
+ "width": 24,
4602
4544
  }
4603
4545
  }
4604
- viewBox="0 0 24 24"
4605
- width={24}
4606
- >
4607
- <path
4608
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
4609
- fill="currentColor"
4610
- />
4611
- </svg>
4546
+ />
4612
4547
  </button>
4613
4548
  `;
4614
4549
 
@@ -4662,25 +4597,24 @@ exports[`IconButtonCore kind:secondary color:destructive size:small light:false
4662
4597
  tabIndex={0}
4663
4598
  type="button"
4664
4599
  >
4665
- <svg
4600
+ <span
4666
4601
  className=""
4667
- height={24}
4668
4602
  style={
4669
4603
  {
4604
+ "backgroundColor": "currentColor",
4670
4605
  "display": "inline-block",
4671
4606
  "flexGrow": 0,
4672
4607
  "flexShrink": 0,
4608
+ "height": 24,
4609
+ "maskImage": "url([object Object])",
4610
+ "maskPosition": "center",
4611
+ "maskRepeat": "no-repeat",
4612
+ "maskSize": "100%",
4673
4613
  "verticalAlign": "text-bottom",
4614
+ "width": 24,
4674
4615
  }
4675
4616
  }
4676
- viewBox="0 0 24 24"
4677
- width={24}
4678
- >
4679
- <path
4680
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
4681
- fill="currentColor"
4682
- />
4683
- </svg>
4617
+ />
4684
4618
  </button>
4685
4619
  `;
4686
4620
 
@@ -4734,25 +4668,24 @@ exports[`IconButtonCore kind:secondary color:destructive size:small light:false
4734
4668
  tabIndex={0}
4735
4669
  type="button"
4736
4670
  >
4737
- <svg
4671
+ <span
4738
4672
  className=""
4739
- height={24}
4740
4673
  style={
4741
4674
  {
4675
+ "backgroundColor": "currentColor",
4742
4676
  "display": "inline-block",
4743
4677
  "flexGrow": 0,
4744
4678
  "flexShrink": 0,
4679
+ "height": 24,
4680
+ "maskImage": "url([object Object])",
4681
+ "maskPosition": "center",
4682
+ "maskRepeat": "no-repeat",
4683
+ "maskSize": "100%",
4745
4684
  "verticalAlign": "text-bottom",
4685
+ "width": 24,
4746
4686
  }
4747
4687
  }
4748
- viewBox="0 0 24 24"
4749
- width={24}
4750
- >
4751
- <path
4752
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
4753
- fill="currentColor"
4754
- />
4755
- </svg>
4688
+ />
4756
4689
  </button>
4757
4690
  `;
4758
4691
 
@@ -4806,25 +4739,24 @@ exports[`IconButtonCore kind:secondary color:destructive size:small light:false
4806
4739
  tabIndex={0}
4807
4740
  type="button"
4808
4741
  >
4809
- <svg
4742
+ <span
4810
4743
  className=""
4811
- height={24}
4812
4744
  style={
4813
4745
  {
4746
+ "backgroundColor": "currentColor",
4814
4747
  "display": "inline-block",
4815
4748
  "flexGrow": 0,
4816
4749
  "flexShrink": 0,
4750
+ "height": 24,
4751
+ "maskImage": "url([object Object])",
4752
+ "maskPosition": "center",
4753
+ "maskRepeat": "no-repeat",
4754
+ "maskSize": "100%",
4817
4755
  "verticalAlign": "text-bottom",
4756
+ "width": 24,
4818
4757
  }
4819
4758
  }
4820
- viewBox="0 0 24 24"
4821
- width={24}
4822
- >
4823
- <path
4824
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
4825
- fill="currentColor"
4826
- />
4827
- </svg>
4759
+ />
4828
4760
  </button>
4829
4761
  `;
4830
4762
 
@@ -4874,25 +4806,24 @@ exports[`IconButtonCore kind:secondary color:destructive size:xsmall light:false
4874
4806
  tabIndex={-1}
4875
4807
  type="button"
4876
4808
  >
4877
- <svg
4809
+ <span
4878
4810
  className=""
4879
- height={16}
4880
4811
  style={
4881
4812
  {
4813
+ "backgroundColor": "currentColor",
4882
4814
  "display": "inline-block",
4883
4815
  "flexGrow": 0,
4884
4816
  "flexShrink": 0,
4817
+ "height": 16,
4818
+ "maskImage": "url([object Object])",
4819
+ "maskPosition": "center",
4820
+ "maskRepeat": "no-repeat",
4821
+ "maskSize": "100%",
4885
4822
  "verticalAlign": "text-bottom",
4823
+ "width": 16,
4886
4824
  }
4887
4825
  }
4888
- viewBox="0 0 16 16"
4889
- width={16}
4890
- >
4891
- <path
4892
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
4893
- fill="currentColor"
4894
- />
4895
- </svg>
4826
+ />
4896
4827
  </button>
4897
4828
  `;
4898
4829
 
@@ -4946,25 +4877,24 @@ exports[`IconButtonCore kind:secondary color:destructive size:xsmall light:false
4946
4877
  tabIndex={0}
4947
4878
  type="button"
4948
4879
  >
4949
- <svg
4880
+ <span
4950
4881
  className=""
4951
- height={16}
4952
4882
  style={
4953
4883
  {
4884
+ "backgroundColor": "currentColor",
4954
4885
  "display": "inline-block",
4955
4886
  "flexGrow": 0,
4956
4887
  "flexShrink": 0,
4888
+ "height": 16,
4889
+ "maskImage": "url([object Object])",
4890
+ "maskPosition": "center",
4891
+ "maskRepeat": "no-repeat",
4892
+ "maskSize": "100%",
4957
4893
  "verticalAlign": "text-bottom",
4894
+ "width": 16,
4958
4895
  }
4959
4896
  }
4960
- viewBox="0 0 16 16"
4961
- width={16}
4962
- >
4963
- <path
4964
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
4965
- fill="currentColor"
4966
- />
4967
- </svg>
4897
+ />
4968
4898
  </button>
4969
4899
  `;
4970
4900
 
@@ -5018,25 +4948,24 @@ exports[`IconButtonCore kind:secondary color:destructive size:xsmall light:false
5018
4948
  tabIndex={0}
5019
4949
  type="button"
5020
4950
  >
5021
- <svg
4951
+ <span
5022
4952
  className=""
5023
- height={16}
5024
4953
  style={
5025
4954
  {
4955
+ "backgroundColor": "currentColor",
5026
4956
  "display": "inline-block",
5027
4957
  "flexGrow": 0,
5028
4958
  "flexShrink": 0,
4959
+ "height": 16,
4960
+ "maskImage": "url([object Object])",
4961
+ "maskPosition": "center",
4962
+ "maskRepeat": "no-repeat",
4963
+ "maskSize": "100%",
5029
4964
  "verticalAlign": "text-bottom",
4965
+ "width": 16,
5030
4966
  }
5031
4967
  }
5032
- viewBox="0 0 16 16"
5033
- width={16}
5034
- >
5035
- <path
5036
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
5037
- fill="currentColor"
5038
- />
5039
- </svg>
4968
+ />
5040
4969
  </button>
5041
4970
  `;
5042
4971
 
@@ -5090,25 +5019,24 @@ exports[`IconButtonCore kind:secondary color:destructive size:xsmall light:false
5090
5019
  tabIndex={0}
5091
5020
  type="button"
5092
5021
  >
5093
- <svg
5022
+ <span
5094
5023
  className=""
5095
- height={16}
5096
5024
  style={
5097
5025
  {
5026
+ "backgroundColor": "currentColor",
5098
5027
  "display": "inline-block",
5099
5028
  "flexGrow": 0,
5100
5029
  "flexShrink": 0,
5030
+ "height": 16,
5031
+ "maskImage": "url([object Object])",
5032
+ "maskPosition": "center",
5033
+ "maskRepeat": "no-repeat",
5034
+ "maskSize": "100%",
5101
5035
  "verticalAlign": "text-bottom",
5036
+ "width": 16,
5102
5037
  }
5103
5038
  }
5104
- viewBox="0 0 16 16"
5105
- width={16}
5106
- >
5107
- <path
5108
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
5109
- fill="currentColor"
5110
- />
5111
- </svg>
5039
+ />
5112
5040
  </button>
5113
5041
  `;
5114
5042
 
@@ -5158,25 +5086,24 @@ exports[`IconButtonCore kind:tertiary color:default size:medium light:false disa
5158
5086
  tabIndex={-1}
5159
5087
  type="button"
5160
5088
  >
5161
- <svg
5089
+ <span
5162
5090
  className=""
5163
- height={24}
5164
5091
  style={
5165
5092
  {
5093
+ "backgroundColor": "currentColor",
5166
5094
  "display": "inline-block",
5167
5095
  "flexGrow": 0,
5168
5096
  "flexShrink": 0,
5097
+ "height": 24,
5098
+ "maskImage": "url([object Object])",
5099
+ "maskPosition": "center",
5100
+ "maskRepeat": "no-repeat",
5101
+ "maskSize": "100%",
5169
5102
  "verticalAlign": "text-bottom",
5103
+ "width": 24,
5170
5104
  }
5171
5105
  }
5172
- viewBox="0 0 24 24"
5173
- width={24}
5174
- >
5175
- <path
5176
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
5177
- fill="currentColor"
5178
- />
5179
- </svg>
5106
+ />
5180
5107
  </button>
5181
5108
  `;
5182
5109
 
@@ -5230,25 +5157,24 @@ exports[`IconButtonCore kind:tertiary color:default size:medium light:false focu
5230
5157
  tabIndex={0}
5231
5158
  type="button"
5232
5159
  >
5233
- <svg
5160
+ <span
5234
5161
  className=""
5235
- height={24}
5236
5162
  style={
5237
5163
  {
5164
+ "backgroundColor": "currentColor",
5238
5165
  "display": "inline-block",
5239
5166
  "flexGrow": 0,
5240
5167
  "flexShrink": 0,
5168
+ "height": 24,
5169
+ "maskImage": "url([object Object])",
5170
+ "maskPosition": "center",
5171
+ "maskRepeat": "no-repeat",
5172
+ "maskSize": "100%",
5241
5173
  "verticalAlign": "text-bottom",
5174
+ "width": 24,
5242
5175
  }
5243
5176
  }
5244
- viewBox="0 0 24 24"
5245
- width={24}
5246
- >
5247
- <path
5248
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
5249
- fill="currentColor"
5250
- />
5251
- </svg>
5177
+ />
5252
5178
  </button>
5253
5179
  `;
5254
5180
 
@@ -5302,25 +5228,24 @@ exports[`IconButtonCore kind:tertiary color:default size:medium light:false hove
5302
5228
  tabIndex={0}
5303
5229
  type="button"
5304
5230
  >
5305
- <svg
5231
+ <span
5306
5232
  className=""
5307
- height={24}
5308
5233
  style={
5309
5234
  {
5235
+ "backgroundColor": "currentColor",
5310
5236
  "display": "inline-block",
5311
5237
  "flexGrow": 0,
5312
5238
  "flexShrink": 0,
5239
+ "height": 24,
5240
+ "maskImage": "url([object Object])",
5241
+ "maskPosition": "center",
5242
+ "maskRepeat": "no-repeat",
5243
+ "maskSize": "100%",
5313
5244
  "verticalAlign": "text-bottom",
5245
+ "width": 24,
5314
5246
  }
5315
5247
  }
5316
- viewBox="0 0 24 24"
5317
- width={24}
5318
- >
5319
- <path
5320
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
5321
- fill="currentColor"
5322
- />
5323
- </svg>
5248
+ />
5324
5249
  </button>
5325
5250
  `;
5326
5251
 
@@ -5374,25 +5299,24 @@ exports[`IconButtonCore kind:tertiary color:default size:medium light:false pres
5374
5299
  tabIndex={0}
5375
5300
  type="button"
5376
5301
  >
5377
- <svg
5302
+ <span
5378
5303
  className=""
5379
- height={24}
5380
5304
  style={
5381
5305
  {
5306
+ "backgroundColor": "currentColor",
5382
5307
  "display": "inline-block",
5383
5308
  "flexGrow": 0,
5384
5309
  "flexShrink": 0,
5310
+ "height": 24,
5311
+ "maskImage": "url([object Object])",
5312
+ "maskPosition": "center",
5313
+ "maskRepeat": "no-repeat",
5314
+ "maskSize": "100%",
5385
5315
  "verticalAlign": "text-bottom",
5316
+ "width": 24,
5386
5317
  }
5387
5318
  }
5388
- viewBox="0 0 24 24"
5389
- width={24}
5390
- >
5391
- <path
5392
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
5393
- fill="currentColor"
5394
- />
5395
- </svg>
5319
+ />
5396
5320
  </button>
5397
5321
  `;
5398
5322
 
@@ -5442,25 +5366,24 @@ exports[`IconButtonCore kind:tertiary color:default size:small light:false disab
5442
5366
  tabIndex={-1}
5443
5367
  type="button"
5444
5368
  >
5445
- <svg
5369
+ <span
5446
5370
  className=""
5447
- height={24}
5448
5371
  style={
5449
5372
  {
5373
+ "backgroundColor": "currentColor",
5450
5374
  "display": "inline-block",
5451
5375
  "flexGrow": 0,
5452
5376
  "flexShrink": 0,
5377
+ "height": 24,
5378
+ "maskImage": "url([object Object])",
5379
+ "maskPosition": "center",
5380
+ "maskRepeat": "no-repeat",
5381
+ "maskSize": "100%",
5453
5382
  "verticalAlign": "text-bottom",
5383
+ "width": 24,
5454
5384
  }
5455
5385
  }
5456
- viewBox="0 0 24 24"
5457
- width={24}
5458
- >
5459
- <path
5460
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
5461
- fill="currentColor"
5462
- />
5463
- </svg>
5386
+ />
5464
5387
  </button>
5465
5388
  `;
5466
5389
 
@@ -5514,25 +5437,24 @@ exports[`IconButtonCore kind:tertiary color:default size:small light:false focus
5514
5437
  tabIndex={0}
5515
5438
  type="button"
5516
5439
  >
5517
- <svg
5440
+ <span
5518
5441
  className=""
5519
- height={24}
5520
5442
  style={
5521
5443
  {
5444
+ "backgroundColor": "currentColor",
5522
5445
  "display": "inline-block",
5523
5446
  "flexGrow": 0,
5524
5447
  "flexShrink": 0,
5448
+ "height": 24,
5449
+ "maskImage": "url([object Object])",
5450
+ "maskPosition": "center",
5451
+ "maskRepeat": "no-repeat",
5452
+ "maskSize": "100%",
5525
5453
  "verticalAlign": "text-bottom",
5454
+ "width": 24,
5526
5455
  }
5527
5456
  }
5528
- viewBox="0 0 24 24"
5529
- width={24}
5530
- >
5531
- <path
5532
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
5533
- fill="currentColor"
5534
- />
5535
- </svg>
5457
+ />
5536
5458
  </button>
5537
5459
  `;
5538
5460
 
@@ -5586,25 +5508,24 @@ exports[`IconButtonCore kind:tertiary color:default size:small light:false hover
5586
5508
  tabIndex={0}
5587
5509
  type="button"
5588
5510
  >
5589
- <svg
5511
+ <span
5590
5512
  className=""
5591
- height={24}
5592
5513
  style={
5593
5514
  {
5515
+ "backgroundColor": "currentColor",
5594
5516
  "display": "inline-block",
5595
5517
  "flexGrow": 0,
5596
5518
  "flexShrink": 0,
5519
+ "height": 24,
5520
+ "maskImage": "url([object Object])",
5521
+ "maskPosition": "center",
5522
+ "maskRepeat": "no-repeat",
5523
+ "maskSize": "100%",
5597
5524
  "verticalAlign": "text-bottom",
5525
+ "width": 24,
5598
5526
  }
5599
5527
  }
5600
- viewBox="0 0 24 24"
5601
- width={24}
5602
- >
5603
- <path
5604
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
5605
- fill="currentColor"
5606
- />
5607
- </svg>
5528
+ />
5608
5529
  </button>
5609
5530
  `;
5610
5531
 
@@ -5658,25 +5579,24 @@ exports[`IconButtonCore kind:tertiary color:default size:small light:false press
5658
5579
  tabIndex={0}
5659
5580
  type="button"
5660
5581
  >
5661
- <svg
5582
+ <span
5662
5583
  className=""
5663
- height={24}
5664
5584
  style={
5665
5585
  {
5586
+ "backgroundColor": "currentColor",
5666
5587
  "display": "inline-block",
5667
5588
  "flexGrow": 0,
5668
5589
  "flexShrink": 0,
5590
+ "height": 24,
5591
+ "maskImage": "url([object Object])",
5592
+ "maskPosition": "center",
5593
+ "maskRepeat": "no-repeat",
5594
+ "maskSize": "100%",
5669
5595
  "verticalAlign": "text-bottom",
5596
+ "width": 24,
5670
5597
  }
5671
5598
  }
5672
- viewBox="0 0 24 24"
5673
- width={24}
5674
- >
5675
- <path
5676
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
5677
- fill="currentColor"
5678
- />
5679
- </svg>
5599
+ />
5680
5600
  </button>
5681
5601
  `;
5682
5602
 
@@ -5726,25 +5646,24 @@ exports[`IconButtonCore kind:tertiary color:default size:xsmall light:false disa
5726
5646
  tabIndex={-1}
5727
5647
  type="button"
5728
5648
  >
5729
- <svg
5649
+ <span
5730
5650
  className=""
5731
- height={16}
5732
5651
  style={
5733
5652
  {
5653
+ "backgroundColor": "currentColor",
5734
5654
  "display": "inline-block",
5735
5655
  "flexGrow": 0,
5736
5656
  "flexShrink": 0,
5657
+ "height": 16,
5658
+ "maskImage": "url([object Object])",
5659
+ "maskPosition": "center",
5660
+ "maskRepeat": "no-repeat",
5661
+ "maskSize": "100%",
5737
5662
  "verticalAlign": "text-bottom",
5663
+ "width": 16,
5738
5664
  }
5739
5665
  }
5740
- viewBox="0 0 16 16"
5741
- width={16}
5742
- >
5743
- <path
5744
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
5745
- fill="currentColor"
5746
- />
5747
- </svg>
5666
+ />
5748
5667
  </button>
5749
5668
  `;
5750
5669
 
@@ -5798,25 +5717,24 @@ exports[`IconButtonCore kind:tertiary color:default size:xsmall light:false focu
5798
5717
  tabIndex={0}
5799
5718
  type="button"
5800
5719
  >
5801
- <svg
5720
+ <span
5802
5721
  className=""
5803
- height={16}
5804
5722
  style={
5805
5723
  {
5724
+ "backgroundColor": "currentColor",
5806
5725
  "display": "inline-block",
5807
5726
  "flexGrow": 0,
5808
5727
  "flexShrink": 0,
5728
+ "height": 16,
5729
+ "maskImage": "url([object Object])",
5730
+ "maskPosition": "center",
5731
+ "maskRepeat": "no-repeat",
5732
+ "maskSize": "100%",
5809
5733
  "verticalAlign": "text-bottom",
5734
+ "width": 16,
5810
5735
  }
5811
5736
  }
5812
- viewBox="0 0 16 16"
5813
- width={16}
5814
- >
5815
- <path
5816
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
5817
- fill="currentColor"
5818
- />
5819
- </svg>
5737
+ />
5820
5738
  </button>
5821
5739
  `;
5822
5740
 
@@ -5870,25 +5788,24 @@ exports[`IconButtonCore kind:tertiary color:default size:xsmall light:false hove
5870
5788
  tabIndex={0}
5871
5789
  type="button"
5872
5790
  >
5873
- <svg
5791
+ <span
5874
5792
  className=""
5875
- height={16}
5876
5793
  style={
5877
5794
  {
5795
+ "backgroundColor": "currentColor",
5878
5796
  "display": "inline-block",
5879
5797
  "flexGrow": 0,
5880
5798
  "flexShrink": 0,
5799
+ "height": 16,
5800
+ "maskImage": "url([object Object])",
5801
+ "maskPosition": "center",
5802
+ "maskRepeat": "no-repeat",
5803
+ "maskSize": "100%",
5881
5804
  "verticalAlign": "text-bottom",
5805
+ "width": 16,
5882
5806
  }
5883
5807
  }
5884
- viewBox="0 0 16 16"
5885
- width={16}
5886
- >
5887
- <path
5888
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
5889
- fill="currentColor"
5890
- />
5891
- </svg>
5808
+ />
5892
5809
  </button>
5893
5810
  `;
5894
5811
 
@@ -5942,25 +5859,24 @@ exports[`IconButtonCore kind:tertiary color:default size:xsmall light:false pres
5942
5859
  tabIndex={0}
5943
5860
  type="button"
5944
5861
  >
5945
- <svg
5862
+ <span
5946
5863
  className=""
5947
- height={16}
5948
5864
  style={
5949
5865
  {
5866
+ "backgroundColor": "currentColor",
5950
5867
  "display": "inline-block",
5951
5868
  "flexGrow": 0,
5952
5869
  "flexShrink": 0,
5870
+ "height": 16,
5871
+ "maskImage": "url([object Object])",
5872
+ "maskPosition": "center",
5873
+ "maskRepeat": "no-repeat",
5874
+ "maskSize": "100%",
5953
5875
  "verticalAlign": "text-bottom",
5876
+ "width": 16,
5954
5877
  }
5955
5878
  }
5956
- viewBox="0 0 16 16"
5957
- width={16}
5958
- >
5959
- <path
5960
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
5961
- fill="currentColor"
5962
- />
5963
- </svg>
5879
+ />
5964
5880
  </button>
5965
5881
  `;
5966
5882
 
@@ -6010,25 +5926,24 @@ exports[`IconButtonCore kind:tertiary color:destructive size:medium light:false
6010
5926
  tabIndex={-1}
6011
5927
  type="button"
6012
5928
  >
6013
- <svg
5929
+ <span
6014
5930
  className=""
6015
- height={24}
6016
5931
  style={
6017
5932
  {
5933
+ "backgroundColor": "currentColor",
6018
5934
  "display": "inline-block",
6019
5935
  "flexGrow": 0,
6020
5936
  "flexShrink": 0,
5937
+ "height": 24,
5938
+ "maskImage": "url([object Object])",
5939
+ "maskPosition": "center",
5940
+ "maskRepeat": "no-repeat",
5941
+ "maskSize": "100%",
6021
5942
  "verticalAlign": "text-bottom",
5943
+ "width": 24,
6022
5944
  }
6023
5945
  }
6024
- viewBox="0 0 24 24"
6025
- width={24}
6026
- >
6027
- <path
6028
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
6029
- fill="currentColor"
6030
- />
6031
- </svg>
5946
+ />
6032
5947
  </button>
6033
5948
  `;
6034
5949
 
@@ -6082,25 +5997,24 @@ exports[`IconButtonCore kind:tertiary color:destructive size:medium light:false
6082
5997
  tabIndex={0}
6083
5998
  type="button"
6084
5999
  >
6085
- <svg
6000
+ <span
6086
6001
  className=""
6087
- height={24}
6088
6002
  style={
6089
6003
  {
6004
+ "backgroundColor": "currentColor",
6090
6005
  "display": "inline-block",
6091
6006
  "flexGrow": 0,
6092
6007
  "flexShrink": 0,
6008
+ "height": 24,
6009
+ "maskImage": "url([object Object])",
6010
+ "maskPosition": "center",
6011
+ "maskRepeat": "no-repeat",
6012
+ "maskSize": "100%",
6093
6013
  "verticalAlign": "text-bottom",
6014
+ "width": 24,
6094
6015
  }
6095
6016
  }
6096
- viewBox="0 0 24 24"
6097
- width={24}
6098
- >
6099
- <path
6100
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
6101
- fill="currentColor"
6102
- />
6103
- </svg>
6017
+ />
6104
6018
  </button>
6105
6019
  `;
6106
6020
 
@@ -6154,25 +6068,24 @@ exports[`IconButtonCore kind:tertiary color:destructive size:medium light:false
6154
6068
  tabIndex={0}
6155
6069
  type="button"
6156
6070
  >
6157
- <svg
6071
+ <span
6158
6072
  className=""
6159
- height={24}
6160
6073
  style={
6161
6074
  {
6075
+ "backgroundColor": "currentColor",
6162
6076
  "display": "inline-block",
6163
6077
  "flexGrow": 0,
6164
6078
  "flexShrink": 0,
6079
+ "height": 24,
6080
+ "maskImage": "url([object Object])",
6081
+ "maskPosition": "center",
6082
+ "maskRepeat": "no-repeat",
6083
+ "maskSize": "100%",
6165
6084
  "verticalAlign": "text-bottom",
6085
+ "width": 24,
6166
6086
  }
6167
6087
  }
6168
- viewBox="0 0 24 24"
6169
- width={24}
6170
- >
6171
- <path
6172
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
6173
- fill="currentColor"
6174
- />
6175
- </svg>
6088
+ />
6176
6089
  </button>
6177
6090
  `;
6178
6091
 
@@ -6226,25 +6139,24 @@ exports[`IconButtonCore kind:tertiary color:destructive size:medium light:false
6226
6139
  tabIndex={0}
6227
6140
  type="button"
6228
6141
  >
6229
- <svg
6142
+ <span
6230
6143
  className=""
6231
- height={24}
6232
6144
  style={
6233
6145
  {
6146
+ "backgroundColor": "currentColor",
6234
6147
  "display": "inline-block",
6235
6148
  "flexGrow": 0,
6236
6149
  "flexShrink": 0,
6150
+ "height": 24,
6151
+ "maskImage": "url([object Object])",
6152
+ "maskPosition": "center",
6153
+ "maskRepeat": "no-repeat",
6154
+ "maskSize": "100%",
6237
6155
  "verticalAlign": "text-bottom",
6156
+ "width": 24,
6238
6157
  }
6239
6158
  }
6240
- viewBox="0 0 24 24"
6241
- width={24}
6242
- >
6243
- <path
6244
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
6245
- fill="currentColor"
6246
- />
6247
- </svg>
6159
+ />
6248
6160
  </button>
6249
6161
  `;
6250
6162
 
@@ -6294,25 +6206,24 @@ exports[`IconButtonCore kind:tertiary color:destructive size:small light:false d
6294
6206
  tabIndex={-1}
6295
6207
  type="button"
6296
6208
  >
6297
- <svg
6209
+ <span
6298
6210
  className=""
6299
- height={24}
6300
6211
  style={
6301
6212
  {
6213
+ "backgroundColor": "currentColor",
6302
6214
  "display": "inline-block",
6303
6215
  "flexGrow": 0,
6304
6216
  "flexShrink": 0,
6217
+ "height": 24,
6218
+ "maskImage": "url([object Object])",
6219
+ "maskPosition": "center",
6220
+ "maskRepeat": "no-repeat",
6221
+ "maskSize": "100%",
6305
6222
  "verticalAlign": "text-bottom",
6223
+ "width": 24,
6306
6224
  }
6307
6225
  }
6308
- viewBox="0 0 24 24"
6309
- width={24}
6310
- >
6311
- <path
6312
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
6313
- fill="currentColor"
6314
- />
6315
- </svg>
6226
+ />
6316
6227
  </button>
6317
6228
  `;
6318
6229
 
@@ -6366,25 +6277,24 @@ exports[`IconButtonCore kind:tertiary color:destructive size:small light:false f
6366
6277
  tabIndex={0}
6367
6278
  type="button"
6368
6279
  >
6369
- <svg
6280
+ <span
6370
6281
  className=""
6371
- height={24}
6372
6282
  style={
6373
6283
  {
6284
+ "backgroundColor": "currentColor",
6374
6285
  "display": "inline-block",
6375
6286
  "flexGrow": 0,
6376
6287
  "flexShrink": 0,
6288
+ "height": 24,
6289
+ "maskImage": "url([object Object])",
6290
+ "maskPosition": "center",
6291
+ "maskRepeat": "no-repeat",
6292
+ "maskSize": "100%",
6377
6293
  "verticalAlign": "text-bottom",
6294
+ "width": 24,
6378
6295
  }
6379
6296
  }
6380
- viewBox="0 0 24 24"
6381
- width={24}
6382
- >
6383
- <path
6384
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
6385
- fill="currentColor"
6386
- />
6387
- </svg>
6297
+ />
6388
6298
  </button>
6389
6299
  `;
6390
6300
 
@@ -6438,25 +6348,24 @@ exports[`IconButtonCore kind:tertiary color:destructive size:small light:false h
6438
6348
  tabIndex={0}
6439
6349
  type="button"
6440
6350
  >
6441
- <svg
6351
+ <span
6442
6352
  className=""
6443
- height={24}
6444
6353
  style={
6445
6354
  {
6355
+ "backgroundColor": "currentColor",
6446
6356
  "display": "inline-block",
6447
6357
  "flexGrow": 0,
6448
6358
  "flexShrink": 0,
6359
+ "height": 24,
6360
+ "maskImage": "url([object Object])",
6361
+ "maskPosition": "center",
6362
+ "maskRepeat": "no-repeat",
6363
+ "maskSize": "100%",
6449
6364
  "verticalAlign": "text-bottom",
6365
+ "width": 24,
6450
6366
  }
6451
6367
  }
6452
- viewBox="0 0 24 24"
6453
- width={24}
6454
- >
6455
- <path
6456
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
6457
- fill="currentColor"
6458
- />
6459
- </svg>
6368
+ />
6460
6369
  </button>
6461
6370
  `;
6462
6371
 
@@ -6510,25 +6419,24 @@ exports[`IconButtonCore kind:tertiary color:destructive size:small light:false p
6510
6419
  tabIndex={0}
6511
6420
  type="button"
6512
6421
  >
6513
- <svg
6422
+ <span
6514
6423
  className=""
6515
- height={24}
6516
6424
  style={
6517
6425
  {
6426
+ "backgroundColor": "currentColor",
6518
6427
  "display": "inline-block",
6519
6428
  "flexGrow": 0,
6520
6429
  "flexShrink": 0,
6430
+ "height": 24,
6431
+ "maskImage": "url([object Object])",
6432
+ "maskPosition": "center",
6433
+ "maskRepeat": "no-repeat",
6434
+ "maskSize": "100%",
6521
6435
  "verticalAlign": "text-bottom",
6436
+ "width": 24,
6522
6437
  }
6523
6438
  }
6524
- viewBox="0 0 24 24"
6525
- width={24}
6526
- >
6527
- <path
6528
- d="M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"
6529
- fill="currentColor"
6530
- />
6531
- </svg>
6439
+ />
6532
6440
  </button>
6533
6441
  `;
6534
6442
 
@@ -6578,25 +6486,24 @@ exports[`IconButtonCore kind:tertiary color:destructive size:xsmall light:false
6578
6486
  tabIndex={-1}
6579
6487
  type="button"
6580
6488
  >
6581
- <svg
6489
+ <span
6582
6490
  className=""
6583
- height={16}
6584
6491
  style={
6585
6492
  {
6493
+ "backgroundColor": "currentColor",
6586
6494
  "display": "inline-block",
6587
6495
  "flexGrow": 0,
6588
6496
  "flexShrink": 0,
6497
+ "height": 16,
6498
+ "maskImage": "url([object Object])",
6499
+ "maskPosition": "center",
6500
+ "maskRepeat": "no-repeat",
6501
+ "maskSize": "100%",
6589
6502
  "verticalAlign": "text-bottom",
6503
+ "width": 16,
6590
6504
  }
6591
6505
  }
6592
- viewBox="0 0 16 16"
6593
- width={16}
6594
- >
6595
- <path
6596
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
6597
- fill="currentColor"
6598
- />
6599
- </svg>
6506
+ />
6600
6507
  </button>
6601
6508
  `;
6602
6509
 
@@ -6650,25 +6557,24 @@ exports[`IconButtonCore kind:tertiary color:destructive size:xsmall light:false
6650
6557
  tabIndex={0}
6651
6558
  type="button"
6652
6559
  >
6653
- <svg
6560
+ <span
6654
6561
  className=""
6655
- height={16}
6656
6562
  style={
6657
6563
  {
6564
+ "backgroundColor": "currentColor",
6658
6565
  "display": "inline-block",
6659
6566
  "flexGrow": 0,
6660
6567
  "flexShrink": 0,
6568
+ "height": 16,
6569
+ "maskImage": "url([object Object])",
6570
+ "maskPosition": "center",
6571
+ "maskRepeat": "no-repeat",
6572
+ "maskSize": "100%",
6661
6573
  "verticalAlign": "text-bottom",
6574
+ "width": 16,
6662
6575
  }
6663
6576
  }
6664
- viewBox="0 0 16 16"
6665
- width={16}
6666
- >
6667
- <path
6668
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
6669
- fill="currentColor"
6670
- />
6671
- </svg>
6577
+ />
6672
6578
  </button>
6673
6579
  `;
6674
6580
 
@@ -6722,25 +6628,24 @@ exports[`IconButtonCore kind:tertiary color:destructive size:xsmall light:false
6722
6628
  tabIndex={0}
6723
6629
  type="button"
6724
6630
  >
6725
- <svg
6631
+ <span
6726
6632
  className=""
6727
- height={16}
6728
6633
  style={
6729
6634
  {
6635
+ "backgroundColor": "currentColor",
6730
6636
  "display": "inline-block",
6731
6637
  "flexGrow": 0,
6732
6638
  "flexShrink": 0,
6639
+ "height": 16,
6640
+ "maskImage": "url([object Object])",
6641
+ "maskPosition": "center",
6642
+ "maskRepeat": "no-repeat",
6643
+ "maskSize": "100%",
6733
6644
  "verticalAlign": "text-bottom",
6645
+ "width": 16,
6734
6646
  }
6735
6647
  }
6736
- viewBox="0 0 16 16"
6737
- width={16}
6738
- >
6739
- <path
6740
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
6741
- fill="currentColor"
6742
- />
6743
- </svg>
6648
+ />
6744
6649
  </button>
6745
6650
  `;
6746
6651
 
@@ -6794,24 +6699,23 @@ exports[`IconButtonCore kind:tertiary color:destructive size:xsmall light:false
6794
6699
  tabIndex={0}
6795
6700
  type="button"
6796
6701
  >
6797
- <svg
6702
+ <span
6798
6703
  className=""
6799
- height={16}
6800
6704
  style={
6801
6705
  {
6706
+ "backgroundColor": "currentColor",
6802
6707
  "display": "inline-block",
6803
6708
  "flexGrow": 0,
6804
6709
  "flexShrink": 0,
6710
+ "height": 16,
6711
+ "maskImage": "url([object Object])",
6712
+ "maskPosition": "center",
6713
+ "maskRepeat": "no-repeat",
6714
+ "maskSize": "100%",
6805
6715
  "verticalAlign": "text-bottom",
6716
+ "width": 16,
6806
6717
  }
6807
6718
  }
6808
- viewBox="0 0 16 16"
6809
- width={16}
6810
- >
6811
- <path
6812
- d="M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
6813
- fill="currentColor"
6814
- />
6815
- </svg>
6719
+ />
6816
6720
  </button>
6817
6721
  `;