From 1532c3cb57235966df9ac57c62465ed77a178293 Mon Sep 17 00:00:00 2001 From: Pavel Prichodko <14926950+prichodko@users.noreply.github.com> Date: Mon, 23 Jan 2023 14:03:08 +0100 Subject: [PATCH] add suffix to icons --- .../components/src/accordion/accordion.tsx | 4 +- .../src/accordion/accordionItem.tsx | 4 +- packages/components/src/author/author.tsx | 12 +- .../components/src/button/button.stories.tsx | 59 ++- packages/components/src/composer/composer.tsx | 15 +- .../src/icon-button/icon-button.stories.tsx | 4 +- .../components/src/icons/icons.stories.tsx | 8 +- .../src/messages/components/actions.tsx | 8 +- .../src/messages/components/reactions.tsx | 29 +- packages/components/src/sidebar/sidebar.tsx | 4 +- packages/icons/12/{add.tsx => add-icon.tsx} | 4 +- ...add-reaction.tsx => add-reaction-icon.tsx} | 8 +- .../icons/12/{alert.tsx => alert-icon.tsx} | 4 +- .../{arrow-down.tsx => arrow-down-icon.tsx} | 4 +- .../{arrow-right.tsx => arrow-right-icon.tsx} | 4 +- .../12/{arrow-up.tsx => arrow-up-icon.tsx} | 4 +- .../icons/12/{block.tsx => block-icon.tsx} | 8 +- .../icons/12/{camera.tsx => camera-icon.tsx} | 8 +- .../icons/12/{cards.tsx => cards-icon.tsx} | 8 +- .../icons/12/{check.tsx => check-icon.tsx} | 4 +- .../{check-large.tsx => check-large-icon.tsx} | 4 +- ...ron-bottom.tsx => chevron-bottom-icon.tsx} | 4 +- ...chevron-left.tsx => chevron-left-icon.tsx} | 4 +- ...evron-right.tsx => chevron-right-icon.tsx} | 4 +- .../{chevron-top.tsx => chevron-top-icon.tsx} | 4 +- .../icons/12/{close.tsx => close-icon.tsx} | 4 +- .../icons/12/{color.tsx => color-icon.tsx} | 4 +- .../{communities.tsx => communities-icon.tsx} | 8 +- .../12/{contact.tsx => contact-icon.tsx} | 4 +- packages/icons/12/{copy.tsx => copy-icon.tsx} | 8 +- .../12/{delivered.tsx => delivered-icon.tsx} | 4 +- .../12/{dropdown.tsx => dropdown-icon.tsx} | 8 +- packages/icons/12/{edit.tsx => edit-icon.tsx} | 4 +- packages/icons/12/{gas.tsx => gas-icon.tsx} | 8 +- packages/icons/12/{hold.tsx => hold-icon.tsx} | 8 +- packages/icons/12/index.ts | 112 +++--- .../icons/12/{info-1.tsx => info-1-icon.tsx} | 4 +- packages/icons/12/{info.tsx => info-icon.tsx} | 4 +- .../12/{jump-to.tsx => jump-to-icon.tsx} | 4 +- .../12/{lightning.tsx => lightning-icon.tsx} | 4 +- packages/icons/12/{list.tsx => list-icon.tsx} | 8 +- .../12/{loading.tsx => loading-icon.tsx} | 12 +- .../icons/12/{locked.tsx => locked-icon.tsx} | 4 +- .../12/{mention.tsx => mention-icon.tsx} | 8 +- packages/icons/12/{more.tsx => more-icon.tsx} | 4 +- .../12/{negative.tsx => negative-icon.tsx} | 8 +- ...notification.tsx => notification-icon.tsx} | 4 +- .../icons/12/{pause.tsx => pause-icon.tsx} | 4 +- .../12/{pending.tsx => pending-icon.tsx} | 4 +- packages/icons/12/{pick.tsx => pick-icon.tsx} | 8 +- .../{placeholder.tsx => placeholder-icon.tsx} | 4 +- packages/icons/12/{play.tsx => play-icon.tsx} | 4 +- .../12/{positive.tsx => positive-icon.tsx} | 8 +- .../12/{progress.tsx => progress-icon.tsx} | 8 +- .../icons/12/{pullup.tsx => pullup-icon.tsx} | 8 +- .../icons/12/{remove.tsx => remove-icon.tsx} | 8 +- .../icons/12/{search.tsx => search-icon.tsx} | 4 +- ...send-message.tsx => send-message-icon.tsx} | 12 +- packages/icons/12/{sent.tsx => sent-icon.tsx} | 4 +- .../12/{timeout.tsx => timeout-icon.tsx} | 8 +- ...tal-members.tsx => total-members-icon.tsx} | 4 +- .../icons/12/{trash.tsx => trash-icon.tsx} | 8 +- .../12/{unlocked.tsx => unlocked-icon.tsx} | 4 +- ...trustworthy.tsx => untrustworthy-icon.tsx} | 4 +- .../{verified-1.tsx => verified-1-icon.tsx} | 8 +- .../12/{verified.tsx => verified-icon.tsx} | 4 +- .../12/{whistle.tsx => whistle-icon.tsx} | 4 +- packages/icons/16/{add.tsx => add-icon.tsx} | 4 +- .../16/{add-user.tsx => add-user-icon.tsx} | 4 +- .../icons/16/{alert.tsx => alert-icon.tsx} | 4 +- .../{arrow-down.tsx => arrow-down-icon.tsx} | 4 +- .../{arrow-right.tsx => arrow-right-icon.tsx} | 4 +- .../16/{calendar.tsx => calendar-icon.tsx} | 4 +- ...check-circle.tsx => check-circle-icon.tsx} | 4 +- ...chevron-down.tsx => chevron-down-icon.tsx} | 4 +- ...chevron-left.tsx => chevron-left-icon.tsx} | 4 +- ...evron-right.tsx => chevron-right-icon.tsx} | 4 +- .../{chevron-top.tsx => chevron-top-icon.tsx} | 4 +- .../icons/16/{close.tsx => close-icon.tsx} | 4 +- .../{connection.tsx => connection-icon.tsx} | 4 +- ...contact-book.tsx => contact-book-icon.tsx} | 4 +- .../icons/16/{delete.tsx => delete-icon.tsx} | 4 +- .../icons/16/{email.tsx => email-icon.tsx} | 4 +- .../16/{forward.tsx => forward-icon.tsx} | 4 +- packages/icons/16/{gif.tsx => gif-icon.tsx} | 4 +- .../icons/16/{group.tsx => group-icon.tsx} | 4 +- .../16/{history.tsx => history-icon.tsx} | 4 +- packages/icons/16/index.ts | 78 ++-- packages/icons/16/{info.tsx => info-icon.tsx} | 4 +- .../16/{lightning.tsx => lightning-icon.tsx} | 4 +- .../icons/16/{locked.tsx => locked-icon.tsx} | 4 +- .../16/{mention.tsx => mention-icon.tsx} | 4 +- packages/icons/16/{more.tsx => more-icon.tsx} | 4 +- packages/icons/16/{mute.tsx => mute-icon.tsx} | 4 +- .../16/{negative.tsx => negative-icon.tsx} | 4 +- ...notification.tsx => notification-icon.tsx} | 4 +- packages/icons/16/{pin.tsx => pin-icon.tsx} | 4 +- .../{placeholder.tsx => placeholder-icon.tsx} | 4 +- .../16/{positive.tsx => positive-icon.tsx} | 4 +- .../16/{privacy.tsx => privacy-icon.tsx} | 4 +- .../16/{progress.tsx => progress-icon.tsx} | 4 +- .../{remove-user.tsx => remove-user-icon.tsx} | 4 +- packages/icons/16/{sad.tsx => sad-icon.tsx} | 4 +- .../16/{stickers.tsx => stickers-icon.tsx} | 4 +- .../16/{unlocked.tsx => unlocked-icon.tsx} | 4 +- .../icons/16/{unmute.tsx => unmute-icon.tsx} | 4 +- .../icons/16/{world.tsx => world-icon.tsx} | 4 +- ...unt-number.tsx => account-number-icon.tsx} | 4 +- ...tive-member.tsx => active-member-icon.tsx} | 4 +- ...ty-center.tsx => activity-center-icon.tsx} | 4 +- packages/icons/20/{add.tsx => add-icon.tsx} | 4 +- ...add-reaction.tsx => add-reaction-icon.tsx} | 4 +- .../20/{add-small.tsx => add-small-icon.tsx} | 4 +- .../20/{add-token.tsx => add-token-icon.tsx} | 4 +- .../20/{add-user.tsx => add-user-icon.tsx} | 4 +- .../icons/20/{alert.tsx => alert-icon.tsx} | 4 +- ...abetically.tsx => alphabetically-icon.tsx} | 4 +- .../20/{android.tsx => android-icon.tsx} | 4 +- .../20/{anonymous.tsx => anonymous-icon.tsx} | 4 +- .../{arrow-down.tsx => arrow-down-icon.tsx} | 4 +- .../{arrow-left.tsx => arrow-left-icon.tsx} | 4 +- .../{arrow-right.tsx => arrow-right-icon.tsx} | 4 +- .../20/{arrow-up.tsx => arrow-up-icon.tsx} | 4 +- .../icons/20/{attach.tsx => attach-icon.tsx} | 4 +- .../icons/20/{audio.tsx => audio-icon.tsx} | 4 +- .../20/{automatic.tsx => automatic-icon.tsx} | 4 +- .../icons/20/{block.tsx => block-icon.tsx} | 4 +- packages/icons/20/{bold.tsx => bold-icon.tsx} | 4 +- .../icons/20/{bridge.tsx => bridge-icon.tsx} | 4 +- .../20/{browser.tsx => browser-icon.tsx} | 4 +- .../icons/20/{bullet.tsx => bullet-icon.tsx} | 4 +- .../{bullet-list.tsx => bullet-list-icon.tsx} | 4 +- packages/icons/20/{buy.tsx => buy-icon.tsx} | 4 +- .../icons/20/{camera.tsx => camera-icon.tsx} | 4 +- .../20/{card-view.tsx => card-view-icon.tsx} | 4 +- ...centre-align.tsx => centre-align-icon.tsx} | 4 +- .../20/{chatkey.tsx => chatkey-icon.tsx} | 4 +- .../icons/20/{check.tsx => check-icon.tsx} | 4 +- ...chevron-down.tsx => chevron-down-icon.tsx} | 4 +- ...chevron-left.tsx => chevron-left-icon.tsx} | 4 +- ...evron-right.tsx => chevron-right-icon.tsx} | 4 +- .../{chevron-up.tsx => chevron-up-icon.tsx} | 4 +- ...evrons-left.tsx => chevrons-left-icon.tsx} | 4 +- ...rons-right.tsx => chevrons-right-icon.tsx} | 4 +- .../icons/20/{clear.tsx => clear-icon.tsx} | 4 +- .../icons/20/{close.tsx => close-icon.tsx} | 4 +- .../{code-block.tsx => code-block-icon.tsx} | 4 +- packages/icons/20/{code.tsx => code-icon.tsx} | 4 +- .../20/{collapse.tsx => collapse-icon.tsx} | 4 +- .../{colour-pick.tsx => colour-pick-icon.tsx} | 4 +- .../{communities.tsx => communities-icon.tsx} | 4 +- .../{connection.tsx => connection-icon.tsx} | 4 +- ...contact-book.tsx => contact-book-icon.tsx} | 4 +- .../20/{contact.tsx => contact-icon.tsx} | 4 +- packages/icons/20/{copy.tsx => copy-icon.tsx} | 4 +- .../20/{correct.tsx => correct-icon.tsx} | 4 +- .../icons/20/{crown.tsx => crown-icon.tsx} | 4 +- .../20/{customize.tsx => customize-icon.tsx} | 4 +- packages/icons/20/{dark.tsx => dark-icon.tsx} | 4 +- .../{data-usage.tsx => data-usage-icon.tsx} | 4 +- .../icons/20/{delete.tsx => delete-icon.tsx} | 4 +- .../20/{desktop.tsx => desktop-icon.tsx} | 4 +- .../icons/20/{save.tsx => download-icon.tsx} | 4 +- .../20/{dropdown.tsx => dropdown-icon.tsx} | 4 +- .../20/{duration.tsx => duration-icon.tsx} | 4 +- packages/icons/20/{edit.tsx => edit-icon.tsx} | 4 +- .../icons/20/{email.tsx => email-icon.tsx} | 4 +- .../icons/20/{expand.tsx => expand-icon.tsx} | 4 +- .../20/{external.tsx => external-icon.tsx} | 4 +- .../20/{face-id.tsx => face-id-icon.tsx} | 4 +- .../20/{favourite.tsx => favourite-icon.tsx} | 4 +- packages/icons/20/{file.tsx => file-icon.tsx} | 4 +- packages/icons/20/{flag.tsx => flag-icon.tsx} | 4 +- .../icons/20/{flash.tsx => flash-icon.tsx} | 4 +- .../20/{flash-off.tsx => flash-off-icon.tsx} | 4 +- ...hlight-off.tsx => flashlight-off-icon.tsx} | 4 +- ...ashlight-on.tsx => flashlight-on-icon.tsx} | 4 +- packages/icons/20/{flip.tsx => flip-icon.tsx} | 4 +- .../icons/20/{folder.tsx => folder-icon.tsx} | 4 +- .../icons/20/{format.tsx => format-icon.tsx} | 8 +- .../20/{forward.tsx => forward-icon.tsx} | 4 +- .../icons/20/{friend.tsx => friend-icon.tsx} | 4 +- packages/icons/20/{gas.tsx => gas-icon.tsx} | 4 +- packages/icons/20/{gif.tsx => gif-icon.tsx} | 4 +- .../icons/20/{globe.tsx => globe-icon.tsx} | 4 +- .../20/{hashtag-1.tsx => hashtag-1-icon.tsx} | 4 +- .../20/{hashtag.tsx => hashtag-icon.tsx} | 4 +- .../icons/20/{heart.tsx => heart-icon.tsx} | 4 +- packages/icons/20/{help.tsx => help-icon.tsx} | 4 +- packages/icons/20/{hide.tsx => hide-icon.tsx} | 4 +- .../20/{history.tsx => history-icon.tsx} | 4 +- packages/icons/20/{hold.tsx => hold-icon.tsx} | 4 +- .../icons/20/{image.tsx => image-icon.tsx} | 4 +- .../20/{inactive.tsx => inactive-icon.tsx} | 4 +- packages/icons/20/index.ts | 354 +++++++++--------- .../{info-badge.tsx => info-badge-icon.tsx} | 4 +- packages/icons/20/{info.tsx => info-icon.tsx} | 4 +- .../icons/20/{italic.tsx => italic-icon.tsx} | 4 +- .../20/{justify.tsx => justify-icon.tsx} | 4 +- packages/icons/20/{key.tsx => key-icon.tsx} | 4 +- .../20/{keyboard.tsx => keyboard-icon.tsx} | 4 +- .../20/{keycard.tsx => keycard-icon.tsx} | 8 +- ...keycard-logo.tsx => keycard-logo-icon.tsx} | 4 +- .../icons/20/{laptop.tsx => laptop-icon.tsx} | 4 +- .../{left-align.tsx => left-align-icon.tsx} | 4 +- .../icons/20/{light.tsx => light-icon.tsx} | 4 +- packages/icons/20/{link.tsx => link-icon.tsx} | 4 +- .../20/{list-view.tsx => list-view-icon.tsx} | 4 +- .../20/{loading.tsx => loading-icon.tsx} | 8 +- .../icons/20/{locked.tsx => locked-icon.tsx} | 4 +- .../20/{log-out.tsx => log-out-icon.tsx} | 4 +- .../20/{members.tsx => members-icon.tsx} | 4 +- .../20/{mention.tsx => mention-icon.tsx} | 4 +- packages/icons/20/{menu.tsx => menu-icon.tsx} | 4 +- .../20/{messages.tsx => messages-icon.tsx} | 4 +- .../icons/20/{mobile.tsx => mobile-icon.tsx} | 4 +- ...lti-profile.tsx => multi-profile-icon.tsx} | 4 +- .../icons/20/{muted.tsx => muted-icon.tsx} | 4 +- ...al-contact.tsx => mutual-contact-icon.tsx} | 4 +- .../{new-message.tsx => new-message-icon.tsx} | 4 +- packages/icons/20/{nft.tsx => nft-icon.tsx} | 4 +- packages/icons/20/{node.tsx => node-icon.tsx} | 4 +- ...notification.tsx => notification-icon.tsx} | 4 +- ...tifications.tsx => notifications-icon.tsx} | 4 +- ...mbered-list.tsx => numbered-list-icon.tsx} | 4 +- .../icons/20/{online.tsx => online-icon.tsx} | 4 +- .../{online-left.tsx => online-left-icon.tsx} | 4 +- .../20/{options.tsx => options-icon.tsx} | 4 +- .../20/{password.tsx => password-icon.tsx} | 4 +- .../icons/20/{pause.tsx => pause-icon.tsx} | 4 +- .../20/{pending.tsx => pending-icon.tsx} | 4 +- ...pending-user.tsx => pending-user-icon.tsx} | 4 +- .../icons/20/{pin-1.tsx => pin-1-icon.tsx} | 4 +- packages/icons/20/{pin.tsx => pin-icon.tsx} | 4 +- .../{placeholder.tsx => placeholder-icon.tsx} | 4 +- packages/icons/20/{play.tsx => play-icon.tsx} | 4 +- .../20/{privacy.tsx => privacy-icon.tsx} | 4 +- .../20/{profile.tsx => profile-icon.tsx} | 4 +- .../icons/20/{pullup.tsx => pullup-icon.tsx} | 4 +- .../20/{qr-code.tsx => qr-code-icon.tsx} | 4 +- .../20/{quarter.tsx => quarter-icon.tsx} | 4 +- .../20/{reaction.tsx => reaction-icon.tsx} | 4 +- .../20/{receive.tsx => receive-icon.tsx} | 4 +- ...e-message.tsx => receive-message-icon.tsx} | 4 +- .../icons/20/{recent.tsx => recent-icon.tsx} | 4 +- .../20/{refresh.tsx => refresh-icon.tsx} | 4 +- .../{remove-user.tsx => remove-user-icon.tsx} | 4 +- .../icons/20/{reply.tsx => reply-icon.tsx} | 4 +- .../icons/20/{reveal.tsx => reveal-icon.tsx} | 4 +- .../icons/20/{revere.tsx => revere-icon.tsx} | 4 +- .../{right-align.tsx => right-align-icon.tsx} | 4 +- .../icons/20/{rotate.tsx => rotate-icon.tsx} | 4 +- packages/icons/20/{sad.tsx => sad-icon.tsx} | 4 +- .../icons/20/{download.tsx => save-icon.tsx} | 4 +- packages/icons/20/{scan.tsx => scan-icon.tsx} | 4 +- .../icons/20/{search.tsx => search-icon.tsx} | 4 +- packages/icons/20/{seed.tsx => seed-icon.tsx} | 4 +- packages/icons/20/{send.tsx => send-icon.tsx} | 4 +- ...send-message.tsx => send-message-icon.tsx} | 4 +- .../20/{settings.tsx => settings-icon.tsx} | 4 +- .../icons/20/{share.tsx => share-icon.tsx} | 4 +- .../20/{signature.tsx => signature-icon.tsx} | 4 +- packages/icons/20/{sort.tsx => sort-icon.tsx} | 4 +- .../icons/20/{speed.tsx => speed-icon.tsx} | 4 +- .../icons/20/{status.tsx => status-icon.tsx} | 4 +- .../20/{stickers.tsx => stickers-icon.tsx} | 4 +- packages/icons/20/{stop.tsx => stop-icon.tsx} | 4 +- ...rikethrough.tsx => strikethrough-icon.tsx} | 4 +- .../20/{subscript.tsx => subscript-icon.tsx} | 4 +- .../{superscript.tsx => superscript-icon.tsx} | 4 +- packages/icons/20/{swap.tsx => swap-icon.tsx} | 4 +- .../20/{syncing.tsx => syncing-icon.tsx} | 4 +- .../icons/20/{toggle.tsx => toggle-icon.tsx} | 4 +- .../icons/20/{token.tsx => token-icon.tsx} | 4 +- .../20/{unblock.tsx => unblock-icon.tsx} | 4 +- .../20/{underline.tsx => underline-icon.tsx} | 4 +- .../20/{unlocked.tsx => unlocked-icon.tsx} | 4 +- .../icons/20/{unread.tsx => unread-icon.tsx} | 4 +- ...trustworthy.tsx => untrustworthy-icon.tsx} | 4 +- .../{up-to-date.tsx => up-to-date-icon.tsx} | 4 +- .../20/{verified.tsx => verified-icon.tsx} | 4 +- .../icons/20/{video.tsx => video-icon.tsx} | 4 +- .../icons/20/{wallet.tsx => wallet-icon.tsx} | 4 +- .../20/{warning.tsx => warning-icon.tsx} | 4 +- .../icons/20/{world.tsx => world-icon.tsx} | 4 +- packages/icons/package.json | 2 +- .../reactions/{angry.tsx => angry-icon.tsx} | 12 +- packages/icons/reactions/index.ts | 12 +- .../reactions/{laugh.tsx => laugh-icon.tsx} | 8 +- .../reactions/{love.tsx => love-icon.tsx} | 8 +- .../icons/reactions/{sad.tsx => sad-icon.tsx} | 20 +- .../{thumbs-down.tsx => thumbs-down-icon.tsx} | 12 +- .../{thumbs-up.tsx => thumbs-up-icon.tsx} | 12 +- .../icons/src/12/{add.svg => add-icon.svg} | 0 ...add-reaction.svg => add-reaction-icon.svg} | 0 .../src/12/{alert.svg => alert-icon.svg} | 0 .../{arrow-down.svg => arrow-down-icon.svg} | 0 .../{arrow-right.svg => arrow-right-icon.svg} | 0 .../12/{arrow-up.svg => arrow-up-icon.svg} | 0 .../src/12/{block.svg => block-icon.svg} | 0 .../src/12/{camera.svg => camera-icon.svg} | 0 .../src/12/{cards.svg => cards-icon.svg} | 0 .../src/12/{check.svg => check-icon.svg} | 0 .../{check-large.svg => check-large-icon.svg} | 0 ...ron-bottom.svg => chevron-bottom-icon.svg} | 0 ...chevron-left.svg => chevron-left-icon.svg} | 0 ...evron-right.svg => chevron-right-icon.svg} | 0 .../{chevron-top.svg => chevron-top-icon.svg} | 0 .../src/12/{close.svg => close-icon.svg} | 0 .../src/12/{color.svg => color-icon.svg} | 0 .../{communities.svg => communities-icon.svg} | 0 .../src/12/{contact.svg => contact-icon.svg} | 0 .../icons/src/12/{copy.svg => copy-icon.svg} | 0 .../12/{delivered.svg => delivered-icon.svg} | 0 .../12/{dropdown.svg => dropdown-icon.svg} | 0 .../icons/src/12/{edit.svg => edit-icon.svg} | 0 .../icons/src/12/{gas.svg => gas-icon.svg} | 0 .../icons/src/12/{hold.svg => hold-icon.svg} | 0 .../src/12/{info-1.svg => info-1-icon.svg} | 0 .../icons/src/12/{info.svg => info-icon.svg} | 0 .../src/12/{jump-to.svg => jump-to-icon.svg} | 0 .../12/{lightning.svg => lightning-icon.svg} | 0 .../icons/src/12/{list.svg => list-icon.svg} | 0 .../src/12/{loading.svg => loading-icon.svg} | 0 .../src/12/{locked.svg => locked-icon.svg} | 0 .../src/12/{mention.svg => mention-icon.svg} | 0 .../icons/src/12/{more.svg => more-icon.svg} | 0 .../12/{negative.svg => negative-icon.svg} | 0 ...notification.svg => notification-icon.svg} | 0 .../src/12/{pause.svg => pause-icon.svg} | 0 .../src/12/{pending.svg => pending-icon.svg} | 0 .../icons/src/12/{pick.svg => pick-icon.svg} | 0 .../{placeholder.svg => placeholder-icon.svg} | 0 .../icons/src/12/{play.svg => play-icon.svg} | 0 .../12/{positive.svg => positive-icon.svg} | 0 .../12/{progress.svg => progress-icon.svg} | 0 .../src/12/{pullup.svg => pullup-icon.svg} | 0 .../src/12/{remove.svg => remove-icon.svg} | 0 .../src/12/{search.svg => search-icon.svg} | 0 ...send-message.svg => send-message-icon.svg} | 0 .../icons/src/12/{sent.svg => sent-icon.svg} | 0 .../src/12/{timeout.svg => timeout-icon.svg} | 0 ...tal-members.svg => total-members-icon.svg} | 0 .../src/12/{trash.svg => trash-icon.svg} | 0 .../12/{unlocked.svg => unlocked-icon.svg} | 0 ...trustworthy.svg => untrustworthy-icon.svg} | 0 .../{verified-1.svg => verified-1-icon.svg} | 0 .../12/{verified.svg => verified-icon.svg} | 0 .../src/12/{whistle.svg => whistle-icon.svg} | 0 .../icons/src/16/{add.svg => add-icon.svg} | 0 .../16/{add-user.svg => add-user-icon.svg} | 0 .../src/16/{alert.svg => alert-icon.svg} | 0 .../{arrow-down.svg => arrow-down-icon.svg} | 0 .../{arrow-right.svg => arrow-right-icon.svg} | 0 .../16/{calendar.svg => calendar-icon.svg} | 0 ...check-circle.svg => check-circle-icon.svg} | 0 ...chevron-down.svg => chevron-down-icon.svg} | 0 ...chevron-left.svg => chevron-left-icon.svg} | 0 ...evron-right.svg => chevron-right-icon.svg} | 0 .../{chevron-top.svg => chevron-top-icon.svg} | 0 .../src/16/{close.svg => close-icon.svg} | 0 .../{connection.svg => connection-icon.svg} | 0 ...contact-book.svg => contact-book-icon.svg} | 0 .../src/16/{delete.svg => delete-icon.svg} | 0 .../src/16/{email.svg => email-icon.svg} | 0 .../src/16/{forward.svg => forward-icon.svg} | 0 .../icons/src/16/{gif.svg => gif-icon.svg} | 0 .../src/16/{group.svg => group-icon.svg} | 0 .../src/16/{history.svg => history-icon.svg} | 0 .../icons/src/16/{info.svg => info-icon.svg} | 0 .../16/{lightning.svg => lightning-icon.svg} | 0 .../src/16/{locked.svg => locked-icon.svg} | 0 .../src/16/{mention.svg => mention-icon.svg} | 0 .../icons/src/16/{more.svg => more-icon.svg} | 0 .../icons/src/16/{mute.svg => mute-icon.svg} | 0 .../16/{negative.svg => negative-icon.svg} | 0 ...notification.svg => notification-icon.svg} | 0 .../icons/src/16/{pin.svg => pin-icon.svg} | 0 .../{placeholder.svg => placeholder-icon.svg} | 0 .../16/{positive.svg => positive-icon.svg} | 0 .../src/16/{privacy.svg => privacy-icon.svg} | 0 .../16/{progress.svg => progress-icon.svg} | 0 .../{remove-user.svg => remove-user-icon.svg} | 0 .../icons/src/16/{sad.svg => sad-icon.svg} | 0 .../16/{stickers.svg => stickers-icon.svg} | 0 .../16/{unlocked.svg => unlocked-icon.svg} | 0 .../src/16/{unmute.svg => unmute-icon.svg} | 0 .../src/16/{world.svg => world-icon.svg} | 0 .../icons/src/20/{Menu.svg => Menu-icon.svg} | 0 .../src/20/{Unread.svg => Unread-icon.svg} | 0 ...unt number.svg => account number-icon.svg} | 0 ...tive-member.svg => active-member-icon.svg} | 0 ...ty-center.svg => activity-center-icon.svg} | 0 .../icons/src/20/{add.svg => add-icon.svg} | 0 ...add-reaction.svg => add-reaction-icon.svg} | 0 .../20/{add-small.svg => add-small-icon.svg} | 0 .../20/{add-token.svg => add-token-icon.svg} | 0 .../20/{add-user.svg => add-user-icon.svg} | 0 .../src/20/{alert.svg => alert-icon.svg} | 0 ...abetically.svg => alphabetically-icon.svg} | 0 .../src/20/{android.svg => android-icon.svg} | 0 .../20/{anonymous.svg => anonymous-icon.svg} | 0 .../{arrow-down.svg => arrow-down-icon.svg} | 0 .../{arrow-left.svg => arrow-left-icon.svg} | 0 .../{arrow-right.svg => arrow-right-icon.svg} | 0 .../20/{arrow-up.svg => arrow-up-icon.svg} | 0 .../src/20/{attach.svg => attach-icon.svg} | 0 .../src/20/{audio.svg => audio-icon.svg} | 0 .../20/{automatic.svg => automatic-icon.svg} | 0 .../src/20/{block.svg => block-icon.svg} | 0 .../icons/src/20/{bold.svg => bold-icon.svg} | 0 .../src/20/{bridge.svg => bridge-icon.svg} | 0 .../src/20/{browser.svg => browser-icon.svg} | 0 .../src/20/{bullet.svg => bullet-icon.svg} | 0 .../{bullet-list.svg => bullet-list-icon.svg} | 0 .../icons/src/20/{buy.svg => buy-icon.svg} | 0 .../src/20/{camera.svg => camera-icon.svg} | 0 .../20/{card-view.svg => card-view-icon.svg} | 0 ...centre-align.svg => centre-align-icon.svg} | 0 .../src/20/{chatkey.svg => chatkey-icon.svg} | 0 .../src/20/{check.svg => check-icon.svg} | 0 ...chevron-down.svg => chevron-down-icon.svg} | 0 ...chevron-left.svg => chevron-left-icon.svg} | 0 ...evron-right.svg => chevron-right-icon.svg} | 0 .../{chevron-up.svg => chevron-up-icon.svg} | 0 ...evrons-left.svg => chevrons-left-icon.svg} | 0 ...rons-right.svg => chevrons-right-icon.svg} | 0 .../src/20/{clear.svg => clear-icon.svg} | 0 .../src/20/{close.svg => close-icon.svg} | 0 .../{code block.svg => code block-icon.svg} | 0 .../icons/src/20/{code.svg => code-icon.svg} | 0 .../20/{collapse.svg => collapse-icon.svg} | 0 .../{colour-pick.svg => colour-pick-icon.svg} | 0 .../{communities.svg => communities-icon.svg} | 0 .../{connection.svg => connection-icon.svg} | 0 ...contact-book.svg => contact-book-icon.svg} | 0 .../src/20/{contact.svg => contact-icon.svg} | 0 .../icons/src/20/{copy.svg => copy-icon.svg} | 0 .../src/20/{correct.svg => correct-icon.svg} | 0 .../src/20/{crown.svg => crown-icon.svg} | 0 .../20/{customize.svg => customize-icon.svg} | 0 .../icons/src/20/{dark.svg => dark-icon.svg} | 0 .../{data-usage.svg => data-usage-icon.svg} | 0 .../src/20/{delete.svg => delete-icon.svg} | 0 .../src/20/{desktop.svg => desktop-icon.svg} | 0 .../20/{download.svg => download-icon.svg} | 0 .../20/{dropdown.svg => dropdown-icon.svg} | 0 .../20/{duration.svg => duration-icon.svg} | 0 .../icons/src/20/{edit.svg => edit-icon.svg} | 0 .../src/20/{email.svg => email-icon.svg} | 0 .../src/20/{expand.svg => expand-icon.svg} | 0 .../20/{external.svg => external-icon.svg} | 0 .../src/20/{face-id.svg => face-id-icon.svg} | 0 .../20/{favourite.svg => favourite-icon.svg} | 0 .../icons/src/20/{file.svg => file-icon.svg} | 0 .../icons/src/20/{flag.svg => flag-icon.svg} | 0 .../src/20/{flash.svg => flash-icon.svg} | 0 .../20/{flash-off.svg => flash-off-icon.svg} | 0 ...hlight-off.svg => flashlight-off-icon.svg} | 0 ...ashlight-on.svg => flashlight-on-icon.svg} | 0 .../icons/src/20/{flip.svg => flip-icon.svg} | 0 .../src/20/{folder.svg => folder-icon.svg} | 0 .../src/20/{format.svg => format-icon.svg} | 0 .../src/20/{forward.svg => forward-icon.svg} | 0 .../src/20/{friend.svg => friend-icon.svg} | 0 .../icons/src/20/{gas.svg => gas-icon.svg} | 0 .../icons/src/20/{gif.svg => gif-icon.svg} | 0 .../src/20/{globe.svg => globe-icon.svg} | 0 .../20/{hashtag-1.svg => hashtag-1-icon.svg} | 0 .../src/20/{hashtag.svg => hashtag-icon.svg} | 0 .../src/20/{heart.svg => heart-icon.svg} | 0 .../icons/src/20/{help.svg => help-icon.svg} | 0 .../icons/src/20/{hide.svg => hide-icon.svg} | 0 .../src/20/{history.svg => history-icon.svg} | 0 .../icons/src/20/{hold.svg => hold-icon.svg} | 0 .../src/20/{image.svg => image-icon.svg} | 0 .../20/{inactive.svg => inactive-icon.svg} | 0 .../{info-badge.svg => info-badge-icon.svg} | 0 .../icons/src/20/{info.svg => info-icon.svg} | 0 .../src/20/{italic.svg => italic-icon.svg} | 0 .../src/20/{justify.svg => justify-icon.svg} | 0 .../icons/src/20/{key.svg => key-icon.svg} | 0 .../20/{keyboard.svg => keyboard-icon.svg} | 0 .../src/20/{keycard.svg => keycard-icon.svg} | 0 ...keycard-logo.svg => keycard-logo-icon.svg} | 0 .../src/20/{laptop.svg => laptop-icon.svg} | 0 .../{left-align.svg => left-align-icon.svg} | 0 .../src/20/{light.svg => light-icon.svg} | 0 .../icons/src/20/{link.svg => link-icon.svg} | 0 .../20/{list-view.svg => list-view-icon.svg} | 0 .../src/20/{loading.svg => loading-icon.svg} | 0 .../src/20/{locked.svg => locked-icon.svg} | 0 .../src/20/{log-out.svg => log-out-icon.svg} | 0 .../src/20/{members.svg => members-icon.svg} | 0 .../src/20/{mention.svg => mention-icon.svg} | 0 .../20/{messages.svg => messages-icon.svg} | 0 .../src/20/{mobile.svg => mobile-icon.svg} | 0 ...lti-profile.svg => multi-profile-icon.svg} | 0 .../src/20/{muted.svg => muted-icon.svg} | 0 ...al-contact.svg => mutual-contact-icon.svg} | 0 .../{new-message.svg => new-message-icon.svg} | 0 .../icons/src/20/{nft.svg => nft-icon.svg} | 0 .../icons/src/20/{node.svg => node-icon.svg} | 0 ...notification.svg => notification-icon.svg} | 0 ...tifications.svg => notifications-icon.svg} | 0 ...mbered-list.svg => numbered-list-icon.svg} | 0 .../src/20/{online.svg => online-icon.svg} | 0 .../{online-left.svg => online-left-icon.svg} | 0 .../src/20/{options.svg => options-icon.svg} | 0 .../20/{password.svg => password-icon.svg} | 0 .../src/20/{pause.svg => pause-icon.svg} | 0 .../src/20/{pending.svg => pending-icon.svg} | 0 ...pending-user.svg => pending-user-icon.svg} | 0 .../src/20/{pin-1.svg => pin-1-icon.svg} | 0 .../icons/src/20/{pin.svg => pin-icon.svg} | 0 .../{placeholder.svg => placeholder-icon.svg} | 0 .../icons/src/20/{play.svg => play-icon.svg} | 0 .../src/20/{privacy.svg => privacy-icon.svg} | 0 .../src/20/{profile.svg => profile-icon.svg} | 0 .../src/20/{pullup.svg => pullup-icon.svg} | 0 .../src/20/{qr-code.svg => qr-code-icon.svg} | 0 .../src/20/{quarter.svg => quarter-icon.svg} | 0 .../20/{reaction.svg => reaction-icon.svg} | 0 .../src/20/{receive.svg => receive-icon.svg} | 0 ...e-message.svg => receive-message-icon.svg} | 0 .../src/20/{recent.svg => recent-icon.svg} | 0 .../src/20/{refresh.svg => refresh-icon.svg} | 0 .../{remove-user.svg => remove-user-icon.svg} | 0 .../src/20/{reply.svg => reply-icon.svg} | 0 .../src/20/{reveal.svg => reveal-icon.svg} | 0 .../src/20/{revere.svg => revere-icon.svg} | 0 .../{right-align.svg => right-align-icon.svg} | 0 .../src/20/{rotate.svg => rotate-icon.svg} | 0 .../icons/src/20/{sad.svg => sad-icon.svg} | 0 .../icons/src/20/{save.svg => save-icon.svg} | 0 .../icons/src/20/{scan.svg => scan-icon.svg} | 0 .../src/20/{search.svg => search-icon.svg} | 0 .../icons/src/20/{seed.svg => seed-icon.svg} | 0 .../icons/src/20/{send.svg => send-icon.svg} | 0 ...send-message.svg => send-message-icon.svg} | 0 .../20/{settings.svg => settings-icon.svg} | 0 .../src/20/{share.svg => share-icon.svg} | 0 .../20/{signature.svg => signature-icon.svg} | 0 .../icons/src/20/{sort.svg => sort-icon.svg} | 0 .../src/20/{speed.svg => speed-icon.svg} | 0 .../src/20/{status.svg => status-icon.svg} | 0 .../20/{stickers.svg => stickers-icon.svg} | 0 .../icons/src/20/{stop.svg => stop-icon.svg} | 0 ...rikethrough.svg => strikethrough-icon.svg} | 0 .../20/{subscript.svg => subscript-icon.svg} | 0 .../{superscript.svg => superscript-icon.svg} | 0 .../icons/src/20/{swap.svg => swap-icon.svg} | 0 .../src/20/{syncing.svg => syncing-icon.svg} | 0 .../src/20/{toggle.svg => toggle-icon.svg} | 0 .../src/20/{token.svg => token-icon.svg} | 0 .../src/20/{unblock.svg => unblock-icon.svg} | 0 .../20/{underline.svg => underline-icon.svg} | 0 .../20/{unlocked.svg => unlocked-icon.svg} | 0 ...trustworthy.svg => untrustworthy-icon.svg} | 0 .../{up-to-date.svg => up-to-date-icon.svg} | 0 .../20/{verified.svg => verified-icon.svg} | 0 .../src/20/{video.svg => video-icon.svg} | 0 .../src/20/{wallet.svg => wallet-icon.svg} | 0 .../src/20/{warning.svg => warning-icon.svg} | 0 .../src/20/{world.svg => world-icon.svg} | 0 packages/icons/src/audio-icon.tsx | 30 -- packages/icons/src/chevron-icon.tsx | 24 -- packages/icons/src/format-icon.tsx | 32 -- packages/icons/src/group-icon.tsx | 36 -- packages/icons/src/image-icon.tsx | 24 -- packages/icons/src/muted-icon.tsx | 29 -- packages/icons/src/reaction-icon.tsx | 32 -- .../reactions/{angry.svg => angry-icon.svg} | 0 .../reactions/{laugh.svg => laugh-icon.svg} | 0 .../src/reactions/{love.svg => love-icon.svg} | 0 .../src/reactions/{sad.svg => sad-icon.svg} | 0 .../{thumbs-down.svg => thumbs-down-icon.svg} | 0 .../{thumbs-up.svg => thumbs-up-icon.svg} | 0 packages/icons/src/themed.tsx | 15 - 579 files changed, 1020 insertions(+), 1175 deletions(-) rename packages/icons/12/{add.tsx => add-icon.tsx} (89%) rename packages/icons/12/{add-reaction.tsx => add-reaction-icon.tsx} (82%) rename packages/icons/12/{alert.tsx => alert-icon.tsx} (88%) rename packages/icons/12/{arrow-down.tsx => arrow-down-icon.tsx} (88%) rename packages/icons/12/{arrow-right.tsx => arrow-right-icon.tsx} (88%) rename packages/icons/12/{arrow-up.tsx => arrow-up-icon.tsx} (88%) rename packages/icons/12/{block.tsx => block-icon.tsx} (83%) rename packages/icons/12/{camera.tsx => camera-icon.tsx} (82%) rename packages/icons/12/{cards.tsx => cards-icon.tsx} (85%) rename packages/icons/12/{check.tsx => check-icon.tsx} (88%) rename packages/icons/12/{check-large.tsx => check-large-icon.tsx} (85%) rename packages/icons/12/{chevron-bottom.tsx => chevron-bottom-icon.tsx} (84%) rename packages/icons/12/{chevron-left.tsx => chevron-left-icon.tsx} (84%) rename packages/icons/12/{chevron-right.tsx => chevron-right-icon.tsx} (84%) rename packages/icons/12/{chevron-top.tsx => chevron-top-icon.tsx} (85%) rename packages/icons/12/{close.tsx => close-icon.tsx} (87%) rename packages/icons/12/{color.tsx => color-icon.tsx} (89%) rename packages/icons/12/{communities.tsx => communities-icon.tsx} (88%) rename packages/icons/12/{contact.tsx => contact-icon.tsx} (90%) rename packages/icons/12/{copy.tsx => copy-icon.tsx} (86%) rename packages/icons/12/{delivered.tsx => delivered-icon.tsx} (89%) rename packages/icons/12/{dropdown.tsx => dropdown-icon.tsx} (79%) rename packages/icons/12/{edit.tsx => edit-icon.tsx} (92%) rename packages/icons/12/{gas.tsx => gas-icon.tsx} (85%) rename packages/icons/12/{hold.tsx => hold-icon.tsx} (81%) rename packages/icons/12/{info-1.tsx => info-1-icon.tsx} (89%) rename packages/icons/12/{info.tsx => info-icon.tsx} (88%) rename packages/icons/12/{jump-to.tsx => jump-to-icon.tsx} (88%) rename packages/icons/12/{lightning.tsx => lightning-icon.tsx} (87%) rename packages/icons/12/{list.tsx => list-icon.tsx} (85%) rename packages/icons/12/{loading.tsx => loading-icon.tsx} (82%) rename packages/icons/12/{locked.tsx => locked-icon.tsx} (91%) rename packages/icons/12/{mention.tsx => mention-icon.tsx} (78%) rename packages/icons/12/{more.tsx => more-icon.tsx} (88%) rename packages/icons/12/{negative.tsx => negative-icon.tsx} (77%) rename packages/icons/12/{notification.tsx => notification-icon.tsx} (84%) rename packages/icons/12/{pause.tsx => pause-icon.tsx} (86%) rename packages/icons/12/{pending.tsx => pending-icon.tsx} (88%) rename packages/icons/12/{pick.tsx => pick-icon.tsx} (93%) rename packages/icons/12/{placeholder.tsx => placeholder-icon.tsx} (91%) rename packages/icons/12/{play.tsx => play-icon.tsx} (91%) rename packages/icons/12/{positive.tsx => positive-icon.tsx} (77%) rename packages/icons/12/{progress.tsx => progress-icon.tsx} (77%) rename packages/icons/12/{pullup.tsx => pullup-icon.tsx} (82%) rename packages/icons/12/{remove.tsx => remove-icon.tsx} (82%) rename packages/icons/12/{search.tsx => search-icon.tsx} (90%) rename packages/icons/12/{send-message.tsx => send-message-icon.tsx} (74%) rename packages/icons/12/{sent.tsx => sent-icon.tsx} (87%) rename packages/icons/12/{timeout.tsx => timeout-icon.tsx} (79%) rename packages/icons/12/{total-members.tsx => total-members-icon.tsx} (90%) rename packages/icons/12/{trash.tsx => trash-icon.tsx} (80%) rename packages/icons/12/{unlocked.tsx => unlocked-icon.tsx} (91%) rename packages/icons/12/{untrustworthy.tsx => untrustworthy-icon.tsx} (85%) rename packages/icons/12/{verified-1.tsx => verified-1-icon.tsx} (88%) rename packages/icons/12/{verified.tsx => verified-icon.tsx} (87%) rename packages/icons/12/{whistle.tsx => whistle-icon.tsx} (90%) rename packages/icons/16/{add.tsx => add-icon.tsx} (87%) rename packages/icons/16/{add-user.tsx => add-user-icon.tsx} (91%) rename packages/icons/16/{alert.tsx => alert-icon.tsx} (90%) rename packages/icons/16/{arrow-down.tsx => arrow-down-icon.tsx} (85%) rename packages/icons/16/{arrow-right.tsx => arrow-right-icon.tsx} (85%) rename packages/icons/16/{calendar.tsx => calendar-icon.tsx} (93%) rename packages/icons/16/{check-circle.tsx => check-circle-icon.tsx} (86%) rename packages/icons/16/{chevron-down.tsx => chevron-down-icon.tsx} (84%) rename packages/icons/16/{chevron-left.tsx => chevron-left-icon.tsx} (84%) rename packages/icons/16/{chevron-right.tsx => chevron-right-icon.tsx} (84%) rename packages/icons/16/{chevron-top.tsx => chevron-top-icon.tsx} (85%) rename packages/icons/16/{close.tsx => close-icon.tsx} (88%) rename packages/icons/16/{connection.tsx => connection-icon.tsx} (90%) rename packages/icons/16/{contact-book.tsx => contact-book-icon.tsx} (96%) rename packages/icons/16/{delete.tsx => delete-icon.tsx} (92%) rename packages/icons/16/{email.tsx => email-icon.tsx} (92%) rename packages/icons/16/{forward.tsx => forward-icon.tsx} (89%) rename packages/icons/16/{gif.tsx => gif-icon.tsx} (96%) rename packages/icons/16/{group.tsx => group-icon.tsx} (93%) rename packages/icons/16/{history.tsx => history-icon.tsx} (89%) rename packages/icons/16/{info.tsx => info-icon.tsx} (88%) rename packages/icons/16/{lightning.tsx => lightning-icon.tsx} (87%) rename packages/icons/16/{locked.tsx => locked-icon.tsx} (94%) rename packages/icons/16/{mention.tsx => mention-icon.tsx} (92%) rename packages/icons/16/{more.tsx => more-icon.tsx} (89%) rename packages/icons/16/{mute.tsx => mute-icon.tsx} (94%) rename packages/icons/16/{negative.tsx => negative-icon.tsx} (87%) rename packages/icons/16/{notification.tsx => notification-icon.tsx} (84%) rename packages/icons/16/{pin.tsx => pin-icon.tsx} (89%) rename packages/icons/16/{placeholder.tsx => placeholder-icon.tsx} (91%) rename packages/icons/16/{positive.tsx => positive-icon.tsx} (87%) rename packages/icons/16/{privacy.tsx => privacy-icon.tsx} (92%) rename packages/icons/16/{progress.tsx => progress-icon.tsx} (89%) rename packages/icons/16/{remove-user.tsx => remove-user-icon.tsx} (90%) rename packages/icons/16/{sad.tsx => sad-icon.tsx} (91%) rename packages/icons/16/{stickers.tsx => stickers-icon.tsx} (92%) rename packages/icons/16/{unlocked.tsx => unlocked-icon.tsx} (94%) rename packages/icons/16/{unmute.tsx => unmute-icon.tsx} (94%) rename packages/icons/16/{world.tsx => world-icon.tsx} (96%) rename packages/icons/20/{account-number.tsx => account-number-icon.tsx} (87%) rename packages/icons/20/{active-member.tsx => active-member-icon.tsx} (86%) rename packages/icons/20/{activity-center.tsx => activity-center-icon.tsx} (88%) rename packages/icons/20/{add.tsx => add-icon.tsx} (89%) rename packages/icons/20/{add-reaction.tsx => add-reaction-icon.tsx} (90%) rename packages/icons/20/{add-small.tsx => add-small-icon.tsx} (90%) rename packages/icons/20/{add-token.tsx => add-token-icon.tsx} (89%) rename packages/icons/20/{add-user.tsx => add-user-icon.tsx} (91%) rename packages/icons/20/{alert.tsx => alert-icon.tsx} (88%) rename packages/icons/20/{alphabetically.tsx => alphabetically-icon.tsx} (88%) rename packages/icons/20/{android.tsx => android-icon.tsx} (91%) rename packages/icons/20/{anonymous.tsx => anonymous-icon.tsx} (95%) rename packages/icons/20/{arrow-down.tsx => arrow-down-icon.tsx} (88%) rename packages/icons/20/{arrow-left.tsx => arrow-left-icon.tsx} (88%) rename packages/icons/20/{arrow-right.tsx => arrow-right-icon.tsx} (87%) rename packages/icons/20/{arrow-up.tsx => arrow-up-icon.tsx} (88%) rename packages/icons/20/{attach.tsx => attach-icon.tsx} (92%) rename packages/icons/20/{audio.tsx => audio-icon.tsx} (91%) rename packages/icons/20/{automatic.tsx => automatic-icon.tsx} (89%) rename packages/icons/20/{block.tsx => block-icon.tsx} (90%) rename packages/icons/20/{bold.tsx => bold-icon.tsx} (91%) rename packages/icons/20/{bridge.tsx => bridge-icon.tsx} (91%) rename packages/icons/20/{browser.tsx => browser-icon.tsx} (91%) rename packages/icons/20/{bullet.tsx => bullet-icon.tsx} (85%) rename packages/icons/20/{bullet-list.tsx => bullet-list-icon.tsx} (93%) rename packages/icons/20/{buy.tsx => buy-icon.tsx} (94%) rename packages/icons/20/{camera.tsx => camera-icon.tsx} (92%) rename packages/icons/20/{card-view.tsx => card-view-icon.tsx} (96%) rename packages/icons/20/{centre-align.tsx => centre-align-icon.tsx} (87%) rename packages/icons/20/{chatkey.tsx => chatkey-icon.tsx} (92%) rename packages/icons/20/{check.tsx => check-icon.tsx} (86%) rename packages/icons/20/{chevron-down.tsx => chevron-down-icon.tsx} (84%) rename packages/icons/20/{chevron-left.tsx => chevron-left-icon.tsx} (84%) rename packages/icons/20/{chevron-right.tsx => chevron-right-icon.tsx} (84%) rename packages/icons/20/{chevron-up.tsx => chevron-up-icon.tsx} (85%) rename packages/icons/20/{chevrons-left.tsx => chevrons-left-icon.tsx} (84%) rename packages/icons/20/{chevrons-right.tsx => chevrons-right-icon.tsx} (84%) rename packages/icons/20/{clear.tsx => clear-icon.tsx} (90%) rename packages/icons/20/{close.tsx => close-icon.tsx} (90%) rename packages/icons/20/{code-block.tsx => code-block-icon.tsx} (94%) rename packages/icons/20/{code.tsx => code-icon.tsx} (90%) rename packages/icons/20/{collapse.tsx => collapse-icon.tsx} (88%) rename packages/icons/20/{colour-pick.tsx => colour-pick-icon.tsx} (95%) rename packages/icons/20/{communities.tsx => communities-icon.tsx} (92%) rename packages/icons/20/{connection.tsx => connection-icon.tsx} (92%) rename packages/icons/20/{contact-book.tsx => contact-book-icon.tsx} (96%) rename packages/icons/20/{contact.tsx => contact-icon.tsx} (93%) rename packages/icons/20/{copy.tsx => copy-icon.tsx} (92%) rename packages/icons/20/{correct.tsx => correct-icon.tsx} (89%) rename packages/icons/20/{crown.tsx => crown-icon.tsx} (94%) rename packages/icons/20/{customize.tsx => customize-icon.tsx} (93%) rename packages/icons/20/{dark.tsx => dark-icon.tsx} (95%) rename packages/icons/20/{data-usage.tsx => data-usage-icon.tsx} (95%) rename packages/icons/20/{delete.tsx => delete-icon.tsx} (95%) rename packages/icons/20/{desktop.tsx => desktop-icon.tsx} (95%) rename packages/icons/20/{save.tsx => download-icon.tsx} (90%) rename packages/icons/20/{dropdown.tsx => dropdown-icon.tsx} (87%) rename packages/icons/20/{duration.tsx => duration-icon.tsx} (89%) rename packages/icons/20/{edit.tsx => edit-icon.tsx} (95%) rename packages/icons/20/{email.tsx => email-icon.tsx} (91%) rename packages/icons/20/{expand.tsx => expand-icon.tsx} (88%) rename packages/icons/20/{external.tsx => external-icon.tsx} (88%) rename packages/icons/20/{face-id.tsx => face-id-icon.tsx} (92%) rename packages/icons/20/{favourite.tsx => favourite-icon.tsx} (88%) rename packages/icons/20/{file.tsx => file-icon.tsx} (94%) rename packages/icons/20/{flag.tsx => flag-icon.tsx} (91%) rename packages/icons/20/{flash.tsx => flash-icon.tsx} (88%) rename packages/icons/20/{flash-off.tsx => flash-off-icon.tsx} (89%) rename packages/icons/20/{flashlight-off.tsx => flashlight-off-icon.tsx} (94%) rename packages/icons/20/{flashlight-on.tsx => flashlight-on-icon.tsx} (95%) rename packages/icons/20/{flip.tsx => flip-icon.tsx} (93%) rename packages/icons/20/{folder.tsx => folder-icon.tsx} (96%) rename packages/icons/20/{format.tsx => format-icon.tsx} (91%) rename packages/icons/20/{forward.tsx => forward-icon.tsx} (92%) rename packages/icons/20/{friend.tsx => friend-icon.tsx} (91%) rename packages/icons/20/{gas.tsx => gas-icon.tsx} (95%) rename packages/icons/20/{gif.tsx => gif-icon.tsx} (96%) rename packages/icons/20/{globe.tsx => globe-icon.tsx} (94%) rename packages/icons/20/{hashtag-1.tsx => hashtag-1-icon.tsx} (89%) rename packages/icons/20/{hashtag.tsx => hashtag-icon.tsx} (91%) rename packages/icons/20/{heart.tsx => heart-icon.tsx} (91%) rename packages/icons/20/{help.tsx => help-icon.tsx} (94%) rename packages/icons/20/{hide.tsx => hide-icon.tsx} (92%) rename packages/icons/20/{history.tsx => history-icon.tsx} (96%) rename packages/icons/20/{hold.tsx => hold-icon.tsx} (88%) rename packages/icons/20/{image.tsx => image-icon.tsx} (96%) rename packages/icons/20/{inactive.tsx => inactive-icon.tsx} (85%) rename packages/icons/20/{info-badge.tsx => info-badge-icon.tsx} (88%) rename packages/icons/20/{info.tsx => info-icon.tsx} (89%) rename packages/icons/20/{italic.tsx => italic-icon.tsx} (89%) rename packages/icons/20/{justify.tsx => justify-icon.tsx} (88%) rename packages/icons/20/{key.tsx => key-icon.tsx} (97%) rename packages/icons/20/{keyboard.tsx => keyboard-icon.tsx} (94%) rename packages/icons/20/{keycard.tsx => keycard-icon.tsx} (95%) rename packages/icons/20/{keycard-logo.tsx => keycard-logo-icon.tsx} (91%) rename packages/icons/20/{laptop.tsx => laptop-icon.tsx} (94%) rename packages/icons/20/{left-align.tsx => left-align-icon.tsx} (87%) rename packages/icons/20/{light.tsx => light-icon.tsx} (90%) rename packages/icons/20/{link.tsx => link-icon.tsx} (92%) rename packages/icons/20/{list-view.tsx => list-view-icon.tsx} (90%) rename packages/icons/20/{loading.tsx => loading-icon.tsx} (86%) rename packages/icons/20/{locked.tsx => locked-icon.tsx} (95%) rename packages/icons/20/{log-out.tsx => log-out-icon.tsx} (92%) rename packages/icons/20/{members.tsx => members-icon.tsx} (93%) rename packages/icons/20/{mention.tsx => mention-icon.tsx} (91%) rename packages/icons/20/{menu.tsx => menu-icon.tsx} (89%) rename packages/icons/20/{messages.tsx => messages-icon.tsx} (90%) rename packages/icons/20/{mobile.tsx => mobile-icon.tsx} (89%) rename packages/icons/20/{multi-profile.tsx => multi-profile-icon.tsx} (96%) rename packages/icons/20/{muted.tsx => muted-icon.tsx} (93%) rename packages/icons/20/{mutual-contact.tsx => mutual-contact-icon.tsx} (88%) rename packages/icons/20/{new-message.tsx => new-message-icon.tsx} (91%) rename packages/icons/20/{nft.tsx => nft-icon.tsx} (95%) rename packages/icons/20/{node.tsx => node-icon.tsx} (94%) rename packages/icons/20/{notification.tsx => notification-icon.tsx} (84%) rename packages/icons/20/{notifications.tsx => notifications-icon.tsx} (94%) rename packages/icons/20/{numbered-list.tsx => numbered-list-icon.tsx} (97%) rename packages/icons/20/{online.tsx => online-icon.tsx} (86%) rename packages/icons/20/{online-left.tsx => online-left-icon.tsx} (84%) rename packages/icons/20/{options.tsx => options-icon.tsx} (88%) rename packages/icons/20/{password.tsx => password-icon.tsx} (91%) rename packages/icons/20/{pause.tsx => pause-icon.tsx} (88%) rename packages/icons/20/{pending.tsx => pending-icon.tsx} (87%) rename packages/icons/20/{pending-user.tsx => pending-user-icon.tsx} (91%) rename packages/icons/20/{pin-1.tsx => pin-1-icon.tsx} (90%) rename packages/icons/20/{pin.tsx => pin-icon.tsx} (92%) rename packages/icons/20/{placeholder.tsx => placeholder-icon.tsx} (91%) rename packages/icons/20/{play.tsx => play-icon.tsx} (91%) rename packages/icons/20/{privacy.tsx => privacy-icon.tsx} (93%) rename packages/icons/20/{profile.tsx => profile-icon.tsx} (91%) rename packages/icons/20/{pullup.tsx => pullup-icon.tsx} (89%) rename packages/icons/20/{qr-code.tsx => qr-code-icon.tsx} (95%) rename packages/icons/20/{quarter.tsx => quarter-icon.tsx} (91%) rename packages/icons/20/{reaction.tsx => reaction-icon.tsx} (89%) rename packages/icons/20/{receive.tsx => receive-icon.tsx} (90%) rename packages/icons/20/{receive-message.tsx => receive-message-icon.tsx} (94%) rename packages/icons/20/{recent.tsx => recent-icon.tsx} (88%) rename packages/icons/20/{refresh.tsx => refresh-icon.tsx} (89%) rename packages/icons/20/{remove-user.tsx => remove-user-icon.tsx} (90%) rename packages/icons/20/{reply.tsx => reply-icon.tsx} (92%) rename packages/icons/20/{reveal.tsx => reveal-icon.tsx} (89%) rename packages/icons/20/{revere.tsx => revere-icon.tsx} (89%) rename packages/icons/20/{right-align.tsx => right-align-icon.tsx} (87%) rename packages/icons/20/{rotate.tsx => rotate-icon.tsx} (92%) rename packages/icons/20/{sad.tsx => sad-icon.tsx} (91%) rename packages/icons/20/{download.tsx => save-icon.tsx} (91%) rename packages/icons/20/{scan.tsx => scan-icon.tsx} (92%) rename packages/icons/20/{search.tsx => search-icon.tsx} (89%) rename packages/icons/20/{seed.tsx => seed-icon.tsx} (95%) rename packages/icons/20/{send.tsx => send-icon.tsx} (91%) rename packages/icons/20/{send-message.tsx => send-message-icon.tsx} (94%) rename packages/icons/20/{settings.tsx => settings-icon.tsx} (99%) rename packages/icons/20/{share.tsx => share-icon.tsx} (92%) rename packages/icons/20/{signature.tsx => signature-icon.tsx} (96%) rename packages/icons/20/{sort.tsx => sort-icon.tsx} (90%) rename packages/icons/20/{speed.tsx => speed-icon.tsx} (91%) rename packages/icons/20/{status.tsx => status-icon.tsx} (91%) rename packages/icons/20/{stickers.tsx => stickers-icon.tsx} (95%) rename packages/icons/20/{stop.tsx => stop-icon.tsx} (87%) rename packages/icons/20/{strikethrough.tsx => strikethrough-icon.tsx} (90%) rename packages/icons/20/{subscript.tsx => subscript-icon.tsx} (98%) rename packages/icons/20/{superscript.tsx => superscript-icon.tsx} (96%) rename packages/icons/20/{swap.tsx => swap-icon.tsx} (92%) rename packages/icons/20/{syncing.tsx => syncing-icon.tsx} (94%) rename packages/icons/20/{toggle.tsx => toggle-icon.tsx} (90%) rename packages/icons/20/{token.tsx => token-icon.tsx} (92%) rename packages/icons/20/{unblock.tsx => unblock-icon.tsx} (87%) rename packages/icons/20/{underline.tsx => underline-icon.tsx} (90%) rename packages/icons/20/{unlocked.tsx => unlocked-icon.tsx} (95%) rename packages/icons/20/{unread.tsx => unread-icon.tsx} (88%) rename packages/icons/20/{untrustworthy.tsx => untrustworthy-icon.tsx} (87%) rename packages/icons/20/{up-to-date.tsx => up-to-date-icon.tsx} (87%) rename packages/icons/20/{verified.tsx => verified-icon.tsx} (89%) rename packages/icons/20/{video.tsx => video-icon.tsx} (96%) rename packages/icons/20/{wallet.tsx => wallet-icon.tsx} (96%) rename packages/icons/20/{warning.tsx => warning-icon.tsx} (94%) rename packages/icons/20/{world.tsx => world-icon.tsx} (92%) rename packages/icons/reactions/{angry.tsx => angry-icon.tsx} (87%) rename packages/icons/reactions/{laugh.tsx => laugh-icon.tsx} (91%) rename packages/icons/reactions/{love.tsx => love-icon.tsx} (89%) rename packages/icons/reactions/{sad.tsx => sad-icon.tsx} (89%) rename packages/icons/reactions/{thumbs-down.tsx => thumbs-down-icon.tsx} (88%) rename packages/icons/reactions/{thumbs-up.tsx => thumbs-up-icon.tsx} (88%) rename packages/icons/src/12/{add.svg => add-icon.svg} (100%) rename packages/icons/src/12/{add-reaction.svg => add-reaction-icon.svg} (100%) rename packages/icons/src/12/{alert.svg => alert-icon.svg} (100%) rename packages/icons/src/12/{arrow-down.svg => arrow-down-icon.svg} (100%) rename packages/icons/src/12/{arrow-right.svg => arrow-right-icon.svg} (100%) rename packages/icons/src/12/{arrow-up.svg => arrow-up-icon.svg} (100%) rename packages/icons/src/12/{block.svg => block-icon.svg} (100%) rename packages/icons/src/12/{camera.svg => camera-icon.svg} (100%) rename packages/icons/src/12/{cards.svg => cards-icon.svg} (100%) rename packages/icons/src/12/{check.svg => check-icon.svg} (100%) rename packages/icons/src/12/{check-large.svg => check-large-icon.svg} (100%) rename packages/icons/src/12/{chevron-bottom.svg => chevron-bottom-icon.svg} (100%) rename packages/icons/src/12/{chevron-left.svg => chevron-left-icon.svg} (100%) rename packages/icons/src/12/{chevron-right.svg => chevron-right-icon.svg} (100%) rename packages/icons/src/12/{chevron-top.svg => chevron-top-icon.svg} (100%) rename packages/icons/src/12/{close.svg => close-icon.svg} (100%) rename packages/icons/src/12/{color.svg => color-icon.svg} (100%) rename packages/icons/src/12/{communities.svg => communities-icon.svg} (100%) rename packages/icons/src/12/{contact.svg => contact-icon.svg} (100%) rename packages/icons/src/12/{copy.svg => copy-icon.svg} (100%) rename packages/icons/src/12/{delivered.svg => delivered-icon.svg} (100%) rename packages/icons/src/12/{dropdown.svg => dropdown-icon.svg} (100%) rename packages/icons/src/12/{edit.svg => edit-icon.svg} (100%) rename packages/icons/src/12/{gas.svg => gas-icon.svg} (100%) rename packages/icons/src/12/{hold.svg => hold-icon.svg} (100%) rename packages/icons/src/12/{info-1.svg => info-1-icon.svg} (100%) rename packages/icons/src/12/{info.svg => info-icon.svg} (100%) rename packages/icons/src/12/{jump-to.svg => jump-to-icon.svg} (100%) rename packages/icons/src/12/{lightning.svg => lightning-icon.svg} (100%) rename packages/icons/src/12/{list.svg => list-icon.svg} (100%) rename packages/icons/src/12/{loading.svg => loading-icon.svg} (100%) rename packages/icons/src/12/{locked.svg => locked-icon.svg} (100%) rename packages/icons/src/12/{mention.svg => mention-icon.svg} (100%) rename packages/icons/src/12/{more.svg => more-icon.svg} (100%) rename packages/icons/src/12/{negative.svg => negative-icon.svg} (100%) rename packages/icons/src/12/{notification.svg => notification-icon.svg} (100%) rename packages/icons/src/12/{pause.svg => pause-icon.svg} (100%) rename packages/icons/src/12/{pending.svg => pending-icon.svg} (100%) rename packages/icons/src/12/{pick.svg => pick-icon.svg} (100%) rename packages/icons/src/12/{placeholder.svg => placeholder-icon.svg} (100%) rename packages/icons/src/12/{play.svg => play-icon.svg} (100%) rename packages/icons/src/12/{positive.svg => positive-icon.svg} (100%) rename packages/icons/src/12/{progress.svg => progress-icon.svg} (100%) rename packages/icons/src/12/{pullup.svg => pullup-icon.svg} (100%) rename packages/icons/src/12/{remove.svg => remove-icon.svg} (100%) rename packages/icons/src/12/{search.svg => search-icon.svg} (100%) rename packages/icons/src/12/{send-message.svg => send-message-icon.svg} (100%) rename packages/icons/src/12/{sent.svg => sent-icon.svg} (100%) rename packages/icons/src/12/{timeout.svg => timeout-icon.svg} (100%) rename packages/icons/src/12/{total-members.svg => total-members-icon.svg} (100%) rename packages/icons/src/12/{trash.svg => trash-icon.svg} (100%) rename packages/icons/src/12/{unlocked.svg => unlocked-icon.svg} (100%) rename packages/icons/src/12/{untrustworthy.svg => untrustworthy-icon.svg} (100%) rename packages/icons/src/12/{verified-1.svg => verified-1-icon.svg} (100%) rename packages/icons/src/12/{verified.svg => verified-icon.svg} (100%) rename packages/icons/src/12/{whistle.svg => whistle-icon.svg} (100%) rename packages/icons/src/16/{add.svg => add-icon.svg} (100%) rename packages/icons/src/16/{add-user.svg => add-user-icon.svg} (100%) rename packages/icons/src/16/{alert.svg => alert-icon.svg} (100%) rename packages/icons/src/16/{arrow-down.svg => arrow-down-icon.svg} (100%) rename packages/icons/src/16/{arrow-right.svg => arrow-right-icon.svg} (100%) rename packages/icons/src/16/{calendar.svg => calendar-icon.svg} (100%) rename packages/icons/src/16/{check-circle.svg => check-circle-icon.svg} (100%) rename packages/icons/src/16/{chevron-down.svg => chevron-down-icon.svg} (100%) rename packages/icons/src/16/{chevron-left.svg => chevron-left-icon.svg} (100%) rename packages/icons/src/16/{chevron-right.svg => chevron-right-icon.svg} (100%) rename packages/icons/src/16/{chevron-top.svg => chevron-top-icon.svg} (100%) rename packages/icons/src/16/{close.svg => close-icon.svg} (100%) rename packages/icons/src/16/{connection.svg => connection-icon.svg} (100%) rename packages/icons/src/16/{contact-book.svg => contact-book-icon.svg} (100%) rename packages/icons/src/16/{delete.svg => delete-icon.svg} (100%) rename packages/icons/src/16/{email.svg => email-icon.svg} (100%) rename packages/icons/src/16/{forward.svg => forward-icon.svg} (100%) rename packages/icons/src/16/{gif.svg => gif-icon.svg} (100%) rename packages/icons/src/16/{group.svg => group-icon.svg} (100%) rename packages/icons/src/16/{history.svg => history-icon.svg} (100%) rename packages/icons/src/16/{info.svg => info-icon.svg} (100%) rename packages/icons/src/16/{lightning.svg => lightning-icon.svg} (100%) rename packages/icons/src/16/{locked.svg => locked-icon.svg} (100%) rename packages/icons/src/16/{mention.svg => mention-icon.svg} (100%) rename packages/icons/src/16/{more.svg => more-icon.svg} (100%) rename packages/icons/src/16/{mute.svg => mute-icon.svg} (100%) rename packages/icons/src/16/{negative.svg => negative-icon.svg} (100%) rename packages/icons/src/16/{notification.svg => notification-icon.svg} (100%) rename packages/icons/src/16/{pin.svg => pin-icon.svg} (100%) rename packages/icons/src/16/{placeholder.svg => placeholder-icon.svg} (100%) rename packages/icons/src/16/{positive.svg => positive-icon.svg} (100%) rename packages/icons/src/16/{privacy.svg => privacy-icon.svg} (100%) rename packages/icons/src/16/{progress.svg => progress-icon.svg} (100%) rename packages/icons/src/16/{remove-user.svg => remove-user-icon.svg} (100%) rename packages/icons/src/16/{sad.svg => sad-icon.svg} (100%) rename packages/icons/src/16/{stickers.svg => stickers-icon.svg} (100%) rename packages/icons/src/16/{unlocked.svg => unlocked-icon.svg} (100%) rename packages/icons/src/16/{unmute.svg => unmute-icon.svg} (100%) rename packages/icons/src/16/{world.svg => world-icon.svg} (100%) rename packages/icons/src/20/{Menu.svg => Menu-icon.svg} (100%) rename packages/icons/src/20/{Unread.svg => Unread-icon.svg} (100%) rename packages/icons/src/20/{account number.svg => account number-icon.svg} (100%) rename packages/icons/src/20/{active-member.svg => active-member-icon.svg} (100%) rename packages/icons/src/20/{activity-center.svg => activity-center-icon.svg} (100%) rename packages/icons/src/20/{add.svg => add-icon.svg} (100%) rename packages/icons/src/20/{add-reaction.svg => add-reaction-icon.svg} (100%) rename packages/icons/src/20/{add-small.svg => add-small-icon.svg} (100%) rename packages/icons/src/20/{add-token.svg => add-token-icon.svg} (100%) rename packages/icons/src/20/{add-user.svg => add-user-icon.svg} (100%) rename packages/icons/src/20/{alert.svg => alert-icon.svg} (100%) rename packages/icons/src/20/{alphabetically.svg => alphabetically-icon.svg} (100%) rename packages/icons/src/20/{android.svg => android-icon.svg} (100%) rename packages/icons/src/20/{anonymous.svg => anonymous-icon.svg} (100%) rename packages/icons/src/20/{arrow-down.svg => arrow-down-icon.svg} (100%) rename packages/icons/src/20/{arrow-left.svg => arrow-left-icon.svg} (100%) rename packages/icons/src/20/{arrow-right.svg => arrow-right-icon.svg} (100%) rename packages/icons/src/20/{arrow-up.svg => arrow-up-icon.svg} (100%) rename packages/icons/src/20/{attach.svg => attach-icon.svg} (100%) rename packages/icons/src/20/{audio.svg => audio-icon.svg} (100%) rename packages/icons/src/20/{automatic.svg => automatic-icon.svg} (100%) rename packages/icons/src/20/{block.svg => block-icon.svg} (100%) rename packages/icons/src/20/{bold.svg => bold-icon.svg} (100%) rename packages/icons/src/20/{bridge.svg => bridge-icon.svg} (100%) rename packages/icons/src/20/{browser.svg => browser-icon.svg} (100%) rename packages/icons/src/20/{bullet.svg => bullet-icon.svg} (100%) rename packages/icons/src/20/{bullet-list.svg => bullet-list-icon.svg} (100%) rename packages/icons/src/20/{buy.svg => buy-icon.svg} (100%) rename packages/icons/src/20/{camera.svg => camera-icon.svg} (100%) rename packages/icons/src/20/{card-view.svg => card-view-icon.svg} (100%) rename packages/icons/src/20/{centre-align.svg => centre-align-icon.svg} (100%) rename packages/icons/src/20/{chatkey.svg => chatkey-icon.svg} (100%) rename packages/icons/src/20/{check.svg => check-icon.svg} (100%) rename packages/icons/src/20/{chevron-down.svg => chevron-down-icon.svg} (100%) rename packages/icons/src/20/{chevron-left.svg => chevron-left-icon.svg} (100%) rename packages/icons/src/20/{chevron-right.svg => chevron-right-icon.svg} (100%) rename packages/icons/src/20/{chevron-up.svg => chevron-up-icon.svg} (100%) rename packages/icons/src/20/{chevrons-left.svg => chevrons-left-icon.svg} (100%) rename packages/icons/src/20/{chevrons-right.svg => chevrons-right-icon.svg} (100%) rename packages/icons/src/20/{clear.svg => clear-icon.svg} (100%) rename packages/icons/src/20/{close.svg => close-icon.svg} (100%) rename packages/icons/src/20/{code block.svg => code block-icon.svg} (100%) rename packages/icons/src/20/{code.svg => code-icon.svg} (100%) rename packages/icons/src/20/{collapse.svg => collapse-icon.svg} (100%) rename packages/icons/src/20/{colour-pick.svg => colour-pick-icon.svg} (100%) rename packages/icons/src/20/{communities.svg => communities-icon.svg} (100%) rename packages/icons/src/20/{connection.svg => connection-icon.svg} (100%) rename packages/icons/src/20/{contact-book.svg => contact-book-icon.svg} (100%) rename packages/icons/src/20/{contact.svg => contact-icon.svg} (100%) rename packages/icons/src/20/{copy.svg => copy-icon.svg} (100%) rename packages/icons/src/20/{correct.svg => correct-icon.svg} (100%) rename packages/icons/src/20/{crown.svg => crown-icon.svg} (100%) rename packages/icons/src/20/{customize.svg => customize-icon.svg} (100%) rename packages/icons/src/20/{dark.svg => dark-icon.svg} (100%) rename packages/icons/src/20/{data-usage.svg => data-usage-icon.svg} (100%) rename packages/icons/src/20/{delete.svg => delete-icon.svg} (100%) rename packages/icons/src/20/{desktop.svg => desktop-icon.svg} (100%) rename packages/icons/src/20/{download.svg => download-icon.svg} (100%) rename packages/icons/src/20/{dropdown.svg => dropdown-icon.svg} (100%) rename packages/icons/src/20/{duration.svg => duration-icon.svg} (100%) rename packages/icons/src/20/{edit.svg => edit-icon.svg} (100%) rename packages/icons/src/20/{email.svg => email-icon.svg} (100%) rename packages/icons/src/20/{expand.svg => expand-icon.svg} (100%) rename packages/icons/src/20/{external.svg => external-icon.svg} (100%) rename packages/icons/src/20/{face-id.svg => face-id-icon.svg} (100%) rename packages/icons/src/20/{favourite.svg => favourite-icon.svg} (100%) rename packages/icons/src/20/{file.svg => file-icon.svg} (100%) rename packages/icons/src/20/{flag.svg => flag-icon.svg} (100%) rename packages/icons/src/20/{flash.svg => flash-icon.svg} (100%) rename packages/icons/src/20/{flash-off.svg => flash-off-icon.svg} (100%) rename packages/icons/src/20/{flashlight-off.svg => flashlight-off-icon.svg} (100%) rename packages/icons/src/20/{flashlight-on.svg => flashlight-on-icon.svg} (100%) rename packages/icons/src/20/{flip.svg => flip-icon.svg} (100%) rename packages/icons/src/20/{folder.svg => folder-icon.svg} (100%) rename packages/icons/src/20/{format.svg => format-icon.svg} (100%) rename packages/icons/src/20/{forward.svg => forward-icon.svg} (100%) rename packages/icons/src/20/{friend.svg => friend-icon.svg} (100%) rename packages/icons/src/20/{gas.svg => gas-icon.svg} (100%) rename packages/icons/src/20/{gif.svg => gif-icon.svg} (100%) rename packages/icons/src/20/{globe.svg => globe-icon.svg} (100%) rename packages/icons/src/20/{hashtag-1.svg => hashtag-1-icon.svg} (100%) rename packages/icons/src/20/{hashtag.svg => hashtag-icon.svg} (100%) rename packages/icons/src/20/{heart.svg => heart-icon.svg} (100%) rename packages/icons/src/20/{help.svg => help-icon.svg} (100%) rename packages/icons/src/20/{hide.svg => hide-icon.svg} (100%) rename packages/icons/src/20/{history.svg => history-icon.svg} (100%) rename packages/icons/src/20/{hold.svg => hold-icon.svg} (100%) rename packages/icons/src/20/{image.svg => image-icon.svg} (100%) rename packages/icons/src/20/{inactive.svg => inactive-icon.svg} (100%) rename packages/icons/src/20/{info-badge.svg => info-badge-icon.svg} (100%) rename packages/icons/src/20/{info.svg => info-icon.svg} (100%) rename packages/icons/src/20/{italic.svg => italic-icon.svg} (100%) rename packages/icons/src/20/{justify.svg => justify-icon.svg} (100%) rename packages/icons/src/20/{key.svg => key-icon.svg} (100%) rename packages/icons/src/20/{keyboard.svg => keyboard-icon.svg} (100%) rename packages/icons/src/20/{keycard.svg => keycard-icon.svg} (100%) rename packages/icons/src/20/{keycard-logo.svg => keycard-logo-icon.svg} (100%) rename packages/icons/src/20/{laptop.svg => laptop-icon.svg} (100%) rename packages/icons/src/20/{left-align.svg => left-align-icon.svg} (100%) rename packages/icons/src/20/{light.svg => light-icon.svg} (100%) rename packages/icons/src/20/{link.svg => link-icon.svg} (100%) rename packages/icons/src/20/{list-view.svg => list-view-icon.svg} (100%) rename packages/icons/src/20/{loading.svg => loading-icon.svg} (100%) rename packages/icons/src/20/{locked.svg => locked-icon.svg} (100%) rename packages/icons/src/20/{log-out.svg => log-out-icon.svg} (100%) rename packages/icons/src/20/{members.svg => members-icon.svg} (100%) rename packages/icons/src/20/{mention.svg => mention-icon.svg} (100%) rename packages/icons/src/20/{messages.svg => messages-icon.svg} (100%) rename packages/icons/src/20/{mobile.svg => mobile-icon.svg} (100%) rename packages/icons/src/20/{multi-profile.svg => multi-profile-icon.svg} (100%) rename packages/icons/src/20/{muted.svg => muted-icon.svg} (100%) rename packages/icons/src/20/{mutual-contact.svg => mutual-contact-icon.svg} (100%) rename packages/icons/src/20/{new-message.svg => new-message-icon.svg} (100%) rename packages/icons/src/20/{nft.svg => nft-icon.svg} (100%) rename packages/icons/src/20/{node.svg => node-icon.svg} (100%) rename packages/icons/src/20/{notification.svg => notification-icon.svg} (100%) rename packages/icons/src/20/{notifications.svg => notifications-icon.svg} (100%) rename packages/icons/src/20/{numbered-list.svg => numbered-list-icon.svg} (100%) rename packages/icons/src/20/{online.svg => online-icon.svg} (100%) rename packages/icons/src/20/{online-left.svg => online-left-icon.svg} (100%) rename packages/icons/src/20/{options.svg => options-icon.svg} (100%) rename packages/icons/src/20/{password.svg => password-icon.svg} (100%) rename packages/icons/src/20/{pause.svg => pause-icon.svg} (100%) rename packages/icons/src/20/{pending.svg => pending-icon.svg} (100%) rename packages/icons/src/20/{pending-user.svg => pending-user-icon.svg} (100%) rename packages/icons/src/20/{pin-1.svg => pin-1-icon.svg} (100%) rename packages/icons/src/20/{pin.svg => pin-icon.svg} (100%) rename packages/icons/src/20/{placeholder.svg => placeholder-icon.svg} (100%) rename packages/icons/src/20/{play.svg => play-icon.svg} (100%) rename packages/icons/src/20/{privacy.svg => privacy-icon.svg} (100%) rename packages/icons/src/20/{profile.svg => profile-icon.svg} (100%) rename packages/icons/src/20/{pullup.svg => pullup-icon.svg} (100%) rename packages/icons/src/20/{qr-code.svg => qr-code-icon.svg} (100%) rename packages/icons/src/20/{quarter.svg => quarter-icon.svg} (100%) rename packages/icons/src/20/{reaction.svg => reaction-icon.svg} (100%) rename packages/icons/src/20/{receive.svg => receive-icon.svg} (100%) rename packages/icons/src/20/{receive-message.svg => receive-message-icon.svg} (100%) rename packages/icons/src/20/{recent.svg => recent-icon.svg} (100%) rename packages/icons/src/20/{refresh.svg => refresh-icon.svg} (100%) rename packages/icons/src/20/{remove-user.svg => remove-user-icon.svg} (100%) rename packages/icons/src/20/{reply.svg => reply-icon.svg} (100%) rename packages/icons/src/20/{reveal.svg => reveal-icon.svg} (100%) rename packages/icons/src/20/{revere.svg => revere-icon.svg} (100%) rename packages/icons/src/20/{right-align.svg => right-align-icon.svg} (100%) rename packages/icons/src/20/{rotate.svg => rotate-icon.svg} (100%) rename packages/icons/src/20/{sad.svg => sad-icon.svg} (100%) rename packages/icons/src/20/{save.svg => save-icon.svg} (100%) rename packages/icons/src/20/{scan.svg => scan-icon.svg} (100%) rename packages/icons/src/20/{search.svg => search-icon.svg} (100%) rename packages/icons/src/20/{seed.svg => seed-icon.svg} (100%) rename packages/icons/src/20/{send.svg => send-icon.svg} (100%) rename packages/icons/src/20/{send-message.svg => send-message-icon.svg} (100%) rename packages/icons/src/20/{settings.svg => settings-icon.svg} (100%) rename packages/icons/src/20/{share.svg => share-icon.svg} (100%) rename packages/icons/src/20/{signature.svg => signature-icon.svg} (100%) rename packages/icons/src/20/{sort.svg => sort-icon.svg} (100%) rename packages/icons/src/20/{speed.svg => speed-icon.svg} (100%) rename packages/icons/src/20/{status.svg => status-icon.svg} (100%) rename packages/icons/src/20/{stickers.svg => stickers-icon.svg} (100%) rename packages/icons/src/20/{stop.svg => stop-icon.svg} (100%) rename packages/icons/src/20/{strikethrough.svg => strikethrough-icon.svg} (100%) rename packages/icons/src/20/{subscript.svg => subscript-icon.svg} (100%) rename packages/icons/src/20/{superscript.svg => superscript-icon.svg} (100%) rename packages/icons/src/20/{swap.svg => swap-icon.svg} (100%) rename packages/icons/src/20/{syncing.svg => syncing-icon.svg} (100%) rename packages/icons/src/20/{toggle.svg => toggle-icon.svg} (100%) rename packages/icons/src/20/{token.svg => token-icon.svg} (100%) rename packages/icons/src/20/{unblock.svg => unblock-icon.svg} (100%) rename packages/icons/src/20/{underline.svg => underline-icon.svg} (100%) rename packages/icons/src/20/{unlocked.svg => unlocked-icon.svg} (100%) rename packages/icons/src/20/{untrustworthy.svg => untrustworthy-icon.svg} (100%) rename packages/icons/src/20/{up-to-date.svg => up-to-date-icon.svg} (100%) rename packages/icons/src/20/{verified.svg => verified-icon.svg} (100%) rename packages/icons/src/20/{video.svg => video-icon.svg} (100%) rename packages/icons/src/20/{wallet.svg => wallet-icon.svg} (100%) rename packages/icons/src/20/{warning.svg => warning-icon.svg} (100%) rename packages/icons/src/20/{world.svg => world-icon.svg} (100%) delete mode 100644 packages/icons/src/audio-icon.tsx delete mode 100644 packages/icons/src/chevron-icon.tsx delete mode 100644 packages/icons/src/format-icon.tsx delete mode 100644 packages/icons/src/group-icon.tsx delete mode 100644 packages/icons/src/image-icon.tsx delete mode 100644 packages/icons/src/muted-icon.tsx delete mode 100644 packages/icons/src/reaction-icon.tsx rename packages/icons/src/reactions/{angry.svg => angry-icon.svg} (100%) rename packages/icons/src/reactions/{laugh.svg => laugh-icon.svg} (100%) rename packages/icons/src/reactions/{love.svg => love-icon.svg} (100%) rename packages/icons/src/reactions/{sad.svg => sad-icon.svg} (100%) rename packages/icons/src/reactions/{thumbs-down.svg => thumbs-down-icon.svg} (100%) rename packages/icons/src/reactions/{thumbs-up.svg => thumbs-up-icon.svg} (100%) delete mode 100644 packages/icons/src/themed.tsx diff --git a/packages/components/src/accordion/accordion.tsx b/packages/components/src/accordion/accordion.tsx index 25b8262a..fc3f42bc 100644 --- a/packages/components/src/accordion/accordion.tsx +++ b/packages/components/src/accordion/accordion.tsx @@ -1,6 +1,6 @@ import React from 'react' -import { ChevronRight } from '@status-im/icons/20' +import { ChevronRightIcon } from '@status-im/icons/20' import { Stack } from '@tamagui/core' import { AnimatePresence } from 'tamagui' @@ -58,7 +58,7 @@ const Accordion = ({ }, ]} > - + )} - {channelStatus === 'muted' && } + {channelStatus === 'muted' && } )} diff --git a/packages/components/src/author/author.tsx b/packages/components/src/author/author.tsx index 92406a73..8ea8f65d 100644 --- a/packages/components/src/author/author.tsx +++ b/packages/components/src/author/author.tsx @@ -1,4 +1,8 @@ -import { Contact, Untrustworthy, Verified } from '@status-im/icons/12' +import { + ContactIcon, + UntrustworthyIcon, + VerifiedIcon, +} from '@status-im/icons/12' import { XStack } from 'tamagui' import { Paragraph } from '../typography' @@ -21,9 +25,9 @@ const Author = (props: Props) => { {name} - {status === 'contact' && } - {status === 'verified' && } - {status === 'untrustworthy' && } + {status === 'contact' && } + {status === 'verified' && } + {status === 'untrustworthy' && } {address && ( diff --git a/packages/components/src/button/button.stories.tsx b/packages/components/src/button/button.stories.tsx index a68a3ee3..3f7d115c 100644 --- a/packages/components/src/button/button.stories.tsx +++ b/packages/components/src/button/button.stories.tsx @@ -17,9 +17,50 @@ export const Primary: Story = { }, } -export const PrimaryLong: Story = { +const icon = ( + + + +) + +export const Primary32: Story = { + name: 'Primary/32px', args: { - children: 'Lorem ipsum dim sum', + size: 32, + children: 'Click me', + }, +} + +export const PrimaryIconBefore: Story = { + name: 'Primary icon before', + args: { + children: 'Click me', + icon, + }, +} + +export const PrimaryIconAfter: Story = { + name: 'Primary/Icon after', + args: { + children: 'Click me', + iconAfter: icon, + }, +} +export const PrimaryIconOnly: Story = { + name: 'Primary/Icon only', + args: { + icon, }, } @@ -30,4 +71,18 @@ export const Success: Story = { }, } +export const Outline: Story = { + args: { + type: 'outline', + children: 'Click me', + }, +} + +export const Ghost: Story = { + args: { + type: 'ghost', + children: 'Click me', + }, +} + export default meta diff --git a/packages/components/src/composer/composer.tsx b/packages/components/src/composer/composer.tsx index 8f2b99c7..39af16d6 100644 --- a/packages/components/src/composer/composer.tsx +++ b/packages/components/src/composer/composer.tsx @@ -1,4 +1,9 @@ -import { Audio, Format, Image, Reaction } from '@status-im/icons/20' +import { + AudioIcon, + FormatIcon, + ImageIcon, + ReactionIcon, +} from '@status-im/icons/20' import { Stack, XStack, YStack } from 'tamagui' import { IconButton } from '../icon-button' @@ -34,11 +39,11 @@ const Composer = (props: BaseProps) => { - } /> - } /> - } /> + } /> + } /> + } /> - } /> + } /> ) diff --git a/packages/components/src/icon-button/icon-button.stories.tsx b/packages/components/src/icon-button/icon-button.stories.tsx index 6fa7028e..1244e78d 100644 --- a/packages/components/src/icon-button/icon-button.stories.tsx +++ b/packages/components/src/icon-button/icon-button.stories.tsx @@ -1,4 +1,4 @@ -import { Options } from '@status-im/icons/20' +import { OptionsIcon } from '@status-im/icons/20' import { IconButton } from './icon-button' @@ -15,7 +15,7 @@ type Story = StoryObj // More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args export const Default: Story = { args: { - icon: , + icon: , }, } diff --git a/packages/components/src/icons/icons.stories.tsx b/packages/components/src/icons/icons.stories.tsx index 3f8f5b24..c0050ce6 100644 --- a/packages/components/src/icons/icons.stories.tsx +++ b/packages/components/src/icons/icons.stories.tsx @@ -34,7 +34,7 @@ export const All: Story = { {Object.keys(icons12).map(name => { // @ts-ignore // eslint-disable-next-line import/namespace - const Icon = icons[name] as React.FunctionComponent + const Icon = icons12[name] as React.FunctionComponent return (
{ // @ts-ignore // eslint-disable-next-line import/namespace - const Icon = icons[name] as React.FunctionComponent + const Icon = icons16[name] as React.FunctionComponent return (
{ // @ts-ignore // eslint-disable-next-line import/namespace - const Icon = icons[name] as React.FunctionComponent + const Icon = icons20[name] as React.FunctionComponent return (
{ // @ts-ignore // eslint-disable-next-line import/namespace - const Icon = icons[name] as React.FunctionComponent + const Icon = reactions[name] as React.FunctionComponent return (
{ shadowColor="rgba(9, 16, 28, 0.08)" zIndex={10} > -