Skip to content

Commit 87326d3

Browse files
deatigerdeatiger
authored
πŸ’„ INGRED UI ε†…γ§δ½Ώγ‚γ‚Œγ¦γ„γ‚‹ close_circle をむコンを line から fill に倉更 (#1598)
1 parent 39a4385 commit 87326d3

File tree

9 files changed

+72
-70
lines changed

9 files changed

+72
-70
lines changed

β€Ž.changeset/cool-seahorses-tickle.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"ingred-ui": patch
3+
---
4+
5+
Replace close circle line icon with close circle fill icon

β€Žsrc/components/CreatableSelect/__tests__/__snapshots__/CreatableSelect.test.tsx.snap

+4-4
Original file line numberDiff line numberDiff line change
@@ -541,7 +541,7 @@ exports[`CreatableSelect component testing Error multiple CreatableSelected 1`]
541541
xmlns="http://www.w3.org/2000/svg"
542542
>
543543
<path
544-
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 10.5858L14.8284 7.75736L16.2426 9.17157L13.4142 12L16.2426 14.8284L14.8284 16.2426L12 13.4142L9.17157 16.2426L7.75736 14.8284L10.5858 12L7.75736 9.17157L9.17157 7.75736L12 10.5858Z"
544+
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z"
545545
fill="#041C33"
546546
/>
547547
</svg>
@@ -797,7 +797,7 @@ exports[`CreatableSelect component testing Error one CreatableSelected 1`] = `
797797
xmlns="http://www.w3.org/2000/svg"
798798
>
799799
<path
800-
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 10.5858L14.8284 7.75736L16.2426 9.17157L13.4142 12L16.2426 14.8284L14.8284 16.2426L12 13.4142L9.17157 16.2426L7.75736 14.8284L10.5858 12L7.75736 9.17157L9.17157 7.75736L12 10.5858Z"
800+
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z"
801801
fill="#041C33"
802802
/>
803803
</svg>
@@ -996,7 +996,7 @@ exports[`CreatableSelect component testing Normal multiple CreatableSelected 1`]
996996
xmlns="http://www.w3.org/2000/svg"
997997
>
998998
<path
999-
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 10.5858L14.8284 7.75736L16.2426 9.17157L13.4142 12L16.2426 14.8284L14.8284 16.2426L12 13.4142L9.17157 16.2426L7.75736 14.8284L10.5858 12L7.75736 9.17157L9.17157 7.75736L12 10.5858Z"
999+
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z"
10001000
fill="#041C33"
10011001
/>
10021002
</svg>
@@ -1252,7 +1252,7 @@ exports[`CreatableSelect component testing Normal one CreatableSelected 1`] = `
12521252
xmlns="http://www.w3.org/2000/svg"
12531253
>
12541254
<path
1255-
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 10.5858L14.8284 7.75736L16.2426 9.17157L13.4142 12L16.2426 14.8284L14.8284 16.2426L12 13.4142L9.17157 16.2426L7.75736 14.8284L10.5858 12L7.75736 9.17157L9.17157 7.75736L12 10.5858Z"
1255+
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z"
12561256
fill="#041C33"
12571257
/>
12581258
</svg>

β€Žsrc/components/DualListBox/__tests__/__snapshots__/DualListBox.test.tsx.snap

+45-54
Original file line numberDiff line numberDiff line change
@@ -319,20 +319,19 @@ exports[`DualListBox component testing DualListBox candidateItems and selectedIt
319319
class="sc-dmRaPn fQPlCU"
320320
>
321321
<button
322-
class="sc-hHLeRK ekRxkP"
322+
class="sc-hHLeRK kuTMAn"
323323
type="button"
324324
>
325325
<span
326-
class="sc-gsnTZi bkuzTp"
327-
size="12"
326+
class="sc-gsnTZi ezZeqd"
327+
size="18"
328328
>
329329
<svg
330-
fill="none"
331-
viewBox="0 0 16 16"
330+
viewBox="0 0 24 24"
332331
xmlns="http://www.w3.org/2000/svg"
333332
>
334333
<path
335-
d="M1.45456 1.45449C2.25788 0.65117 3.5605 0.651339 4.36403 1.45487L8.0005 5.09135L11.6374 1.45446C12.4405 0.651345 13.7426 0.651345 14.5457 1.45446L14.5465 1.45522C15.3496 2.25833 15.3496 3.56044 14.5465 4.36356L10.9096 8.00044L14.5447 11.6356C15.3483 12.4391 15.3484 13.7417 14.5451 14.545C13.7418 15.3484 12.4392 15.3482 11.6356 14.5447L8.0005 10.9095L4.36427 14.5458C3.56116 15.3489 2.25905 15.3489 1.45593 14.5458L1.45518 14.545C0.652059 13.7419 0.652059 12.4398 1.45517 11.6367L5.09141 8.00044L1.45493 4.36397C0.6514 3.56043 0.651231 2.25782 1.45456 1.45449Z"
334+
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z"
336335
fill="#041C33"
337336
/>
338337
</svg>
@@ -348,20 +347,19 @@ exports[`DualListBox component testing DualListBox candidateItems and selectedIt
348347
class="sc-dmRaPn fQPlCU"
349348
>
350349
<button
351-
class="sc-hHLeRK ekRxkP"
350+
class="sc-hHLeRK kuTMAn"
352351
type="button"
353352
>
354353
<span
355-
class="sc-gsnTZi bkuzTp"
356-
size="12"
354+
class="sc-gsnTZi ezZeqd"
355+
size="18"
357356
>
358357
<svg
359-
fill="none"
360-
viewBox="0 0 16 16"
358+
viewBox="0 0 24 24"
361359
xmlns="http://www.w3.org/2000/svg"
362360
>
363361
<path
364-
d="M1.45456 1.45449C2.25788 0.65117 3.5605 0.651339 4.36403 1.45487L8.0005 5.09135L11.6374 1.45446C12.4405 0.651345 13.7426 0.651345 14.5457 1.45446L14.5465 1.45522C15.3496 2.25833 15.3496 3.56044 14.5465 4.36356L10.9096 8.00044L14.5447 11.6356C15.3483 12.4391 15.3484 13.7417 14.5451 14.545C13.7418 15.3484 12.4392 15.3482 11.6356 14.5447L8.0005 10.9095L4.36427 14.5458C3.56116 15.3489 2.25905 15.3489 1.45593 14.5458L1.45518 14.545C0.652059 13.7419 0.652059 12.4398 1.45517 11.6367L5.09141 8.00044L1.45493 4.36397C0.6514 3.56043 0.651231 2.25782 1.45456 1.45449Z"
362+
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z"
365363
fill="#041C33"
366364
/>
367365
</svg>
@@ -377,20 +375,19 @@ exports[`DualListBox component testing DualListBox candidateItems and selectedIt
377375
class="sc-dmRaPn fQPlCU"
378376
>
379377
<button
380-
class="sc-hHLeRK ekRxkP"
378+
class="sc-hHLeRK kuTMAn"
381379
type="button"
382380
>
383381
<span
384-
class="sc-gsnTZi bkuzTp"
385-
size="12"
382+
class="sc-gsnTZi ezZeqd"
383+
size="18"
386384
>
387385
<svg
388-
fill="none"
389-
viewBox="0 0 16 16"
386+
viewBox="0 0 24 24"
390387
xmlns="http://www.w3.org/2000/svg"
391388
>
392389
<path
393-
d="M1.45456 1.45449C2.25788 0.65117 3.5605 0.651339 4.36403 1.45487L8.0005 5.09135L11.6374 1.45446C12.4405 0.651345 13.7426 0.651345 14.5457 1.45446L14.5465 1.45522C15.3496 2.25833 15.3496 3.56044 14.5465 4.36356L10.9096 8.00044L14.5447 11.6356C15.3483 12.4391 15.3484 13.7417 14.5451 14.545C13.7418 15.3484 12.4392 15.3482 11.6356 14.5447L8.0005 10.9095L4.36427 14.5458C3.56116 15.3489 2.25905 15.3489 1.45593 14.5458L1.45518 14.545C0.652059 13.7419 0.652059 12.4398 1.45517 11.6367L5.09141 8.00044L1.45493 4.36397C0.6514 3.56043 0.651231 2.25782 1.45456 1.45449Z"
390+
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z"
394391
fill="#041C33"
395392
/>
396393
</svg>
@@ -406,20 +403,19 @@ exports[`DualListBox component testing DualListBox candidateItems and selectedIt
406403
class="sc-dmRaPn fQPlCU"
407404
>
408405
<button
409-
class="sc-hHLeRK ekRxkP"
406+
class="sc-hHLeRK kuTMAn"
410407
type="button"
411408
>
412409
<span
413-
class="sc-gsnTZi bkuzTp"
414-
size="12"
410+
class="sc-gsnTZi ezZeqd"
411+
size="18"
415412
>
416413
<svg
417-
fill="none"
418-
viewBox="0 0 16 16"
414+
viewBox="0 0 24 24"
419415
xmlns="http://www.w3.org/2000/svg"
420416
>
421417
<path
422-
d="M1.45456 1.45449C2.25788 0.65117 3.5605 0.651339 4.36403 1.45487L8.0005 5.09135L11.6374 1.45446C12.4405 0.651345 13.7426 0.651345 14.5457 1.45446L14.5465 1.45522C15.3496 2.25833 15.3496 3.56044 14.5465 4.36356L10.9096 8.00044L14.5447 11.6356C15.3483 12.4391 15.3484 13.7417 14.5451 14.545C13.7418 15.3484 12.4392 15.3482 11.6356 14.5447L8.0005 10.9095L4.36427 14.5458C3.56116 15.3489 2.25905 15.3489 1.45593 14.5458L1.45518 14.545C0.652059 13.7419 0.652059 12.4398 1.45517 11.6367L5.09141 8.00044L1.45493 4.36397C0.6514 3.56043 0.651231 2.25782 1.45456 1.45449Z"
418+
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z"
423419
fill="#041C33"
424420
/>
425421
</svg>
@@ -509,20 +505,19 @@ exports[`DualListBox component testing DualListBox candidateItems and selectedIt
509505
class="sc-dmRaPn fQPlCU"
510506
>
511507
<button
512-
class="sc-hHLeRK ekRxkP"
508+
class="sc-hHLeRK kuTMAn"
513509
type="button"
514510
>
515511
<span
516-
class="sc-gsnTZi bkuzTp"
517-
size="12"
512+
class="sc-gsnTZi ezZeqd"
513+
size="18"
518514
>
519515
<svg
520-
fill="none"
521-
viewBox="0 0 16 16"
516+
viewBox="0 0 24 24"
522517
xmlns="http://www.w3.org/2000/svg"
523518
>
524519
<path
525-
d="M1.45456 1.45449C2.25788 0.65117 3.5605 0.651339 4.36403 1.45487L8.0005 5.09135L11.6374 1.45446C12.4405 0.651345 13.7426 0.651345 14.5457 1.45446L14.5465 1.45522C15.3496 2.25833 15.3496 3.56044 14.5465 4.36356L10.9096 8.00044L14.5447 11.6356C15.3483 12.4391 15.3484 13.7417 14.5451 14.545C13.7418 15.3484 12.4392 15.3482 11.6356 14.5447L8.0005 10.9095L4.36427 14.5458C3.56116 15.3489 2.25905 15.3489 1.45593 14.5458L1.45518 14.545C0.652059 13.7419 0.652059 12.4398 1.45517 11.6367L5.09141 8.00044L1.45493 4.36397C0.6514 3.56043 0.651231 2.25782 1.45456 1.45449Z"
520+
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z"
526521
fill="#041C33"
527522
/>
528523
</svg>
@@ -581,20 +576,19 @@ exports[`DualListBox component testing DualListBox selectedItems 1`] = `
581576
class="sc-dmRaPn fQPlCU"
582577
>
583578
<button
584-
class="sc-hHLeRK ekRxkP"
579+
class="sc-hHLeRK kuTMAn"
585580
type="button"
586581
>
587582
<span
588-
class="sc-gsnTZi bkuzTp"
589-
size="12"
583+
class="sc-gsnTZi ezZeqd"
584+
size="18"
590585
>
591586
<svg
592-
fill="none"
593-
viewBox="0 0 16 16"
587+
viewBox="0 0 24 24"
594588
xmlns="http://www.w3.org/2000/svg"
595589
>
596590
<path
597-
d="M1.45456 1.45449C2.25788 0.65117 3.5605 0.651339 4.36403 1.45487L8.0005 5.09135L11.6374 1.45446C12.4405 0.651345 13.7426 0.651345 14.5457 1.45446L14.5465 1.45522C15.3496 2.25833 15.3496 3.56044 14.5465 4.36356L10.9096 8.00044L14.5447 11.6356C15.3483 12.4391 15.3484 13.7417 14.5451 14.545C13.7418 15.3484 12.4392 15.3482 11.6356 14.5447L8.0005 10.9095L4.36427 14.5458C3.56116 15.3489 2.25905 15.3489 1.45593 14.5458L1.45518 14.545C0.652059 13.7419 0.652059 12.4398 1.45517 11.6367L5.09141 8.00044L1.45493 4.36397C0.6514 3.56043 0.651231 2.25782 1.45456 1.45449Z"
591+
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z"
598592
fill="#041C33"
599593
/>
600594
</svg>
@@ -610,20 +604,19 @@ exports[`DualListBox component testing DualListBox selectedItems 1`] = `
610604
class="sc-dmRaPn fQPlCU"
611605
>
612606
<button
613-
class="sc-hHLeRK ekRxkP"
607+
class="sc-hHLeRK kuTMAn"
614608
type="button"
615609
>
616610
<span
617-
class="sc-gsnTZi bkuzTp"
618-
size="12"
611+
class="sc-gsnTZi ezZeqd"
612+
size="18"
619613
>
620614
<svg
621-
fill="none"
622-
viewBox="0 0 16 16"
615+
viewBox="0 0 24 24"
623616
xmlns="http://www.w3.org/2000/svg"
624617
>
625618
<path
626-
d="M1.45456 1.45449C2.25788 0.65117 3.5605 0.651339 4.36403 1.45487L8.0005 5.09135L11.6374 1.45446C12.4405 0.651345 13.7426 0.651345 14.5457 1.45446L14.5465 1.45522C15.3496 2.25833 15.3496 3.56044 14.5465 4.36356L10.9096 8.00044L14.5447 11.6356C15.3483 12.4391 15.3484 13.7417 14.5451 14.545C13.7418 15.3484 12.4392 15.3482 11.6356 14.5447L8.0005 10.9095L4.36427 14.5458C3.56116 15.3489 2.25905 15.3489 1.45593 14.5458L1.45518 14.545C0.652059 13.7419 0.652059 12.4398 1.45517 11.6367L5.09141 8.00044L1.45493 4.36397C0.6514 3.56043 0.651231 2.25782 1.45456 1.45449Z"
619+
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z"
627620
fill="#041C33"
628621
/>
629622
</svg>
@@ -639,20 +632,19 @@ exports[`DualListBox component testing DualListBox selectedItems 1`] = `
639632
class="sc-dmRaPn fQPlCU"
640633
>
641634
<button
642-
class="sc-hHLeRK ekRxkP"
635+
class="sc-hHLeRK kuTMAn"
643636
type="button"
644637
>
645638
<span
646-
class="sc-gsnTZi bkuzTp"
647-
size="12"
639+
class="sc-gsnTZi ezZeqd"
640+
size="18"
648641
>
649642
<svg
650-
fill="none"
651-
viewBox="0 0 16 16"
643+
viewBox="0 0 24 24"
652644
xmlns="http://www.w3.org/2000/svg"
653645
>
654646
<path
655-
d="M1.45456 1.45449C2.25788 0.65117 3.5605 0.651339 4.36403 1.45487L8.0005 5.09135L11.6374 1.45446C12.4405 0.651345 13.7426 0.651345 14.5457 1.45446L14.5465 1.45522C15.3496 2.25833 15.3496 3.56044 14.5465 4.36356L10.9096 8.00044L14.5447 11.6356C15.3483 12.4391 15.3484 13.7417 14.5451 14.545C13.7418 15.3484 12.4392 15.3482 11.6356 14.5447L8.0005 10.9095L4.36427 14.5458C3.56116 15.3489 2.25905 15.3489 1.45593 14.5458L1.45518 14.545C0.652059 13.7419 0.652059 12.4398 1.45517 11.6367L5.09141 8.00044L1.45493 4.36397C0.6514 3.56043 0.651231 2.25782 1.45456 1.45449Z"
647+
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z"
656648
fill="#041C33"
657649
/>
658650
</svg>
@@ -668,20 +660,19 @@ exports[`DualListBox component testing DualListBox selectedItems 1`] = `
668660
class="sc-dmRaPn fQPlCU"
669661
>
670662
<button
671-
class="sc-hHLeRK ekRxkP"
663+
class="sc-hHLeRK kuTMAn"
672664
type="button"
673665
>
674666
<span
675-
class="sc-gsnTZi bkuzTp"
676-
size="12"
667+
class="sc-gsnTZi ezZeqd"
668+
size="18"
677669
>
678670
<svg
679-
fill="none"
680-
viewBox="0 0 16 16"
671+
viewBox="0 0 24 24"
681672
xmlns="http://www.w3.org/2000/svg"
682673
>
683674
<path
684-
d="M1.45456 1.45449C2.25788 0.65117 3.5605 0.651339 4.36403 1.45487L8.0005 5.09135L11.6374 1.45446C12.4405 0.651345 13.7426 0.651345 14.5457 1.45446L14.5465 1.45522C15.3496 2.25833 15.3496 3.56044 14.5465 4.36356L10.9096 8.00044L14.5447 11.6356C15.3483 12.4391 15.3484 13.7417 14.5451 14.545C13.7418 15.3484 12.4392 15.3482 11.6356 14.5447L8.0005 10.9095L4.36427 14.5458C3.56116 15.3489 2.25905 15.3489 1.45593 14.5458L1.45518 14.545C0.652059 13.7419 0.652059 12.4398 1.45517 11.6367L5.09141 8.00044L1.45493 4.36397C0.6514 3.56043 0.651231 2.25782 1.45456 1.45449Z"
675+
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z"
685676
fill="#041C33"
686677
/>
687678
</svg>

β€Žsrc/components/DualListBox/internal/SelectedList/SelectedList.tsx

+6-2
Original file line numberDiff line numberDiff line change
@@ -33,10 +33,14 @@ export const SelectedList: React.FunctionComponent<{
3333
<Styled.Action>
3434
{onRemove && (
3535
<Styled.RemoveButton
36-
type={"button"}
36+
type="button"
3737
onClick={() => onRemove(item)}
3838
>
39-
<Icon name="close" size="sm" color={theme.palette.black} />
39+
<Icon
40+
color={theme.palette.black}
41+
name="close_circle"
42+
type="fill"
43+
/>
4044
</Styled.RemoveButton>
4145
)}
4246
</Styled.Action>

0 commit comments

Comments
Β (0)