From 51d1a62f707d6023aec0c417ef6fb5234230be04 Mon Sep 17 00:00:00 2001
From: Fedor Indutny <79877362+indutny-signal@users.noreply.github.com>
Date: Thu, 4 May 2023 11:04:22 -0700
Subject: [PATCH] Update icons to v3
---
images/icons/v2/add-emoji-outline-24.svg | 1 -
images/icons/v2/add-reaction-outline-24.svg | 1 -
images/icons/v2/appearance-outline-24.svg | 1 -
images/icons/v2/appearance-solid-24.svg | 1 -
images/icons/v2/archive-outline-16.svg | 1 -
images/icons/v2/archive-solid-16.svg | 1 -
images/icons/v2/arrow-down-20.svg | 1 -
images/icons/v2/arrow-down-24.svg | 1 -
images/icons/v2/arrow-left-32.svg | 1 -
images/icons/v2/arrow-right-32.svg | 1 -
images/icons/v2/at-24.svg | 1 -
images/icons/v2/bell-disabled-outline-24.svg | 1 -
images/icons/v2/bell-disabled-solid-24.svg | 1 -
images/icons/v2/bell-outline-24.svg | 1 -
images/icons/v2/bell-solid-24.svg | 1 -
images/icons/v2/block-24.svg | 1 -
images/icons/v2/camera-outline-24.svg | 1 -
images/icons/v2/check-20.svg | 4 -
images/icons/v2/check-24.svg | 1 -
images/icons/v2/check-circle-outline-24.svg | 1 -
images/icons/v2/check-circle-solid-24.svg | 1 -
images/icons/v2/chevron-down-16.svg | 1 -
images/icons/v2/chevron-down-20.svg | 1 -
images/icons/v2/chevron-down-24.svg | 1 -
images/icons/v2/chevron-left-16.svg | 1 -
images/icons/v2/chevron-left-20.svg | 1 -
images/icons/v2/chevron-left-24.svg | 1 -
images/icons/v2/chevron-right-16.svg | 1 -
images/icons/v2/chevron-right-20.svg | 1 -
images/icons/v2/chevron-right-24.svg | 1 -
images/icons/v2/collapse-down-20.svg | 1 -
images/icons/v2/color-outline-24.svg | 1 -
images/icons/v2/color-solid-24.svg | 1 -
images/icons/v2/compose-24.svg | 1 -
images/icons/v2/compose-outline-24.svg | 1 -
images/icons/v2/compose-solid-24.svg | 1 -
images/icons/v2/copy-outline-24.svg | 1 -
images/icons/v2/credit-card-16.svg | 5 -
images/icons/v2/crop-24.svg | 1 -
images/icons/v2/disable-outline-20.svg | 5 -
images/icons/v2/download-outline-24.svg | 3 -
images/icons/v2/edit-16.svg | 1 -
images/icons/v2/edit-solid-16.svg | 1 -
images/icons/v2/emoji-activity-outline-20.svg | 1 -
images/icons/v2/emoji-activity-solid-20.svg | 1 -
images/icons/v2/emoji-animal-outline-20.svg | 1 -
images/icons/v2/emoji-animal-solid-20.svg | 1 -
images/icons/v2/emoji-flag-outline-20.svg | 1 -
images/icons/v2/emoji-flag-solid-20.svg | 1 -
images/icons/v2/emoji-food-outline-20.svg | 1 -
images/icons/v2/emoji-food-solid-20.svg | 1 -
images/icons/v2/emoji-object-outline-20.svg | 1 -
images/icons/v2/emoji-object-solid-20.svg | 1 -
images/icons/v2/emoji-smiley-outline-20.svg | 1 -
images/icons/v2/emoji-smiley-outline-24.svg | 1 -
images/icons/v2/emoji-smiley-solid-20.svg | 1 -
images/icons/v2/emoji-smiley-solid-24.svg | 1 -
images/icons/v2/emoji-symbol-outline-20.svg | 1 -
images/icons/v2/emoji-symbol-solid-20.svg | 1 -
images/icons/v2/emoji-travel-outline-20.svg | 1 -
images/icons/v2/emoji-travel-solid-20.svg | 1 -
images/icons/v2/error-outline-12.svg | 1 -
images/icons/v2/error-outline-24.svg | 1 -
images/icons/v2/error-solid-12.svg | 1 -
images/icons/v2/expand-up-20.svg | 1 -
images/icons/v2/forward-outline-24.svg | 3 -
images/icons/v2/grid-view-solid-24.svg | 1 -
images/icons/v2/group-outline-24.svg | 1 -
images/icons/v2/group-solid-24.svg | 1 -
images/icons/v2/hq-outline-24.svg | 1 -
images/icons/v2/hq-solid-24.svg | 1 -
images/icons/v2/info-16.svg | 1 -
images/icons/v2/info-outline-24.svg | 1 -
images/icons/v2/info-solid-24.svg | 1 -
images/icons/v2/leave-16.svg | 1 -
images/icons/v2/leave-24.svg | 1 -
images/icons/v2/leave-group-outline-16.svg | 1 -
images/icons/v2/leave-solid-16.svg | 1 -
images/icons/v2/link-16.svg | 1 -
images/icons/v2/link-24.svg | 1 -
images/icons/v2/link-broken-16.svg | 1 -
images/icons/v2/lock-outline-24.svg | 1 -
images/icons/v2/lock-solid-24.svg | 1 -
images/icons/v2/megaphone-16.svg | 1 -
images/icons/v2/megaphone-solid-16.svg | 1 -
images/icons/v2/message-outline-24.svg | 1 -
images/icons/v2/message-solid-24.svg | 1 -
images/icons/v2/messages-solid-20.svg | 1 -
images/icons/v2/mic-off-solid-28.svg | 1 -
images/icons/v2/mic-outline-24.svg | 1 -
images/icons/v2/mic-solid-24.svg | 1 -
images/icons/v2/mic-solid-28.svg | 1 -
images/icons/v2/more-horiz-24.svg | 1 -
images/icons/v2/note-24.svg | 1 -
images/icons/v2/official-20.svg | 4 -
images/icons/v2/offline-22.svg | 1 -
images/icons/v2/open-24.svg | 1 -
images/icons/v2/pause-solid-20.svg | 1 -
images/icons/v2/pause_solid_20.svg | 1 -
images/icons/v2/pending-invite-24.svg | 1 -
images/icons/v2/phone-down-24.svg | 1 -
images/icons/v2/phone-down-28.svg | 1 -
images/icons/v2/phone-incoming-16.svg | 1 -
images/icons/v2/phone-incoming-solid-16.svg | 1 -
images/icons/v2/phone-outgoing-16.svg | 1 -
images/icons/v2/phone-outgoing-solid-16.svg | 1 -
images/icons/v2/phone-outline-24.svg | 1 -
images/icons/v2/phone-right-outline-24.svg | 1 -
images/icons/v2/phone-right-solid-24.svg | 1 -
images/icons/v2/phone-solid-24.svg | 1 -
images/icons/v2/phone-x-16.svg | 1 -
images/icons/v2/phone-x-solid-16.svg | 1 -
images/icons/v2/photo-16.svg | 1 -
images/icons/v2/photo-album-outline-24.svg | 1 -
images/icons/v2/photo-solid-16.svg | 1 -
images/icons/v2/pip-maximize-24.svg | 1 -
images/icons/v2/pip-minimize-24.svg | 1 -
images/icons/v2/play-solid-20.svg | 1 -
images/icons/v2/play-solid-24.svg | 1 -
images/icons/v2/play_solid_20.svg | 1 -
images/icons/v2/plus-20.svg | 1 -
images/icons/v2/plus-24.svg | 1 -
images/icons/v2/profile-circle-outline-24.svg | 1 -
images/icons/v2/profile-outline-20.svg | 1 -
images/icons/v2/profile-outline-40.svg | 1 -
images/icons/v2/recent-outline-20.svg | 1 -
images/icons/v2/recent-solid-20.svg | 1 -
images/icons/v2/redo-24.svg | 1 -
images/icons/v2/refresh-16.svg | 1 -
images/icons/v2/refresh-24.svg | 1 -
images/icons/v2/reply-outline-24.svg | 1 -
images/icons/v2/reply-solid-24.svg | 1 -
images/icons/v2/ring-28.svg | 1 -
images/icons/v2/safety-number-outline-24.svg | 1 -
images/icons/v2/safety-number-solid-24.svg | 1 -
images/icons/v2/save-outline-24.svg | 1 -
images/icons/v2/save-solid-24.svg | 1 -
images/icons/v2/search-16.svg | 1 -
images/icons/v2/search-24.svg | 1 -
images/icons/v2/send-24.svg | 1 -
images/icons/v2/settings-outline-16.svg | 1 -
images/icons/v2/settings-solid-16.svg | 1 -
images/icons/v2/share-ios-24.svg | 1 -
images/icons/v2/share-screen-26.svg | 1 -
images/icons/v2/sound-none.svg | 1 -
images/icons/v2/sound-off.svg | 3 -
images/icons/v2/sound-on.svg | 1 -
images/icons/v2/sound-outline-24.svg | 1 -
images/icons/v2/speaker-view-solid-24.svg | 1 -
images/icons/v2/sq-24.svg | 1 -
images/icons/v2/sticker-outline-24.svg | 1 -
images/icons/v2/sticker-smiley-24.svg | 1 -
images/icons/v2/sticker-solid-24.svg | 1 -
images/icons/v2/stories-outline-24.svg | 4 -
images/icons/v2/stories-outline-56.svg | 1 -
images/icons/v2/stories-solid-16.svg | 4 -
images/icons/v2/timer-00-12.svg | 1 -
images/icons/v2/timer-05-12.svg | 1 -
images/icons/v2/timer-10-12.svg | 1 -
images/icons/v2/timer-15-12.svg | 1 -
images/icons/v2/timer-20-12.svg | 1 -
images/icons/v2/timer-25-12.svg | 1 -
images/icons/v2/timer-30-12.svg | 1 -
images/icons/v2/timer-35-12.svg | 1 -
images/icons/v2/timer-40-12.svg | 1 -
images/icons/v2/timer-45-12.svg | 1 -
images/icons/v2/timer-50-12.svg | 1 -
images/icons/v2/timer-55-12.svg | 1 -
images/icons/v2/timer-60-12.svg | 1 -
images/icons/v2/timer-disabled-outline-24.svg | 1 -
images/icons/v2/timer-disabled-solid-16.svg | 1 -
images/icons/v2/timer-outline-24.svg | 1 -
images/icons/v2/timer-solid-16.svg | 1 -
images/icons/v2/trash-outline-24.svg | 1 -
images/icons/v2/trash-solid-24.svg | 1 -
images/icons/v2/undo-24.svg | 1 -
images/icons/v2/video-incoming-16.svg | 1 -
images/icons/v2/video-incoming-solid-16.svg | 1 -
images/icons/v2/video-off-solid-24.svg | 1 -
images/icons/v2/video-off-solid-28.svg | 1 -
images/icons/v2/video-outgoing-16.svg | 1 -
images/icons/v2/video-outgoing-solid-16.svg | 1 -
images/icons/v2/video-outline-24.svg | 1 -
images/icons/v2/video-solid-24.svg | 1 -
images/icons/v2/video-solid-28.svg | 1 -
images/icons/v2/video-x-16.svg | 1 -
images/icons/v2/video-x-solid-16.svg | 1 -
images/icons/v2/view-once-24.svg | 1 -
images/icons/v2/viewed-once-24.svg | 1 -
images/icons/v2/warning-outline-24.svg | 1 -
images/icons/v2/x-24.svg | 1 -
images/icons/v2/x-8.svg | 10 -
images/icons/v2/x-circle-16.svg | 11 -
images/icons/v3/album/album.svg | 1 +
images/icons/v3/appearance/appearance.svg | 1 +
images/icons/v3/archive/archive-compact.svg | 1 +
images/icons/v3/archive/archive.svg | 1 +
images/icons/v3/arrow/arrow-down.svg | 1 +
images/icons/v3/arrow/arrow-right.svg | 1 +
images/icons/v3/at/at.svg | 1 +
images/icons/v3/attach/attach.svg | 1 +
images/icons/v3/bell/bell-compact.svg | 1 +
images/icons/v3/bell/bell-ring-fill-light.svg | 1 +
images/icons/v3/bell/bell-slash-bold.svg | 1 +
images/icons/v3/bell/bell-slash-compact.svg | 1 +
images/icons/v3/bell/bell-slash.svg | 1 +
images/icons/v3/bell/bell.svg | 1 +
images/icons/v3/block--compact.svg | 10 -
images/icons/v3/block/block-compact.svg | 1 +
images/icons/v3/block/block.svg | 1 +
images/icons/v3/bold.svg | 3 -
images/icons/v3/camera/camera.svg | 1 +
images/icons/v3/chat--compact.svg | 3 -
images/icons/v3/chat/chat-compact.svg | 1 +
images/icons/v3/chat/chat.svg | 1 +
images/icons/v3/check.svg | 3 -
.../icons/v3/check/check-circle-compact.svg | 1 +
images/icons/v3/check/check-circle-fill.svg | 1 +
images/icons/v3/check/check-circle.svg | 1 +
images/icons/v3/check/check-compact-bold.svg | 1 +
images/icons/v3/check/check-compact.svg | 1 +
images/icons/v3/check/check.svg | 1 +
.../icons/v3/chevron/chevron-down-compact.svg | 1 +
images/icons/v3/chevron/chevron-down.svg | 1 +
images/icons/v3/chevron/chevron-left.svg | 1 +
.../v3/chevron/chevron-right-compact-bold.svg | 1 +
images/icons/v3/chevron/chevron-right.svg | 1 +
.../icons/v3/chevron/chevron-shallow-down.svg | 1 +
.../icons/v3/chevron/chevron-shallow-up.svg | 1 +
images/icons/v3/compose/compose.svg | 1 +
images/icons/v3/copy/copy-compact.svg | 1 +
images/icons/v3/copy/copy.svg | 1 +
images/icons/v3/crop/crop-rotate.svg | 1 +
.../v3/dropdown/dropdown-compact-light.svg | 1 +
images/icons/v3/edit.svg | 3 -
images/icons/v3/edit/edit-compact.svg | 1 +
images/icons/v3/edit/edit.svg | 1 +
images/icons/v3/emoji/emoji-activity.svg | 1 +
images/icons/v3/emoji/emoji-animal.svg | 1 +
images/icons/v3/emoji/emoji-flag.svg | 1 +
images/icons/v3/emoji/emoji-food.svg | 1 +
images/icons/v3/emoji/emoji-object.svg | 1 +
images/icons/v3/emoji/emoji-symbol.svg | 1 +
images/icons/v3/emoji/emoji-travel.svg | 1 +
images/icons/v3/emoji/emoji.svg | 1 +
.../icons/v3/error/error-circle-compact.svg | 1 +
images/icons/v3/error/error-circle.svg | 1 +
images/icons/v3/error/error-triangle.svg | 1 +
images/icons/v3/file/file.svg | 1 +
images/icons/v3/forward/forward-compact.svg | 1 +
images/icons/v3/forward/forward.svg | 1 +
images/icons/v3/grid/grid.svg | 1 +
images/icons/v3/group/group-compact.svg | 1 +
images/icons/v3/group/group.svg | 1 +
images/icons/v3/heart/heart-plus-compact.svg | 1 +
images/icons/v3/heart/heart-plus.svg | 1 +
images/icons/v3/info/info-compact.svg | 1 +
images/icons/v3/info/info.svg | 1 +
images/icons/v3/italic.svg | 3 -
images/icons/v3/key/key.svg | 1 +
images/icons/v3/leave/leave-compact.svg | 1 +
images/icons/v3/leave/leave.svg | 1 +
images/icons/v3/link/link-slash.svg | 1 +
images/icons/v3/link/link.svg | 1 +
images/icons/v3/lock/lock.svg | 1 +
.../v3/maximize/maximize-square-light.svg | 1 +
.../icons/v3/megaphone/megaphone-compact.svg | 1 +
.../messagestatus-delivered.svg | 1 +
.../v3/message_status/messagestatus-read.svg | 1 +
.../message_status/messagestatus-sending.svg | 1 +
.../v3/message_status/messagestatus-sent.svg | 1 +
.../v3/message_timer/messagetimer-00.svg | 1 +
.../v3/message_timer/messagetimer-05.svg | 1 +
.../v3/message_timer/messagetimer-10.svg | 1 +
.../v3/message_timer/messagetimer-15.svg | 1 +
.../v3/message_timer/messagetimer-20.svg | 1 +
.../v3/message_timer/messagetimer-25.svg | 1 +
.../v3/message_timer/messagetimer-30.svg | 1 +
.../v3/message_timer/messagetimer-35.svg | 1 +
.../v3/message_timer/messagetimer-40.svg | 1 +
.../v3/message_timer/messagetimer-45.svg | 1 +
.../v3/message_timer/messagetimer-50.svg | 1 +
.../v3/message_timer/messagetimer-55.svg | 1 +
.../v3/message_timer/messagetimer-60.svg | 1 +
images/icons/v3/mic/mic-fill-light.svg | 1 +
images/icons/v3/mic/mic-fill.svg | 1 +
.../icons/v3/mic/mic-slash-compact-light.svg | 1 +
.../v3/mic/mic-slash-fill-compact-light.svg | 1 +
images/icons/v3/mic/mic-slash-fill-light.svg | 1 +
images/icons/v3/mic/mic.svg | 1 +
images/icons/v3/minus--circle--compact.svg | 11 -
.../icons/v3/minus/minus-circle-compact.svg | 1 +
images/icons/v3/minus/minus-circle.svg | 1 +
images/icons/v3/monospace.svg | 3 -
images/icons/v3/more/more-compact.svg | 1 +
images/icons/v3/more/more.svg | 1 +
images/icons/v3/note/note.svg | 1 +
images/icons/v3/official/official-compact.svg | 1 +
images/icons/v3/official/official.svg | 1 +
images/icons/v3/open/open-compact.svg | 1 +
images/icons/v3/pause/pause-fill.svg | 1 +
images/icons/v3/pause/pause.svg | 1 +
images/icons/v3/payment/payment.svg | 1 +
.../icons/v3/person/person-circle-compact.svg | 1 +
images/icons/v3/person/person-compact.svg | 1 +
images/icons/v3/person/person.svg | 1 +
images/icons/v3/phone--compact.svg | 3 -
images/icons/v3/phone/phone-compact.svg | 1 +
.../icons/v3/phone/phone-down-fill-light.svg | 1 +
images/icons/v3/phone/phone-down-fill.svg | 1 +
images/icons/v3/phone/phone-fill.svg | 1 +
images/icons/v3/phone/phone.svg | 1 +
.../icons/v3/photo/photo-square-compact.svg | 1 +
images/icons/v3/photo/photo-square.svg | 1 +
images/icons/v3/pip/pip.svg | 1 +
images/icons/v3/play/play-fill.svg | 1 +
images/icons/v3/plus/plus-circle.svg | 1 +
images/icons/v3/plus/plus-compact-bold.svg | 1 +
images/icons/v3/plus/plus-compact.svg | 1 +
images/icons/v3/plus/plus-light.svg | 1 +
images/icons/v3/plus/plus.svg | 1 +
images/icons/v3/quality/quality-high.svg | 1 +
images/icons/v3/quality/quality-standard.svg | 1 +
images/icons/v3/recent/recent.svg | 1 +
images/icons/v3/redo/redo.svg | 1 +
images/icons/v3/refresh/refresh.svg | 1 +
images/icons/v3/reply/reply-compact.svg | 1 +
images/icons/v3/reply/reply-fill-compact.svg | 1 +
images/icons/v3/reply/reply.svg | 1 +
.../safety_number/safety_number-compact.svg | 1 +
.../icons/v3/safety_number/safety_number.svg | 1 +
images/icons/v3/save/save-compact.svg | 1 +
images/icons/v3/save/save.svg | 1 +
.../icons/v3/search/search-compact-light.svg | 1 +
images/icons/v3/search/search-compact.svg | 1 +
images/icons/v3/search/search.svg | 1 +
images/icons/v3/send/send-fill.svg | 1 +
images/icons/v3/send/send.svg | 1 +
images/icons/v3/settings/settings-compact.svg | 1 +
images/icons/v3/settings/settings.svg | 1 +
.../share_screen/share_screen-fill-light.svg | 1 +
images/icons/v3/speaker/speaker-slash.svg | 1 +
images/icons/v3/speaker/speaker-x.svg | 1 +
images/icons/v3/speaker/speaker.svg | 1 +
images/icons/v3/speaker_view/speaker_view.svg | 1 +
images/icons/v3/spoiler.svg | 7 -
images/icons/v3/sticker/sticker-smiley.svg | 1 +
images/icons/v3/sticker/sticker.svg | 1 +
images/icons/v3/stories/stories-display.svg | 1 +
.../icons/v3/stories/stories-fill-compact.svg | 1 +
images/icons/v3/stories/stories.svg | 1 +
images/icons/v3/strikethrough.svg | 5 -
.../v3/text_format/textformat-bold-bold.svg | 1 +
.../v3/text_format/textformat-italic.svg | 1 +
.../v3/text_format/textformat-monospace.svg | 1 +
.../v3/text_format/textformat-spoiler.svg | 1 +
.../text_format/textformat-strikethrough.svg | 1 +
.../icons/v3/thread/thread-fill-compact.svg | 1 +
images/icons/v3/timer/timer-compact.svg | 1 +
images/icons/v3/timer/timer-slash-compact.svg | 1 +
images/icons/v3/timer/timer-slash.svg | 1 +
images/icons/v3/timer/timer.svg | 1 +
images/icons/v3/trash/trash-compact.svg | 1 +
images/icons/v3/trash/trash.svg | 1 +
images/icons/v3/tune/tune.svg | 1 +
images/icons/v3/undo/undo.svg | 1 +
images/icons/v3/video--compact.svg | 3 -
images/icons/v3/video/video-compact-fill.svg | 1 +
images/icons/v3/video/video-compact.svg | 1 +
images/icons/v3/video/video-fill-light.svg | 1 +
images/icons/v3/video/video-fill.svg | 1 +
.../v3/video/video-slash-compact-light.svg | 1 +
.../icons/v3/video/video-slash-fill-light.svg | 1 +
images/icons/v3/video/video-slash-fill.svg | 1 +
images/icons/v3/video/video.svg | 1 +
images/icons/v3/view_once/view_once-dash.svg | 1 +
images/icons/v3/view_once/view_once.svg | 1 +
images/icons/v3/wifi/wifi-error.svg | 1 +
images/icons/v3/x.svg | 3 -
images/icons/v3/x/x-circle-compact.svg | 1 +
images/icons/v3/x/x-circle.svg | 1 +
images/icons/v3/x/x-compact-light.svg | 1 +
images/icons/v3/x/x-compact.svg | 1 +
images/icons/v3/x/x.svg | 1 +
stylesheets/_global.scss | 2 +-
stylesheets/_mixins.scss | 26 +-
stylesheets/_modules.scss | 646 +++++++-----------
stylesheets/components/AudioCapture.scss | 18 +-
stylesheets/components/Avatar.scss | 12 +-
stylesheets/components/AvatarEditor.scss | 2 +-
stylesheets/components/AvatarPreview.scss | 10 +-
stylesheets/components/BadgeDialog.scss | 8 +-
.../components/BetterAvatarBubble.scss | 7 +-
stylesheets/components/Button.scss | 40 +-
.../components/CallingAudioIndicator.scss | 2 +-
stylesheets/components/CallingButton.scss | 39 +-
stylesheets/components/CallingLobby.scss | 2 +-
.../CallingScreenSharingController.scss | 2 +-
stylesheets/components/ChatColorPicker.scss | 7 +-
stylesheets/components/CircleCheckbox.scss | 13 +-
stylesheets/components/CompositionArea.scss | 37 +-
stylesheets/components/CompositionInput.scss | 38 +-
.../components/CompositionRecording.scss | 2 +-
stylesheets/components/ContactListItem.scss | 30 +-
stylesheets/components/ContactModal.scss | 79 +--
stylesheets/components/ContactPill.scss | 16 +-
stylesheets/components/ContactPills.scss | 2 +-
stylesheets/components/ContextMenu.scss | 5 +-
.../components/ConversationDetails.scss | 225 ++----
.../components/ConversationHeader.scss | 43 +-
stylesheets/components/ConversationHero.scss | 18 +-
.../components/EditUsernameModalBody.scss | 7 +-
.../components/ForwardMessageModal.scss | 31 +-
stylesheets/components/GroupDialog.scss | 4 +-
stylesheets/components/IncomingCallBar.scss | 8 +-
stylesheets/components/Input.scss | 4 +-
.../InstallScreenQrCodeNotScannedStep.scss | 7 +-
stylesheets/components/LeftPaneDialog.scss | 12 +-
.../components/LeftPaneSearchInput.scss | 4 +-
stylesheets/components/Lightbox.scss | 13 +-
stylesheets/components/MediaEditor.scss | 21 +-
.../components/MediaQualitySelector.scss | 23 +-
stylesheets/components/MessageDetail.scss | 4 +-
stylesheets/components/MiniPlayer.scss | 16 +-
stylesheets/components/Modal.scss | 16 +-
stylesheets/components/MyStories.scss | 23 +-
stylesheets/components/PlaybackButton.scss | 10 +-
.../components/PlaybackRateButton.scss | 2 +-
stylesheets/components/Preferences.scss | 49 +-
stylesheets/components/ProfileEditor.scss | 66 +-
stylesheets/components/Quote.scss | 39 +-
.../components/ReactionPickerPicker.scss | 31 +-
.../components/SafetyNumberChangeDialog.scss | 22 +-
.../components/SafetyNumberViewer.scss | 32 +-
stylesheets/components/ScrollDownButton.scss | 4 +-
stylesheets/components/SearchInput.scss | 20 +-
stylesheets/components/Select.scss | 26 +-
stylesheets/components/SelectModeActions.scss | 14 +-
stylesheets/components/SendStoryModal.scss | 24 +-
stylesheets/components/StagedLinkPreview.scss | 10 +-
stylesheets/components/StickerManager.scss | 8 +-
stylesheets/components/Stories.scss | 39 +-
.../components/StoriesSettingsModal.scss | 27 +-
stylesheets/components/StoryCreator.scss | 8 +-
stylesheets/components/StoryDetailsModal.scss | 14 +-
stylesheets/components/StoryLinkPreview.scss | 2 +-
stylesheets/components/StoryListItem.scss | 39 +-
stylesheets/components/StoryViewer.scss | 70 +-
.../components/StoryViewsNRepliesModal.scss | 7 +-
stylesheets/components/SystemMessage.scss | 106 +--
stylesheets/components/TextAttachment.scss | 4 +-
stylesheets/components/TimelineWarning.scss | 4 +-
.../UsernameOnboardingModalBody.scss | 7 +-
ts/components/Button.tsx | 2 -
ts/components/ContactPill.tsx | 2 +-
ts/components/ReactionPickerPicker.tsx | 6 +-
ts/components/StoryViewer.tsx | 44 +-
.../conversation/TimelineItem.stories.tsx | 9 +
.../conversation/TimerNotification.tsx | 4 +-
ts/services/calling.ts | 4 +-
ts/state/smart/CallManager.tsx | 4 +-
461 files changed, 1189 insertions(+), 1570 deletions(-)
delete mode 100644 images/icons/v2/add-emoji-outline-24.svg
delete mode 100644 images/icons/v2/add-reaction-outline-24.svg
delete mode 100644 images/icons/v2/appearance-outline-24.svg
delete mode 100644 images/icons/v2/appearance-solid-24.svg
delete mode 100644 images/icons/v2/archive-outline-16.svg
delete mode 100644 images/icons/v2/archive-solid-16.svg
delete mode 100644 images/icons/v2/arrow-down-20.svg
delete mode 100644 images/icons/v2/arrow-down-24.svg
delete mode 100644 images/icons/v2/arrow-left-32.svg
delete mode 100644 images/icons/v2/arrow-right-32.svg
delete mode 100644 images/icons/v2/at-24.svg
delete mode 100644 images/icons/v2/bell-disabled-outline-24.svg
delete mode 100644 images/icons/v2/bell-disabled-solid-24.svg
delete mode 100644 images/icons/v2/bell-outline-24.svg
delete mode 100644 images/icons/v2/bell-solid-24.svg
delete mode 100644 images/icons/v2/block-24.svg
delete mode 100644 images/icons/v2/camera-outline-24.svg
delete mode 100644 images/icons/v2/check-20.svg
delete mode 100644 images/icons/v2/check-24.svg
delete mode 100644 images/icons/v2/check-circle-outline-24.svg
delete mode 100644 images/icons/v2/check-circle-solid-24.svg
delete mode 100644 images/icons/v2/chevron-down-16.svg
delete mode 100644 images/icons/v2/chevron-down-20.svg
delete mode 100644 images/icons/v2/chevron-down-24.svg
delete mode 100644 images/icons/v2/chevron-left-16.svg
delete mode 100644 images/icons/v2/chevron-left-20.svg
delete mode 100644 images/icons/v2/chevron-left-24.svg
delete mode 100644 images/icons/v2/chevron-right-16.svg
delete mode 100644 images/icons/v2/chevron-right-20.svg
delete mode 100644 images/icons/v2/chevron-right-24.svg
delete mode 100644 images/icons/v2/collapse-down-20.svg
delete mode 100644 images/icons/v2/color-outline-24.svg
delete mode 100644 images/icons/v2/color-solid-24.svg
delete mode 100644 images/icons/v2/compose-24.svg
delete mode 100644 images/icons/v2/compose-outline-24.svg
delete mode 100644 images/icons/v2/compose-solid-24.svg
delete mode 100644 images/icons/v2/copy-outline-24.svg
delete mode 100644 images/icons/v2/credit-card-16.svg
delete mode 100644 images/icons/v2/crop-24.svg
delete mode 100644 images/icons/v2/disable-outline-20.svg
delete mode 100644 images/icons/v2/download-outline-24.svg
delete mode 100644 images/icons/v2/edit-16.svg
delete mode 100644 images/icons/v2/edit-solid-16.svg
delete mode 100644 images/icons/v2/emoji-activity-outline-20.svg
delete mode 100644 images/icons/v2/emoji-activity-solid-20.svg
delete mode 100644 images/icons/v2/emoji-animal-outline-20.svg
delete mode 100644 images/icons/v2/emoji-animal-solid-20.svg
delete mode 100644 images/icons/v2/emoji-flag-outline-20.svg
delete mode 100644 images/icons/v2/emoji-flag-solid-20.svg
delete mode 100644 images/icons/v2/emoji-food-outline-20.svg
delete mode 100644 images/icons/v2/emoji-food-solid-20.svg
delete mode 100644 images/icons/v2/emoji-object-outline-20.svg
delete mode 100644 images/icons/v2/emoji-object-solid-20.svg
delete mode 100644 images/icons/v2/emoji-smiley-outline-20.svg
delete mode 100644 images/icons/v2/emoji-smiley-outline-24.svg
delete mode 100644 images/icons/v2/emoji-smiley-solid-20.svg
delete mode 100644 images/icons/v2/emoji-smiley-solid-24.svg
delete mode 100644 images/icons/v2/emoji-symbol-outline-20.svg
delete mode 100644 images/icons/v2/emoji-symbol-solid-20.svg
delete mode 100644 images/icons/v2/emoji-travel-outline-20.svg
delete mode 100644 images/icons/v2/emoji-travel-solid-20.svg
delete mode 100644 images/icons/v2/error-outline-12.svg
delete mode 100644 images/icons/v2/error-outline-24.svg
delete mode 100644 images/icons/v2/error-solid-12.svg
delete mode 100644 images/icons/v2/expand-up-20.svg
delete mode 100644 images/icons/v2/forward-outline-24.svg
delete mode 100644 images/icons/v2/grid-view-solid-24.svg
delete mode 100644 images/icons/v2/group-outline-24.svg
delete mode 100644 images/icons/v2/group-solid-24.svg
delete mode 100644 images/icons/v2/hq-outline-24.svg
delete mode 100644 images/icons/v2/hq-solid-24.svg
delete mode 100644 images/icons/v2/info-16.svg
delete mode 100644 images/icons/v2/info-outline-24.svg
delete mode 100644 images/icons/v2/info-solid-24.svg
delete mode 100644 images/icons/v2/leave-16.svg
delete mode 100644 images/icons/v2/leave-24.svg
delete mode 100644 images/icons/v2/leave-group-outline-16.svg
delete mode 100644 images/icons/v2/leave-solid-16.svg
delete mode 100644 images/icons/v2/link-16.svg
delete mode 100644 images/icons/v2/link-24.svg
delete mode 100644 images/icons/v2/link-broken-16.svg
delete mode 100644 images/icons/v2/lock-outline-24.svg
delete mode 100644 images/icons/v2/lock-solid-24.svg
delete mode 100644 images/icons/v2/megaphone-16.svg
delete mode 100644 images/icons/v2/megaphone-solid-16.svg
delete mode 100644 images/icons/v2/message-outline-24.svg
delete mode 100644 images/icons/v2/message-solid-24.svg
delete mode 100644 images/icons/v2/messages-solid-20.svg
delete mode 100644 images/icons/v2/mic-off-solid-28.svg
delete mode 100644 images/icons/v2/mic-outline-24.svg
delete mode 100644 images/icons/v2/mic-solid-24.svg
delete mode 100644 images/icons/v2/mic-solid-28.svg
delete mode 100644 images/icons/v2/more-horiz-24.svg
delete mode 100644 images/icons/v2/note-24.svg
delete mode 100644 images/icons/v2/official-20.svg
delete mode 100644 images/icons/v2/offline-22.svg
delete mode 100644 images/icons/v2/open-24.svg
delete mode 100644 images/icons/v2/pause-solid-20.svg
delete mode 100644 images/icons/v2/pause_solid_20.svg
delete mode 100644 images/icons/v2/pending-invite-24.svg
delete mode 100644 images/icons/v2/phone-down-24.svg
delete mode 100644 images/icons/v2/phone-down-28.svg
delete mode 100644 images/icons/v2/phone-incoming-16.svg
delete mode 100644 images/icons/v2/phone-incoming-solid-16.svg
delete mode 100644 images/icons/v2/phone-outgoing-16.svg
delete mode 100644 images/icons/v2/phone-outgoing-solid-16.svg
delete mode 100644 images/icons/v2/phone-outline-24.svg
delete mode 100644 images/icons/v2/phone-right-outline-24.svg
delete mode 100644 images/icons/v2/phone-right-solid-24.svg
delete mode 100644 images/icons/v2/phone-solid-24.svg
delete mode 100644 images/icons/v2/phone-x-16.svg
delete mode 100644 images/icons/v2/phone-x-solid-16.svg
delete mode 100644 images/icons/v2/photo-16.svg
delete mode 100644 images/icons/v2/photo-album-outline-24.svg
delete mode 100644 images/icons/v2/photo-solid-16.svg
delete mode 100644 images/icons/v2/pip-maximize-24.svg
delete mode 100644 images/icons/v2/pip-minimize-24.svg
delete mode 100644 images/icons/v2/play-solid-20.svg
delete mode 100644 images/icons/v2/play-solid-24.svg
delete mode 100644 images/icons/v2/play_solid_20.svg
delete mode 100644 images/icons/v2/plus-20.svg
delete mode 100644 images/icons/v2/plus-24.svg
delete mode 100644 images/icons/v2/profile-circle-outline-24.svg
delete mode 100644 images/icons/v2/profile-outline-20.svg
delete mode 100644 images/icons/v2/profile-outline-40.svg
delete mode 100644 images/icons/v2/recent-outline-20.svg
delete mode 100644 images/icons/v2/recent-solid-20.svg
delete mode 100644 images/icons/v2/redo-24.svg
delete mode 100644 images/icons/v2/refresh-16.svg
delete mode 100644 images/icons/v2/refresh-24.svg
delete mode 100644 images/icons/v2/reply-outline-24.svg
delete mode 100644 images/icons/v2/reply-solid-24.svg
delete mode 100644 images/icons/v2/ring-28.svg
delete mode 100644 images/icons/v2/safety-number-outline-24.svg
delete mode 100644 images/icons/v2/safety-number-solid-24.svg
delete mode 100644 images/icons/v2/save-outline-24.svg
delete mode 100644 images/icons/v2/save-solid-24.svg
delete mode 100644 images/icons/v2/search-16.svg
delete mode 100644 images/icons/v2/search-24.svg
delete mode 100644 images/icons/v2/send-24.svg
delete mode 100644 images/icons/v2/settings-outline-16.svg
delete mode 100644 images/icons/v2/settings-solid-16.svg
delete mode 100644 images/icons/v2/share-ios-24.svg
delete mode 100644 images/icons/v2/share-screen-26.svg
delete mode 100644 images/icons/v2/sound-none.svg
delete mode 100644 images/icons/v2/sound-off.svg
delete mode 100644 images/icons/v2/sound-on.svg
delete mode 100644 images/icons/v2/sound-outline-24.svg
delete mode 100644 images/icons/v2/speaker-view-solid-24.svg
delete mode 100644 images/icons/v2/sq-24.svg
delete mode 100644 images/icons/v2/sticker-outline-24.svg
delete mode 100644 images/icons/v2/sticker-smiley-24.svg
delete mode 100644 images/icons/v2/sticker-solid-24.svg
delete mode 100644 images/icons/v2/stories-outline-24.svg
delete mode 100644 images/icons/v2/stories-outline-56.svg
delete mode 100644 images/icons/v2/stories-solid-16.svg
delete mode 100644 images/icons/v2/timer-00-12.svg
delete mode 100644 images/icons/v2/timer-05-12.svg
delete mode 100644 images/icons/v2/timer-10-12.svg
delete mode 100644 images/icons/v2/timer-15-12.svg
delete mode 100644 images/icons/v2/timer-20-12.svg
delete mode 100644 images/icons/v2/timer-25-12.svg
delete mode 100644 images/icons/v2/timer-30-12.svg
delete mode 100644 images/icons/v2/timer-35-12.svg
delete mode 100644 images/icons/v2/timer-40-12.svg
delete mode 100644 images/icons/v2/timer-45-12.svg
delete mode 100644 images/icons/v2/timer-50-12.svg
delete mode 100644 images/icons/v2/timer-55-12.svg
delete mode 100644 images/icons/v2/timer-60-12.svg
delete mode 100644 images/icons/v2/timer-disabled-outline-24.svg
delete mode 100644 images/icons/v2/timer-disabled-solid-16.svg
delete mode 100644 images/icons/v2/timer-outline-24.svg
delete mode 100644 images/icons/v2/timer-solid-16.svg
delete mode 100644 images/icons/v2/trash-outline-24.svg
delete mode 100644 images/icons/v2/trash-solid-24.svg
delete mode 100644 images/icons/v2/undo-24.svg
delete mode 100644 images/icons/v2/video-incoming-16.svg
delete mode 100644 images/icons/v2/video-incoming-solid-16.svg
delete mode 100644 images/icons/v2/video-off-solid-24.svg
delete mode 100644 images/icons/v2/video-off-solid-28.svg
delete mode 100644 images/icons/v2/video-outgoing-16.svg
delete mode 100644 images/icons/v2/video-outgoing-solid-16.svg
delete mode 100644 images/icons/v2/video-outline-24.svg
delete mode 100644 images/icons/v2/video-solid-24.svg
delete mode 100644 images/icons/v2/video-solid-28.svg
delete mode 100644 images/icons/v2/video-x-16.svg
delete mode 100644 images/icons/v2/video-x-solid-16.svg
delete mode 100644 images/icons/v2/view-once-24.svg
delete mode 100644 images/icons/v2/viewed-once-24.svg
delete mode 100644 images/icons/v2/warning-outline-24.svg
delete mode 100644 images/icons/v2/x-24.svg
delete mode 100644 images/icons/v2/x-8.svg
delete mode 100644 images/icons/v2/x-circle-16.svg
create mode 100644 images/icons/v3/album/album.svg
create mode 100644 images/icons/v3/appearance/appearance.svg
create mode 100644 images/icons/v3/archive/archive-compact.svg
create mode 100644 images/icons/v3/archive/archive.svg
create mode 100644 images/icons/v3/arrow/arrow-down.svg
create mode 100644 images/icons/v3/arrow/arrow-right.svg
create mode 100644 images/icons/v3/at/at.svg
create mode 100644 images/icons/v3/attach/attach.svg
create mode 100644 images/icons/v3/bell/bell-compact.svg
create mode 100644 images/icons/v3/bell/bell-ring-fill-light.svg
create mode 100644 images/icons/v3/bell/bell-slash-bold.svg
create mode 100644 images/icons/v3/bell/bell-slash-compact.svg
create mode 100644 images/icons/v3/bell/bell-slash.svg
create mode 100644 images/icons/v3/bell/bell.svg
delete mode 100644 images/icons/v3/block--compact.svg
create mode 100644 images/icons/v3/block/block-compact.svg
create mode 100644 images/icons/v3/block/block.svg
delete mode 100644 images/icons/v3/bold.svg
create mode 100644 images/icons/v3/camera/camera.svg
delete mode 100644 images/icons/v3/chat--compact.svg
create mode 100644 images/icons/v3/chat/chat-compact.svg
create mode 100644 images/icons/v3/chat/chat.svg
delete mode 100644 images/icons/v3/check.svg
create mode 100644 images/icons/v3/check/check-circle-compact.svg
create mode 100644 images/icons/v3/check/check-circle-fill.svg
create mode 100644 images/icons/v3/check/check-circle.svg
create mode 100644 images/icons/v3/check/check-compact-bold.svg
create mode 100644 images/icons/v3/check/check-compact.svg
create mode 100644 images/icons/v3/check/check.svg
create mode 100644 images/icons/v3/chevron/chevron-down-compact.svg
create mode 100644 images/icons/v3/chevron/chevron-down.svg
create mode 100644 images/icons/v3/chevron/chevron-left.svg
create mode 100644 images/icons/v3/chevron/chevron-right-compact-bold.svg
create mode 100644 images/icons/v3/chevron/chevron-right.svg
create mode 100644 images/icons/v3/chevron/chevron-shallow-down.svg
create mode 100644 images/icons/v3/chevron/chevron-shallow-up.svg
create mode 100644 images/icons/v3/compose/compose.svg
create mode 100644 images/icons/v3/copy/copy-compact.svg
create mode 100644 images/icons/v3/copy/copy.svg
create mode 100644 images/icons/v3/crop/crop-rotate.svg
create mode 100644 images/icons/v3/dropdown/dropdown-compact-light.svg
delete mode 100644 images/icons/v3/edit.svg
create mode 100644 images/icons/v3/edit/edit-compact.svg
create mode 100644 images/icons/v3/edit/edit.svg
create mode 100644 images/icons/v3/emoji/emoji-activity.svg
create mode 100644 images/icons/v3/emoji/emoji-animal.svg
create mode 100644 images/icons/v3/emoji/emoji-flag.svg
create mode 100644 images/icons/v3/emoji/emoji-food.svg
create mode 100644 images/icons/v3/emoji/emoji-object.svg
create mode 100644 images/icons/v3/emoji/emoji-symbol.svg
create mode 100644 images/icons/v3/emoji/emoji-travel.svg
create mode 100644 images/icons/v3/emoji/emoji.svg
create mode 100644 images/icons/v3/error/error-circle-compact.svg
create mode 100644 images/icons/v3/error/error-circle.svg
create mode 100644 images/icons/v3/error/error-triangle.svg
create mode 100644 images/icons/v3/file/file.svg
create mode 100644 images/icons/v3/forward/forward-compact.svg
create mode 100644 images/icons/v3/forward/forward.svg
create mode 100644 images/icons/v3/grid/grid.svg
create mode 100644 images/icons/v3/group/group-compact.svg
create mode 100644 images/icons/v3/group/group.svg
create mode 100644 images/icons/v3/heart/heart-plus-compact.svg
create mode 100644 images/icons/v3/heart/heart-plus.svg
create mode 100644 images/icons/v3/info/info-compact.svg
create mode 100644 images/icons/v3/info/info.svg
delete mode 100644 images/icons/v3/italic.svg
create mode 100644 images/icons/v3/key/key.svg
create mode 100644 images/icons/v3/leave/leave-compact.svg
create mode 100644 images/icons/v3/leave/leave.svg
create mode 100644 images/icons/v3/link/link-slash.svg
create mode 100644 images/icons/v3/link/link.svg
create mode 100644 images/icons/v3/lock/lock.svg
create mode 100644 images/icons/v3/maximize/maximize-square-light.svg
create mode 100644 images/icons/v3/megaphone/megaphone-compact.svg
create mode 100644 images/icons/v3/message_status/messagestatus-delivered.svg
create mode 100644 images/icons/v3/message_status/messagestatus-read.svg
create mode 100644 images/icons/v3/message_status/messagestatus-sending.svg
create mode 100644 images/icons/v3/message_status/messagestatus-sent.svg
create mode 100644 images/icons/v3/message_timer/messagetimer-00.svg
create mode 100644 images/icons/v3/message_timer/messagetimer-05.svg
create mode 100644 images/icons/v3/message_timer/messagetimer-10.svg
create mode 100644 images/icons/v3/message_timer/messagetimer-15.svg
create mode 100644 images/icons/v3/message_timer/messagetimer-20.svg
create mode 100644 images/icons/v3/message_timer/messagetimer-25.svg
create mode 100644 images/icons/v3/message_timer/messagetimer-30.svg
create mode 100644 images/icons/v3/message_timer/messagetimer-35.svg
create mode 100644 images/icons/v3/message_timer/messagetimer-40.svg
create mode 100644 images/icons/v3/message_timer/messagetimer-45.svg
create mode 100644 images/icons/v3/message_timer/messagetimer-50.svg
create mode 100644 images/icons/v3/message_timer/messagetimer-55.svg
create mode 100644 images/icons/v3/message_timer/messagetimer-60.svg
create mode 100644 images/icons/v3/mic/mic-fill-light.svg
create mode 100644 images/icons/v3/mic/mic-fill.svg
create mode 100644 images/icons/v3/mic/mic-slash-compact-light.svg
create mode 100644 images/icons/v3/mic/mic-slash-fill-compact-light.svg
create mode 100644 images/icons/v3/mic/mic-slash-fill-light.svg
create mode 100644 images/icons/v3/mic/mic.svg
delete mode 100644 images/icons/v3/minus--circle--compact.svg
create mode 100644 images/icons/v3/minus/minus-circle-compact.svg
create mode 100644 images/icons/v3/minus/minus-circle.svg
delete mode 100644 images/icons/v3/monospace.svg
create mode 100644 images/icons/v3/more/more-compact.svg
create mode 100644 images/icons/v3/more/more.svg
create mode 100644 images/icons/v3/note/note.svg
create mode 100644 images/icons/v3/official/official-compact.svg
create mode 100644 images/icons/v3/official/official.svg
create mode 100644 images/icons/v3/open/open-compact.svg
create mode 100644 images/icons/v3/pause/pause-fill.svg
create mode 100644 images/icons/v3/pause/pause.svg
create mode 100644 images/icons/v3/payment/payment.svg
create mode 100644 images/icons/v3/person/person-circle-compact.svg
create mode 100644 images/icons/v3/person/person-compact.svg
create mode 100644 images/icons/v3/person/person.svg
delete mode 100644 images/icons/v3/phone--compact.svg
create mode 100644 images/icons/v3/phone/phone-compact.svg
create mode 100644 images/icons/v3/phone/phone-down-fill-light.svg
create mode 100644 images/icons/v3/phone/phone-down-fill.svg
create mode 100644 images/icons/v3/phone/phone-fill.svg
create mode 100644 images/icons/v3/phone/phone.svg
create mode 100644 images/icons/v3/photo/photo-square-compact.svg
create mode 100644 images/icons/v3/photo/photo-square.svg
create mode 100644 images/icons/v3/pip/pip.svg
create mode 100644 images/icons/v3/play/play-fill.svg
create mode 100644 images/icons/v3/plus/plus-circle.svg
create mode 100644 images/icons/v3/plus/plus-compact-bold.svg
create mode 100644 images/icons/v3/plus/plus-compact.svg
create mode 100644 images/icons/v3/plus/plus-light.svg
create mode 100644 images/icons/v3/plus/plus.svg
create mode 100644 images/icons/v3/quality/quality-high.svg
create mode 100644 images/icons/v3/quality/quality-standard.svg
create mode 100644 images/icons/v3/recent/recent.svg
create mode 100644 images/icons/v3/redo/redo.svg
create mode 100644 images/icons/v3/refresh/refresh.svg
create mode 100644 images/icons/v3/reply/reply-compact.svg
create mode 100644 images/icons/v3/reply/reply-fill-compact.svg
create mode 100644 images/icons/v3/reply/reply.svg
create mode 100644 images/icons/v3/safety_number/safety_number-compact.svg
create mode 100644 images/icons/v3/safety_number/safety_number.svg
create mode 100644 images/icons/v3/save/save-compact.svg
create mode 100644 images/icons/v3/save/save.svg
create mode 100644 images/icons/v3/search/search-compact-light.svg
create mode 100644 images/icons/v3/search/search-compact.svg
create mode 100644 images/icons/v3/search/search.svg
create mode 100644 images/icons/v3/send/send-fill.svg
create mode 100644 images/icons/v3/send/send.svg
create mode 100644 images/icons/v3/settings/settings-compact.svg
create mode 100644 images/icons/v3/settings/settings.svg
create mode 100644 images/icons/v3/share_screen/share_screen-fill-light.svg
create mode 100644 images/icons/v3/speaker/speaker-slash.svg
create mode 100644 images/icons/v3/speaker/speaker-x.svg
create mode 100644 images/icons/v3/speaker/speaker.svg
create mode 100644 images/icons/v3/speaker_view/speaker_view.svg
delete mode 100644 images/icons/v3/spoiler.svg
create mode 100644 images/icons/v3/sticker/sticker-smiley.svg
create mode 100644 images/icons/v3/sticker/sticker.svg
create mode 100644 images/icons/v3/stories/stories-display.svg
create mode 100644 images/icons/v3/stories/stories-fill-compact.svg
create mode 100644 images/icons/v3/stories/stories.svg
delete mode 100644 images/icons/v3/strikethrough.svg
create mode 100644 images/icons/v3/text_format/textformat-bold-bold.svg
create mode 100644 images/icons/v3/text_format/textformat-italic.svg
create mode 100644 images/icons/v3/text_format/textformat-monospace.svg
create mode 100644 images/icons/v3/text_format/textformat-spoiler.svg
create mode 100644 images/icons/v3/text_format/textformat-strikethrough.svg
create mode 100644 images/icons/v3/thread/thread-fill-compact.svg
create mode 100644 images/icons/v3/timer/timer-compact.svg
create mode 100644 images/icons/v3/timer/timer-slash-compact.svg
create mode 100644 images/icons/v3/timer/timer-slash.svg
create mode 100644 images/icons/v3/timer/timer.svg
create mode 100644 images/icons/v3/trash/trash-compact.svg
create mode 100644 images/icons/v3/trash/trash.svg
create mode 100644 images/icons/v3/tune/tune.svg
create mode 100644 images/icons/v3/undo/undo.svg
delete mode 100644 images/icons/v3/video--compact.svg
create mode 100644 images/icons/v3/video/video-compact-fill.svg
create mode 100644 images/icons/v3/video/video-compact.svg
create mode 100644 images/icons/v3/video/video-fill-light.svg
create mode 100644 images/icons/v3/video/video-fill.svg
create mode 100644 images/icons/v3/video/video-slash-compact-light.svg
create mode 100644 images/icons/v3/video/video-slash-fill-light.svg
create mode 100644 images/icons/v3/video/video-slash-fill.svg
create mode 100644 images/icons/v3/video/video.svg
create mode 100644 images/icons/v3/view_once/view_once-dash.svg
create mode 100644 images/icons/v3/view_once/view_once.svg
create mode 100644 images/icons/v3/wifi/wifi-error.svg
delete mode 100644 images/icons/v3/x.svg
create mode 100644 images/icons/v3/x/x-circle-compact.svg
create mode 100644 images/icons/v3/x/x-circle.svg
create mode 100644 images/icons/v3/x/x-compact-light.svg
create mode 100644 images/icons/v3/x/x-compact.svg
create mode 100644 images/icons/v3/x/x.svg
diff --git a/images/icons/v2/add-emoji-outline-24.svg b/images/icons/v2/add-emoji-outline-24.svg
deleted file mode 100644
index c921108001d1..000000000000
--- a/images/icons/v2/add-emoji-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/add-reaction-outline-24.svg b/images/icons/v2/add-reaction-outline-24.svg
deleted file mode 100644
index 75a4fe5b3ba2..000000000000
--- a/images/icons/v2/add-reaction-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/appearance-outline-24.svg b/images/icons/v2/appearance-outline-24.svg
deleted file mode 100644
index e8a3530d72e7..000000000000
--- a/images/icons/v2/appearance-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/appearance-solid-24.svg b/images/icons/v2/appearance-solid-24.svg
deleted file mode 100644
index e0ab19b55099..000000000000
--- a/images/icons/v2/appearance-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/archive-outline-16.svg b/images/icons/v2/archive-outline-16.svg
deleted file mode 100644
index ae305d6b2fc5..000000000000
--- a/images/icons/v2/archive-outline-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/archive-solid-16.svg b/images/icons/v2/archive-solid-16.svg
deleted file mode 100644
index 085f1d877c4e..000000000000
--- a/images/icons/v2/archive-solid-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/arrow-down-20.svg b/images/icons/v2/arrow-down-20.svg
deleted file mode 100644
index f2e1fe4ca40a..000000000000
--- a/images/icons/v2/arrow-down-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/arrow-down-24.svg b/images/icons/v2/arrow-down-24.svg
deleted file mode 100644
index 7b7635cb01bb..000000000000
--- a/images/icons/v2/arrow-down-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/arrow-left-32.svg b/images/icons/v2/arrow-left-32.svg
deleted file mode 100644
index d681d81d3d0b..000000000000
--- a/images/icons/v2/arrow-left-32.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/arrow-right-32.svg b/images/icons/v2/arrow-right-32.svg
deleted file mode 100644
index ab61e0baa898..000000000000
--- a/images/icons/v2/arrow-right-32.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/at-24.svg b/images/icons/v2/at-24.svg
deleted file mode 100644
index acbdfcb5f8b6..000000000000
--- a/images/icons/v2/at-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/bell-disabled-outline-24.svg b/images/icons/v2/bell-disabled-outline-24.svg
deleted file mode 100644
index 37bfd8a7db70..000000000000
--- a/images/icons/v2/bell-disabled-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/bell-disabled-solid-24.svg b/images/icons/v2/bell-disabled-solid-24.svg
deleted file mode 100644
index 55a55de7ebe7..000000000000
--- a/images/icons/v2/bell-disabled-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/bell-outline-24.svg b/images/icons/v2/bell-outline-24.svg
deleted file mode 100644
index 81f7d7059850..000000000000
--- a/images/icons/v2/bell-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/bell-solid-24.svg b/images/icons/v2/bell-solid-24.svg
deleted file mode 100644
index 813820c71a60..000000000000
--- a/images/icons/v2/bell-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/block-24.svg b/images/icons/v2/block-24.svg
deleted file mode 100644
index 3a4cf24adf80..000000000000
--- a/images/icons/v2/block-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/camera-outline-24.svg b/images/icons/v2/camera-outline-24.svg
deleted file mode 100644
index 329aaa8e0924..000000000000
--- a/images/icons/v2/camera-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/check-20.svg b/images/icons/v2/check-20.svg
deleted file mode 100644
index 061d3f6562eb..000000000000
--- a/images/icons/v2/check-20.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
\ No newline at end of file
diff --git a/images/icons/v2/check-24.svg b/images/icons/v2/check-24.svg
deleted file mode 100644
index 8caf050fc95c..000000000000
--- a/images/icons/v2/check-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/check-circle-outline-24.svg b/images/icons/v2/check-circle-outline-24.svg
deleted file mode 100644
index 3718cc3539a8..000000000000
--- a/images/icons/v2/check-circle-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/check-circle-solid-24.svg b/images/icons/v2/check-circle-solid-24.svg
deleted file mode 100644
index 030a2152fef8..000000000000
--- a/images/icons/v2/check-circle-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/chevron-down-16.svg b/images/icons/v2/chevron-down-16.svg
deleted file mode 100644
index e1f3f6bd2eb9..000000000000
--- a/images/icons/v2/chevron-down-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/chevron-down-20.svg b/images/icons/v2/chevron-down-20.svg
deleted file mode 100644
index 29da65daa5e1..000000000000
--- a/images/icons/v2/chevron-down-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/chevron-down-24.svg b/images/icons/v2/chevron-down-24.svg
deleted file mode 100644
index 02a998357b6c..000000000000
--- a/images/icons/v2/chevron-down-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/chevron-left-16.svg b/images/icons/v2/chevron-left-16.svg
deleted file mode 100644
index 98e19d2f5530..000000000000
--- a/images/icons/v2/chevron-left-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/chevron-left-20.svg b/images/icons/v2/chevron-left-20.svg
deleted file mode 100644
index a7d56fadf116..000000000000
--- a/images/icons/v2/chevron-left-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/images/icons/v2/chevron-left-24.svg b/images/icons/v2/chevron-left-24.svg
deleted file mode 100644
index 2ad8b503d8b3..000000000000
--- a/images/icons/v2/chevron-left-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/chevron-right-16.svg b/images/icons/v2/chevron-right-16.svg
deleted file mode 100644
index 05237d423627..000000000000
--- a/images/icons/v2/chevron-right-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/chevron-right-20.svg b/images/icons/v2/chevron-right-20.svg
deleted file mode 100644
index ffb51c12dfee..000000000000
--- a/images/icons/v2/chevron-right-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/chevron-right-24.svg b/images/icons/v2/chevron-right-24.svg
deleted file mode 100644
index 639435173b54..000000000000
--- a/images/icons/v2/chevron-right-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/collapse-down-20.svg b/images/icons/v2/collapse-down-20.svg
deleted file mode 100644
index b8d116802e18..000000000000
--- a/images/icons/v2/collapse-down-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/color-outline-24.svg b/images/icons/v2/color-outline-24.svg
deleted file mode 100644
index 6340336c3bfb..000000000000
--- a/images/icons/v2/color-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/color-solid-24.svg b/images/icons/v2/color-solid-24.svg
deleted file mode 100644
index e8041715eb55..000000000000
--- a/images/icons/v2/color-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/compose-24.svg b/images/icons/v2/compose-24.svg
deleted file mode 100644
index 528247c53a23..000000000000
--- a/images/icons/v2/compose-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/compose-outline-24.svg b/images/icons/v2/compose-outline-24.svg
deleted file mode 100644
index 9cf1803e4427..000000000000
--- a/images/icons/v2/compose-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/compose-solid-24.svg b/images/icons/v2/compose-solid-24.svg
deleted file mode 100644
index 7efa2cbc7444..000000000000
--- a/images/icons/v2/compose-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/copy-outline-24.svg b/images/icons/v2/copy-outline-24.svg
deleted file mode 100644
index cf6e8360e0ae..000000000000
--- a/images/icons/v2/copy-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/credit-card-16.svg b/images/icons/v2/credit-card-16.svg
deleted file mode 100644
index 7799e206d425..000000000000
--- a/images/icons/v2/credit-card-16.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/images/icons/v2/crop-24.svg b/images/icons/v2/crop-24.svg
deleted file mode 100644
index ecf4a007cd08..000000000000
--- a/images/icons/v2/crop-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/disable-outline-20.svg b/images/icons/v2/disable-outline-20.svg
deleted file mode 100644
index f99d6038c323..000000000000
--- a/images/icons/v2/disable-outline-20.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/images/icons/v2/download-outline-24.svg b/images/icons/v2/download-outline-24.svg
deleted file mode 100644
index 92f9f73480fc..000000000000
--- a/images/icons/v2/download-outline-24.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/images/icons/v2/edit-16.svg b/images/icons/v2/edit-16.svg
deleted file mode 100644
index 71ec99c5d87c..000000000000
--- a/images/icons/v2/edit-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/edit-solid-16.svg b/images/icons/v2/edit-solid-16.svg
deleted file mode 100644
index 23c1c815f440..000000000000
--- a/images/icons/v2/edit-solid-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-activity-outline-20.svg b/images/icons/v2/emoji-activity-outline-20.svg
deleted file mode 100644
index 71ccf9112644..000000000000
--- a/images/icons/v2/emoji-activity-outline-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-activity-solid-20.svg b/images/icons/v2/emoji-activity-solid-20.svg
deleted file mode 100644
index 8be8031f2a18..000000000000
--- a/images/icons/v2/emoji-activity-solid-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-animal-outline-20.svg b/images/icons/v2/emoji-animal-outline-20.svg
deleted file mode 100644
index 36eba927edc1..000000000000
--- a/images/icons/v2/emoji-animal-outline-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-animal-solid-20.svg b/images/icons/v2/emoji-animal-solid-20.svg
deleted file mode 100644
index c7ca698db943..000000000000
--- a/images/icons/v2/emoji-animal-solid-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-flag-outline-20.svg b/images/icons/v2/emoji-flag-outline-20.svg
deleted file mode 100644
index e27dbc007d20..000000000000
--- a/images/icons/v2/emoji-flag-outline-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-flag-solid-20.svg b/images/icons/v2/emoji-flag-solid-20.svg
deleted file mode 100644
index 1e2020880418..000000000000
--- a/images/icons/v2/emoji-flag-solid-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-food-outline-20.svg b/images/icons/v2/emoji-food-outline-20.svg
deleted file mode 100644
index 8d6ad358047d..000000000000
--- a/images/icons/v2/emoji-food-outline-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-food-solid-20.svg b/images/icons/v2/emoji-food-solid-20.svg
deleted file mode 100644
index 3ac7c5260627..000000000000
--- a/images/icons/v2/emoji-food-solid-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-object-outline-20.svg b/images/icons/v2/emoji-object-outline-20.svg
deleted file mode 100644
index 48ad0f24957d..000000000000
--- a/images/icons/v2/emoji-object-outline-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-object-solid-20.svg b/images/icons/v2/emoji-object-solid-20.svg
deleted file mode 100644
index 22ebc4482be1..000000000000
--- a/images/icons/v2/emoji-object-solid-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-smiley-outline-20.svg b/images/icons/v2/emoji-smiley-outline-20.svg
deleted file mode 100644
index d2ac581cb3db..000000000000
--- a/images/icons/v2/emoji-smiley-outline-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-smiley-outline-24.svg b/images/icons/v2/emoji-smiley-outline-24.svg
deleted file mode 100644
index d1c05a5acf26..000000000000
--- a/images/icons/v2/emoji-smiley-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-smiley-solid-20.svg b/images/icons/v2/emoji-smiley-solid-20.svg
deleted file mode 100644
index 90d0c8c19f5a..000000000000
--- a/images/icons/v2/emoji-smiley-solid-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-smiley-solid-24.svg b/images/icons/v2/emoji-smiley-solid-24.svg
deleted file mode 100644
index 241103453cab..000000000000
--- a/images/icons/v2/emoji-smiley-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-symbol-outline-20.svg b/images/icons/v2/emoji-symbol-outline-20.svg
deleted file mode 100644
index f833efb41f49..000000000000
--- a/images/icons/v2/emoji-symbol-outline-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-symbol-solid-20.svg b/images/icons/v2/emoji-symbol-solid-20.svg
deleted file mode 100644
index c1062155c2f4..000000000000
--- a/images/icons/v2/emoji-symbol-solid-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-travel-outline-20.svg b/images/icons/v2/emoji-travel-outline-20.svg
deleted file mode 100644
index 3591242ce14a..000000000000
--- a/images/icons/v2/emoji-travel-outline-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/emoji-travel-solid-20.svg b/images/icons/v2/emoji-travel-solid-20.svg
deleted file mode 100644
index aef31c61cba4..000000000000
--- a/images/icons/v2/emoji-travel-solid-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/error-outline-12.svg b/images/icons/v2/error-outline-12.svg
deleted file mode 100644
index e8c6bd4d9095..000000000000
--- a/images/icons/v2/error-outline-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/error-outline-24.svg b/images/icons/v2/error-outline-24.svg
deleted file mode 100644
index 28ec32dba1fb..000000000000
--- a/images/icons/v2/error-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/error-solid-12.svg b/images/icons/v2/error-solid-12.svg
deleted file mode 100644
index 0eb861c0e3e3..000000000000
--- a/images/icons/v2/error-solid-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/expand-up-20.svg b/images/icons/v2/expand-up-20.svg
deleted file mode 100644
index c458db3344f7..000000000000
--- a/images/icons/v2/expand-up-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/forward-outline-24.svg b/images/icons/v2/forward-outline-24.svg
deleted file mode 100644
index 24d00f719a7e..000000000000
--- a/images/icons/v2/forward-outline-24.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/images/icons/v2/grid-view-solid-24.svg b/images/icons/v2/grid-view-solid-24.svg
deleted file mode 100644
index 2bc7029747e5..000000000000
--- a/images/icons/v2/grid-view-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/group-outline-24.svg b/images/icons/v2/group-outline-24.svg
deleted file mode 100644
index 4f17783f1fdf..000000000000
--- a/images/icons/v2/group-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/group-solid-24.svg b/images/icons/v2/group-solid-24.svg
deleted file mode 100644
index ca8f5fe60099..000000000000
--- a/images/icons/v2/group-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/hq-outline-24.svg b/images/icons/v2/hq-outline-24.svg
deleted file mode 100644
index d3362e789630..000000000000
--- a/images/icons/v2/hq-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/hq-solid-24.svg b/images/icons/v2/hq-solid-24.svg
deleted file mode 100644
index bc739c86f24d..000000000000
--- a/images/icons/v2/hq-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/info-16.svg b/images/icons/v2/info-16.svg
deleted file mode 100644
index 3dcb70e1351d..000000000000
--- a/images/icons/v2/info-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/info-outline-24.svg b/images/icons/v2/info-outline-24.svg
deleted file mode 100644
index 70307d6947b9..000000000000
--- a/images/icons/v2/info-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/info-solid-24.svg b/images/icons/v2/info-solid-24.svg
deleted file mode 100644
index 849f9cc44711..000000000000
--- a/images/icons/v2/info-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/leave-16.svg b/images/icons/v2/leave-16.svg
deleted file mode 100644
index 6aac3a91eeba..000000000000
--- a/images/icons/v2/leave-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/leave-24.svg b/images/icons/v2/leave-24.svg
deleted file mode 100644
index d99a7f321e65..000000000000
--- a/images/icons/v2/leave-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/leave-group-outline-16.svg b/images/icons/v2/leave-group-outline-16.svg
deleted file mode 100644
index fad17640471b..000000000000
--- a/images/icons/v2/leave-group-outline-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/leave-solid-16.svg b/images/icons/v2/leave-solid-16.svg
deleted file mode 100644
index c754757daf47..000000000000
--- a/images/icons/v2/leave-solid-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/link-16.svg b/images/icons/v2/link-16.svg
deleted file mode 100644
index e7a6733e45dc..000000000000
--- a/images/icons/v2/link-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/link-24.svg b/images/icons/v2/link-24.svg
deleted file mode 100644
index ec0e9bcbdce4..000000000000
--- a/images/icons/v2/link-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/link-broken-16.svg b/images/icons/v2/link-broken-16.svg
deleted file mode 100644
index 73a9bb64f154..000000000000
--- a/images/icons/v2/link-broken-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/lock-outline-24.svg b/images/icons/v2/lock-outline-24.svg
deleted file mode 100644
index 663c043208b2..000000000000
--- a/images/icons/v2/lock-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/lock-solid-24.svg b/images/icons/v2/lock-solid-24.svg
deleted file mode 100644
index 0b2da89c62cb..000000000000
--- a/images/icons/v2/lock-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/megaphone-16.svg b/images/icons/v2/megaphone-16.svg
deleted file mode 100644
index 212dc0437f75..000000000000
--- a/images/icons/v2/megaphone-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/megaphone-solid-16.svg b/images/icons/v2/megaphone-solid-16.svg
deleted file mode 100644
index 377a7657ea56..000000000000
--- a/images/icons/v2/megaphone-solid-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/message-outline-24.svg b/images/icons/v2/message-outline-24.svg
deleted file mode 100644
index de6f400b4d44..000000000000
--- a/images/icons/v2/message-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/message-solid-24.svg b/images/icons/v2/message-solid-24.svg
deleted file mode 100644
index 7363fec2dcec..000000000000
--- a/images/icons/v2/message-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/messages-solid-20.svg b/images/icons/v2/messages-solid-20.svg
deleted file mode 100644
index d96a991edce9..000000000000
--- a/images/icons/v2/messages-solid-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/mic-off-solid-28.svg b/images/icons/v2/mic-off-solid-28.svg
deleted file mode 100644
index 56621e603d77..000000000000
--- a/images/icons/v2/mic-off-solid-28.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/mic-outline-24.svg b/images/icons/v2/mic-outline-24.svg
deleted file mode 100644
index 30d0012c3931..000000000000
--- a/images/icons/v2/mic-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/mic-solid-24.svg b/images/icons/v2/mic-solid-24.svg
deleted file mode 100644
index 37ad08c9854c..000000000000
--- a/images/icons/v2/mic-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/mic-solid-28.svg b/images/icons/v2/mic-solid-28.svg
deleted file mode 100644
index 020e4d0772e5..000000000000
--- a/images/icons/v2/mic-solid-28.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/more-horiz-24.svg b/images/icons/v2/more-horiz-24.svg
deleted file mode 100644
index f7b4c3acb5b2..000000000000
--- a/images/icons/v2/more-horiz-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/note-24.svg b/images/icons/v2/note-24.svg
deleted file mode 100644
index 694de0fb6149..000000000000
--- a/images/icons/v2/note-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/official-20.svg b/images/icons/v2/official-20.svg
deleted file mode 100644
index 74b1493647fc..000000000000
--- a/images/icons/v2/official-20.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/images/icons/v2/offline-22.svg b/images/icons/v2/offline-22.svg
deleted file mode 100644
index e464e56fa5ea..000000000000
--- a/images/icons/v2/offline-22.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/open-24.svg b/images/icons/v2/open-24.svg
deleted file mode 100644
index bff343e2afcf..000000000000
--- a/images/icons/v2/open-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/pause-solid-20.svg b/images/icons/v2/pause-solid-20.svg
deleted file mode 100644
index 6394f810075d..000000000000
--- a/images/icons/v2/pause-solid-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/pause_solid_20.svg b/images/icons/v2/pause_solid_20.svg
deleted file mode 100644
index 19b4938ecc5d..000000000000
--- a/images/icons/v2/pause_solid_20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/pending-invite-24.svg b/images/icons/v2/pending-invite-24.svg
deleted file mode 100644
index 2454a71fd28d..000000000000
--- a/images/icons/v2/pending-invite-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/phone-down-24.svg b/images/icons/v2/phone-down-24.svg
deleted file mode 100644
index 86309b56c3d7..000000000000
--- a/images/icons/v2/phone-down-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/phone-down-28.svg b/images/icons/v2/phone-down-28.svg
deleted file mode 100644
index b3b21dadac82..000000000000
--- a/images/icons/v2/phone-down-28.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/phone-incoming-16.svg b/images/icons/v2/phone-incoming-16.svg
deleted file mode 100644
index 6fb9d10225ea..000000000000
--- a/images/icons/v2/phone-incoming-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/phone-incoming-solid-16.svg b/images/icons/v2/phone-incoming-solid-16.svg
deleted file mode 100644
index a2d751fb5c5b..000000000000
--- a/images/icons/v2/phone-incoming-solid-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/phone-outgoing-16.svg b/images/icons/v2/phone-outgoing-16.svg
deleted file mode 100644
index f5f27b1c52c6..000000000000
--- a/images/icons/v2/phone-outgoing-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/phone-outgoing-solid-16.svg b/images/icons/v2/phone-outgoing-solid-16.svg
deleted file mode 100644
index 85bba3542e13..000000000000
--- a/images/icons/v2/phone-outgoing-solid-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/phone-outline-24.svg b/images/icons/v2/phone-outline-24.svg
deleted file mode 100644
index 09d86bf78cb9..000000000000
--- a/images/icons/v2/phone-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/phone-right-outline-24.svg b/images/icons/v2/phone-right-outline-24.svg
deleted file mode 100644
index 06e210ea948e..000000000000
--- a/images/icons/v2/phone-right-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/phone-right-solid-24.svg b/images/icons/v2/phone-right-solid-24.svg
deleted file mode 100644
index bbda5b277775..000000000000
--- a/images/icons/v2/phone-right-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/phone-solid-24.svg b/images/icons/v2/phone-solid-24.svg
deleted file mode 100644
index 618be9f5a638..000000000000
--- a/images/icons/v2/phone-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/phone-x-16.svg b/images/icons/v2/phone-x-16.svg
deleted file mode 100644
index 97e0d410f793..000000000000
--- a/images/icons/v2/phone-x-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/phone-x-solid-16.svg b/images/icons/v2/phone-x-solid-16.svg
deleted file mode 100644
index 91209df87580..000000000000
--- a/images/icons/v2/phone-x-solid-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/photo-16.svg b/images/icons/v2/photo-16.svg
deleted file mode 100644
index edd6799d3085..000000000000
--- a/images/icons/v2/photo-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/photo-album-outline-24.svg b/images/icons/v2/photo-album-outline-24.svg
deleted file mode 100644
index d93bcad96a9a..000000000000
--- a/images/icons/v2/photo-album-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/photo-solid-16.svg b/images/icons/v2/photo-solid-16.svg
deleted file mode 100644
index cee85fd5c676..000000000000
--- a/images/icons/v2/photo-solid-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/pip-maximize-24.svg b/images/icons/v2/pip-maximize-24.svg
deleted file mode 100644
index b387239ce9b5..000000000000
--- a/images/icons/v2/pip-maximize-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/pip-minimize-24.svg b/images/icons/v2/pip-minimize-24.svg
deleted file mode 100644
index 821d17b9334a..000000000000
--- a/images/icons/v2/pip-minimize-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/play-solid-20.svg b/images/icons/v2/play-solid-20.svg
deleted file mode 100644
index 02c230586810..000000000000
--- a/images/icons/v2/play-solid-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/play-solid-24.svg b/images/icons/v2/play-solid-24.svg
deleted file mode 100644
index ef894c1ee532..000000000000
--- a/images/icons/v2/play-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/play_solid_20.svg b/images/icons/v2/play_solid_20.svg
deleted file mode 100644
index e4ce1a1fe36e..000000000000
--- a/images/icons/v2/play_solid_20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/plus-20.svg b/images/icons/v2/plus-20.svg
deleted file mode 100644
index f81645293b8f..000000000000
--- a/images/icons/v2/plus-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/plus-24.svg b/images/icons/v2/plus-24.svg
deleted file mode 100644
index 5122ea36f58c..000000000000
--- a/images/icons/v2/plus-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/profile-circle-outline-24.svg b/images/icons/v2/profile-circle-outline-24.svg
deleted file mode 100644
index 12678eeb5ec5..000000000000
--- a/images/icons/v2/profile-circle-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/profile-outline-20.svg b/images/icons/v2/profile-outline-20.svg
deleted file mode 100644
index 9206eab93316..000000000000
--- a/images/icons/v2/profile-outline-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/profile-outline-40.svg b/images/icons/v2/profile-outline-40.svg
deleted file mode 100644
index 322ebe573a5c..000000000000
--- a/images/icons/v2/profile-outline-40.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/recent-outline-20.svg b/images/icons/v2/recent-outline-20.svg
deleted file mode 100644
index a189b9762c01..000000000000
--- a/images/icons/v2/recent-outline-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/recent-solid-20.svg b/images/icons/v2/recent-solid-20.svg
deleted file mode 100644
index ec78d339c76c..000000000000
--- a/images/icons/v2/recent-solid-20.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/redo-24.svg b/images/icons/v2/redo-24.svg
deleted file mode 100644
index fd0cc572ea1b..000000000000
--- a/images/icons/v2/redo-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/refresh-16.svg b/images/icons/v2/refresh-16.svg
deleted file mode 100644
index b0dc97e0a428..000000000000
--- a/images/icons/v2/refresh-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/refresh-24.svg b/images/icons/v2/refresh-24.svg
deleted file mode 100644
index 98b6389e7a72..000000000000
--- a/images/icons/v2/refresh-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/reply-outline-24.svg b/images/icons/v2/reply-outline-24.svg
deleted file mode 100644
index 7fa0c1e94436..000000000000
--- a/images/icons/v2/reply-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/reply-solid-24.svg b/images/icons/v2/reply-solid-24.svg
deleted file mode 100644
index 5fe8c3c73b59..000000000000
--- a/images/icons/v2/reply-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/ring-28.svg b/images/icons/v2/ring-28.svg
deleted file mode 100644
index 2b667e9fbdf2..000000000000
--- a/images/icons/v2/ring-28.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/safety-number-outline-24.svg b/images/icons/v2/safety-number-outline-24.svg
deleted file mode 100644
index efcc8bfb8953..000000000000
--- a/images/icons/v2/safety-number-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/safety-number-solid-24.svg b/images/icons/v2/safety-number-solid-24.svg
deleted file mode 100644
index 56633a2a8427..000000000000
--- a/images/icons/v2/safety-number-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/save-outline-24.svg b/images/icons/v2/save-outline-24.svg
deleted file mode 100644
index 59bcad25c996..000000000000
--- a/images/icons/v2/save-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/save-solid-24.svg b/images/icons/v2/save-solid-24.svg
deleted file mode 100644
index ab39de7774e9..000000000000
--- a/images/icons/v2/save-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/search-16.svg b/images/icons/v2/search-16.svg
deleted file mode 100644
index c80d5cd18417..000000000000
--- a/images/icons/v2/search-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/search-24.svg b/images/icons/v2/search-24.svg
deleted file mode 100644
index 8ac4431be363..000000000000
--- a/images/icons/v2/search-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/send-24.svg b/images/icons/v2/send-24.svg
deleted file mode 100644
index ab1ad17bd118..000000000000
--- a/images/icons/v2/send-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/settings-outline-16.svg b/images/icons/v2/settings-outline-16.svg
deleted file mode 100644
index 2c350ebe3f5a..000000000000
--- a/images/icons/v2/settings-outline-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/settings-solid-16.svg b/images/icons/v2/settings-solid-16.svg
deleted file mode 100644
index 5ad6c36531c0..000000000000
--- a/images/icons/v2/settings-solid-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/share-ios-24.svg b/images/icons/v2/share-ios-24.svg
deleted file mode 100644
index 21d705adccb0..000000000000
--- a/images/icons/v2/share-ios-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/share-screen-26.svg b/images/icons/v2/share-screen-26.svg
deleted file mode 100644
index ead8b5c265ff..000000000000
--- a/images/icons/v2/share-screen-26.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/sound-none.svg b/images/icons/v2/sound-none.svg
deleted file mode 100644
index dffdf4bbcfc5..000000000000
--- a/images/icons/v2/sound-none.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/sound-off.svg b/images/icons/v2/sound-off.svg
deleted file mode 100644
index e1fb487dce6a..000000000000
--- a/images/icons/v2/sound-off.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/images/icons/v2/sound-on.svg b/images/icons/v2/sound-on.svg
deleted file mode 100644
index c72d50c26fcf..000000000000
--- a/images/icons/v2/sound-on.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/sound-outline-24.svg b/images/icons/v2/sound-outline-24.svg
deleted file mode 100644
index be5040701fd0..000000000000
--- a/images/icons/v2/sound-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/speaker-view-solid-24.svg b/images/icons/v2/speaker-view-solid-24.svg
deleted file mode 100644
index 4e45075581e1..000000000000
--- a/images/icons/v2/speaker-view-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/sq-24.svg b/images/icons/v2/sq-24.svg
deleted file mode 100644
index 8dcd8383439e..000000000000
--- a/images/icons/v2/sq-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/sticker-outline-24.svg b/images/icons/v2/sticker-outline-24.svg
deleted file mode 100644
index ae2acea8e973..000000000000
--- a/images/icons/v2/sticker-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/sticker-smiley-24.svg b/images/icons/v2/sticker-smiley-24.svg
deleted file mode 100644
index 5186bee37878..000000000000
--- a/images/icons/v2/sticker-smiley-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/sticker-solid-24.svg b/images/icons/v2/sticker-solid-24.svg
deleted file mode 100644
index 869bf977dcae..000000000000
--- a/images/icons/v2/sticker-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/stories-outline-24.svg b/images/icons/v2/stories-outline-24.svg
deleted file mode 100644
index 688cb5444c05..000000000000
--- a/images/icons/v2/stories-outline-24.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/images/icons/v2/stories-outline-56.svg b/images/icons/v2/stories-outline-56.svg
deleted file mode 100644
index d50b0d009693..000000000000
--- a/images/icons/v2/stories-outline-56.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/stories-solid-16.svg b/images/icons/v2/stories-solid-16.svg
deleted file mode 100644
index b2041992e671..000000000000
--- a/images/icons/v2/stories-solid-16.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/images/icons/v2/timer-00-12.svg b/images/icons/v2/timer-00-12.svg
deleted file mode 100644
index 898ed53fae32..000000000000
--- a/images/icons/v2/timer-00-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-05-12.svg b/images/icons/v2/timer-05-12.svg
deleted file mode 100644
index d15d1c69e7b5..000000000000
--- a/images/icons/v2/timer-05-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-10-12.svg b/images/icons/v2/timer-10-12.svg
deleted file mode 100644
index 37f81fd784b7..000000000000
--- a/images/icons/v2/timer-10-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-15-12.svg b/images/icons/v2/timer-15-12.svg
deleted file mode 100644
index 887b40208884..000000000000
--- a/images/icons/v2/timer-15-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-20-12.svg b/images/icons/v2/timer-20-12.svg
deleted file mode 100644
index 0ec46657cba9..000000000000
--- a/images/icons/v2/timer-20-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-25-12.svg b/images/icons/v2/timer-25-12.svg
deleted file mode 100644
index 291e62aabc44..000000000000
--- a/images/icons/v2/timer-25-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-30-12.svg b/images/icons/v2/timer-30-12.svg
deleted file mode 100644
index 234e5b62710d..000000000000
--- a/images/icons/v2/timer-30-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-35-12.svg b/images/icons/v2/timer-35-12.svg
deleted file mode 100644
index 0fca42bb38f5..000000000000
--- a/images/icons/v2/timer-35-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-40-12.svg b/images/icons/v2/timer-40-12.svg
deleted file mode 100644
index ba1c96bb9e97..000000000000
--- a/images/icons/v2/timer-40-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-45-12.svg b/images/icons/v2/timer-45-12.svg
deleted file mode 100644
index 388404b782e0..000000000000
--- a/images/icons/v2/timer-45-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-50-12.svg b/images/icons/v2/timer-50-12.svg
deleted file mode 100644
index 9cc6828cc591..000000000000
--- a/images/icons/v2/timer-50-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-55-12.svg b/images/icons/v2/timer-55-12.svg
deleted file mode 100644
index eda8f3e7cb8e..000000000000
--- a/images/icons/v2/timer-55-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-60-12.svg b/images/icons/v2/timer-60-12.svg
deleted file mode 100644
index ebee1b597fcd..000000000000
--- a/images/icons/v2/timer-60-12.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-disabled-outline-24.svg b/images/icons/v2/timer-disabled-outline-24.svg
deleted file mode 100644
index 6cee5c0f7131..000000000000
--- a/images/icons/v2/timer-disabled-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-disabled-solid-16.svg b/images/icons/v2/timer-disabled-solid-16.svg
deleted file mode 100644
index 1dd76d243084..000000000000
--- a/images/icons/v2/timer-disabled-solid-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-outline-24.svg b/images/icons/v2/timer-outline-24.svg
deleted file mode 100644
index d9bd965c0230..000000000000
--- a/images/icons/v2/timer-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/timer-solid-16.svg b/images/icons/v2/timer-solid-16.svg
deleted file mode 100644
index 89b22b9dcf9d..000000000000
--- a/images/icons/v2/timer-solid-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/trash-outline-24.svg b/images/icons/v2/trash-outline-24.svg
deleted file mode 100644
index b1e3b5197085..000000000000
--- a/images/icons/v2/trash-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/trash-solid-24.svg b/images/icons/v2/trash-solid-24.svg
deleted file mode 100644
index b61d48eb8221..000000000000
--- a/images/icons/v2/trash-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/undo-24.svg b/images/icons/v2/undo-24.svg
deleted file mode 100644
index 0deca433da25..000000000000
--- a/images/icons/v2/undo-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/video-incoming-16.svg b/images/icons/v2/video-incoming-16.svg
deleted file mode 100644
index 326ae01bb6eb..000000000000
--- a/images/icons/v2/video-incoming-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/video-incoming-solid-16.svg b/images/icons/v2/video-incoming-solid-16.svg
deleted file mode 100644
index b6fb93ee6696..000000000000
--- a/images/icons/v2/video-incoming-solid-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/video-off-solid-24.svg b/images/icons/v2/video-off-solid-24.svg
deleted file mode 100644
index 693ef5553c63..000000000000
--- a/images/icons/v2/video-off-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/video-off-solid-28.svg b/images/icons/v2/video-off-solid-28.svg
deleted file mode 100644
index 424dc30be17e..000000000000
--- a/images/icons/v2/video-off-solid-28.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/video-outgoing-16.svg b/images/icons/v2/video-outgoing-16.svg
deleted file mode 100644
index 73e79b37985e..000000000000
--- a/images/icons/v2/video-outgoing-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/video-outgoing-solid-16.svg b/images/icons/v2/video-outgoing-solid-16.svg
deleted file mode 100644
index c7be25d438e4..000000000000
--- a/images/icons/v2/video-outgoing-solid-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/video-outline-24.svg b/images/icons/v2/video-outline-24.svg
deleted file mode 100644
index e7057247e235..000000000000
--- a/images/icons/v2/video-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/video-solid-24.svg b/images/icons/v2/video-solid-24.svg
deleted file mode 100644
index 946e19520fed..000000000000
--- a/images/icons/v2/video-solid-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/video-solid-28.svg b/images/icons/v2/video-solid-28.svg
deleted file mode 100644
index 56989f2584e0..000000000000
--- a/images/icons/v2/video-solid-28.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/video-x-16.svg b/images/icons/v2/video-x-16.svg
deleted file mode 100644
index 46e3703e0098..000000000000
--- a/images/icons/v2/video-x-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/video-x-solid-16.svg b/images/icons/v2/video-x-solid-16.svg
deleted file mode 100644
index 195d3005996d..000000000000
--- a/images/icons/v2/video-x-solid-16.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/view-once-24.svg b/images/icons/v2/view-once-24.svg
deleted file mode 100644
index 13ab0454e1ae..000000000000
--- a/images/icons/v2/view-once-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/viewed-once-24.svg b/images/icons/v2/viewed-once-24.svg
deleted file mode 100644
index f34caf212233..000000000000
--- a/images/icons/v2/viewed-once-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/warning-outline-24.svg b/images/icons/v2/warning-outline-24.svg
deleted file mode 100644
index 6df64e2f42c8..000000000000
--- a/images/icons/v2/warning-outline-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/x-24.svg b/images/icons/v2/x-24.svg
deleted file mode 100644
index 875e9531086c..000000000000
--- a/images/icons/v2/x-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/icons/v2/x-8.svg b/images/icons/v2/x-8.svg
deleted file mode 100644
index b5e893ea93fd..000000000000
--- a/images/icons/v2/x-8.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
diff --git a/images/icons/v2/x-circle-16.svg b/images/icons/v2/x-circle-16.svg
deleted file mode 100644
index 9ac61f3e0092..000000000000
--- a/images/icons/v2/x-circle-16.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
diff --git a/images/icons/v3/album/album.svg b/images/icons/v3/album/album.svg
new file mode 100644
index 000000000000..4e63185e6d46
--- /dev/null
+++ b/images/icons/v3/album/album.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/appearance/appearance.svg b/images/icons/v3/appearance/appearance.svg
new file mode 100644
index 000000000000..ae8ef661a82c
--- /dev/null
+++ b/images/icons/v3/appearance/appearance.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/archive/archive-compact.svg b/images/icons/v3/archive/archive-compact.svg
new file mode 100644
index 000000000000..30a0438cfd18
--- /dev/null
+++ b/images/icons/v3/archive/archive-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/archive/archive.svg b/images/icons/v3/archive/archive.svg
new file mode 100644
index 000000000000..ca53bdda67e1
--- /dev/null
+++ b/images/icons/v3/archive/archive.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/arrow/arrow-down.svg b/images/icons/v3/arrow/arrow-down.svg
new file mode 100644
index 000000000000..c7b2f2a3e3a6
--- /dev/null
+++ b/images/icons/v3/arrow/arrow-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/arrow/arrow-right.svg b/images/icons/v3/arrow/arrow-right.svg
new file mode 100644
index 000000000000..7592a12ce611
--- /dev/null
+++ b/images/icons/v3/arrow/arrow-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/at/at.svg b/images/icons/v3/at/at.svg
new file mode 100644
index 000000000000..af49a618fb82
--- /dev/null
+++ b/images/icons/v3/at/at.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/attach/attach.svg b/images/icons/v3/attach/attach.svg
new file mode 100644
index 000000000000..5230a8948414
--- /dev/null
+++ b/images/icons/v3/attach/attach.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/bell/bell-compact.svg b/images/icons/v3/bell/bell-compact.svg
new file mode 100644
index 000000000000..1664c808b7c2
--- /dev/null
+++ b/images/icons/v3/bell/bell-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/bell/bell-ring-fill-light.svg b/images/icons/v3/bell/bell-ring-fill-light.svg
new file mode 100644
index 000000000000..d741178df379
--- /dev/null
+++ b/images/icons/v3/bell/bell-ring-fill-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/bell/bell-slash-bold.svg b/images/icons/v3/bell/bell-slash-bold.svg
new file mode 100644
index 000000000000..1259bc4de002
--- /dev/null
+++ b/images/icons/v3/bell/bell-slash-bold.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/bell/bell-slash-compact.svg b/images/icons/v3/bell/bell-slash-compact.svg
new file mode 100644
index 000000000000..ef1563b12516
--- /dev/null
+++ b/images/icons/v3/bell/bell-slash-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/bell/bell-slash.svg b/images/icons/v3/bell/bell-slash.svg
new file mode 100644
index 000000000000..133e4f9343d8
--- /dev/null
+++ b/images/icons/v3/bell/bell-slash.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/bell/bell.svg b/images/icons/v3/bell/bell.svg
new file mode 100644
index 000000000000..41176482a6e6
--- /dev/null
+++ b/images/icons/v3/bell/bell.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/block--compact.svg b/images/icons/v3/block--compact.svg
deleted file mode 100644
index 91382b94eb53..000000000000
--- a/images/icons/v3/block--compact.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
diff --git a/images/icons/v3/block/block-compact.svg b/images/icons/v3/block/block-compact.svg
new file mode 100644
index 000000000000..1c5ded4b5f07
--- /dev/null
+++ b/images/icons/v3/block/block-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/block/block.svg b/images/icons/v3/block/block.svg
new file mode 100644
index 000000000000..a2f0d6b3b6bb
--- /dev/null
+++ b/images/icons/v3/block/block.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/bold.svg b/images/icons/v3/bold.svg
deleted file mode 100644
index 4cac71eac55e..000000000000
--- a/images/icons/v3/bold.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/images/icons/v3/camera/camera.svg b/images/icons/v3/camera/camera.svg
new file mode 100644
index 000000000000..a4fa055e800a
--- /dev/null
+++ b/images/icons/v3/camera/camera.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/chat--compact.svg b/images/icons/v3/chat--compact.svg
deleted file mode 100644
index 101342adea14..000000000000
--- a/images/icons/v3/chat--compact.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/images/icons/v3/chat/chat-compact.svg b/images/icons/v3/chat/chat-compact.svg
new file mode 100644
index 000000000000..cc024055c560
--- /dev/null
+++ b/images/icons/v3/chat/chat-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/chat/chat.svg b/images/icons/v3/chat/chat.svg
new file mode 100644
index 000000000000..de35bdbacc9b
--- /dev/null
+++ b/images/icons/v3/chat/chat.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/check.svg b/images/icons/v3/check.svg
deleted file mode 100644
index 15a9195b67a3..000000000000
--- a/images/icons/v3/check.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/images/icons/v3/check/check-circle-compact.svg b/images/icons/v3/check/check-circle-compact.svg
new file mode 100644
index 000000000000..137f759b1881
--- /dev/null
+++ b/images/icons/v3/check/check-circle-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/check/check-circle-fill.svg b/images/icons/v3/check/check-circle-fill.svg
new file mode 100644
index 000000000000..a6c953006f3c
--- /dev/null
+++ b/images/icons/v3/check/check-circle-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/check/check-circle.svg b/images/icons/v3/check/check-circle.svg
new file mode 100644
index 000000000000..3a35a7194952
--- /dev/null
+++ b/images/icons/v3/check/check-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/check/check-compact-bold.svg b/images/icons/v3/check/check-compact-bold.svg
new file mode 100644
index 000000000000..0bac15d4ee2c
--- /dev/null
+++ b/images/icons/v3/check/check-compact-bold.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/check/check-compact.svg b/images/icons/v3/check/check-compact.svg
new file mode 100644
index 000000000000..90c29640b212
--- /dev/null
+++ b/images/icons/v3/check/check-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/check/check.svg b/images/icons/v3/check/check.svg
new file mode 100644
index 000000000000..617eccf8b587
--- /dev/null
+++ b/images/icons/v3/check/check.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/chevron/chevron-down-compact.svg b/images/icons/v3/chevron/chevron-down-compact.svg
new file mode 100644
index 000000000000..4cf8b453e8ac
--- /dev/null
+++ b/images/icons/v3/chevron/chevron-down-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/chevron/chevron-down.svg b/images/icons/v3/chevron/chevron-down.svg
new file mode 100644
index 000000000000..7f0babf89008
--- /dev/null
+++ b/images/icons/v3/chevron/chevron-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/chevron/chevron-left.svg b/images/icons/v3/chevron/chevron-left.svg
new file mode 100644
index 000000000000..5289ac9684e2
--- /dev/null
+++ b/images/icons/v3/chevron/chevron-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/chevron/chevron-right-compact-bold.svg b/images/icons/v3/chevron/chevron-right-compact-bold.svg
new file mode 100644
index 000000000000..74e64cbb3b97
--- /dev/null
+++ b/images/icons/v3/chevron/chevron-right-compact-bold.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/chevron/chevron-right.svg b/images/icons/v3/chevron/chevron-right.svg
new file mode 100644
index 000000000000..7d8bdf60318e
--- /dev/null
+++ b/images/icons/v3/chevron/chevron-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/chevron/chevron-shallow-down.svg b/images/icons/v3/chevron/chevron-shallow-down.svg
new file mode 100644
index 000000000000..59f5ab9b97b7
--- /dev/null
+++ b/images/icons/v3/chevron/chevron-shallow-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/chevron/chevron-shallow-up.svg b/images/icons/v3/chevron/chevron-shallow-up.svg
new file mode 100644
index 000000000000..80126ae6040a
--- /dev/null
+++ b/images/icons/v3/chevron/chevron-shallow-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/compose/compose.svg b/images/icons/v3/compose/compose.svg
new file mode 100644
index 000000000000..73f8b9ec9401
--- /dev/null
+++ b/images/icons/v3/compose/compose.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/copy/copy-compact.svg b/images/icons/v3/copy/copy-compact.svg
new file mode 100644
index 000000000000..c3ffd58ce181
--- /dev/null
+++ b/images/icons/v3/copy/copy-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/copy/copy.svg b/images/icons/v3/copy/copy.svg
new file mode 100644
index 000000000000..f5edf10c2481
--- /dev/null
+++ b/images/icons/v3/copy/copy.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/crop/crop-rotate.svg b/images/icons/v3/crop/crop-rotate.svg
new file mode 100644
index 000000000000..81089165e03d
--- /dev/null
+++ b/images/icons/v3/crop/crop-rotate.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/dropdown/dropdown-compact-light.svg b/images/icons/v3/dropdown/dropdown-compact-light.svg
new file mode 100644
index 000000000000..ebea8e40d477
--- /dev/null
+++ b/images/icons/v3/dropdown/dropdown-compact-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/edit.svg b/images/icons/v3/edit.svg
deleted file mode 100644
index 7c2af321a0e6..000000000000
--- a/images/icons/v3/edit.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/images/icons/v3/edit/edit-compact.svg b/images/icons/v3/edit/edit-compact.svg
new file mode 100644
index 000000000000..1df23c436943
--- /dev/null
+++ b/images/icons/v3/edit/edit-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/edit/edit.svg b/images/icons/v3/edit/edit.svg
new file mode 100644
index 000000000000..2ac7214bd2c8
--- /dev/null
+++ b/images/icons/v3/edit/edit.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/emoji/emoji-activity.svg b/images/icons/v3/emoji/emoji-activity.svg
new file mode 100644
index 000000000000..68cf449992f5
--- /dev/null
+++ b/images/icons/v3/emoji/emoji-activity.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/emoji/emoji-animal.svg b/images/icons/v3/emoji/emoji-animal.svg
new file mode 100644
index 000000000000..47a5b7fe795a
--- /dev/null
+++ b/images/icons/v3/emoji/emoji-animal.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/emoji/emoji-flag.svg b/images/icons/v3/emoji/emoji-flag.svg
new file mode 100644
index 000000000000..6d3050f120d9
--- /dev/null
+++ b/images/icons/v3/emoji/emoji-flag.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/emoji/emoji-food.svg b/images/icons/v3/emoji/emoji-food.svg
new file mode 100644
index 000000000000..0823438c781a
--- /dev/null
+++ b/images/icons/v3/emoji/emoji-food.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/emoji/emoji-object.svg b/images/icons/v3/emoji/emoji-object.svg
new file mode 100644
index 000000000000..8e4a11170326
--- /dev/null
+++ b/images/icons/v3/emoji/emoji-object.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/emoji/emoji-symbol.svg b/images/icons/v3/emoji/emoji-symbol.svg
new file mode 100644
index 000000000000..937936904615
--- /dev/null
+++ b/images/icons/v3/emoji/emoji-symbol.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/emoji/emoji-travel.svg b/images/icons/v3/emoji/emoji-travel.svg
new file mode 100644
index 000000000000..0acaf39a0f9d
--- /dev/null
+++ b/images/icons/v3/emoji/emoji-travel.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/emoji/emoji.svg b/images/icons/v3/emoji/emoji.svg
new file mode 100644
index 000000000000..5ef660ba1222
--- /dev/null
+++ b/images/icons/v3/emoji/emoji.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/error/error-circle-compact.svg b/images/icons/v3/error/error-circle-compact.svg
new file mode 100644
index 000000000000..1d3961bd7825
--- /dev/null
+++ b/images/icons/v3/error/error-circle-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/error/error-circle.svg b/images/icons/v3/error/error-circle.svg
new file mode 100644
index 000000000000..6a2deb848f2a
--- /dev/null
+++ b/images/icons/v3/error/error-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/error/error-triangle.svg b/images/icons/v3/error/error-triangle.svg
new file mode 100644
index 000000000000..a878f1f84e1d
--- /dev/null
+++ b/images/icons/v3/error/error-triangle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/file/file.svg b/images/icons/v3/file/file.svg
new file mode 100644
index 000000000000..a863dcfca7f4
--- /dev/null
+++ b/images/icons/v3/file/file.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/forward/forward-compact.svg b/images/icons/v3/forward/forward-compact.svg
new file mode 100644
index 000000000000..97fd0aedda2a
--- /dev/null
+++ b/images/icons/v3/forward/forward-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/forward/forward.svg b/images/icons/v3/forward/forward.svg
new file mode 100644
index 000000000000..fb6002ffee25
--- /dev/null
+++ b/images/icons/v3/forward/forward.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/grid/grid.svg b/images/icons/v3/grid/grid.svg
new file mode 100644
index 000000000000..07ac09dd0241
--- /dev/null
+++ b/images/icons/v3/grid/grid.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/group/group-compact.svg b/images/icons/v3/group/group-compact.svg
new file mode 100644
index 000000000000..5797c3c28e63
--- /dev/null
+++ b/images/icons/v3/group/group-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/group/group.svg b/images/icons/v3/group/group.svg
new file mode 100644
index 000000000000..c52aa6322821
--- /dev/null
+++ b/images/icons/v3/group/group.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/heart/heart-plus-compact.svg b/images/icons/v3/heart/heart-plus-compact.svg
new file mode 100644
index 000000000000..939622a6e251
--- /dev/null
+++ b/images/icons/v3/heart/heart-plus-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/heart/heart-plus.svg b/images/icons/v3/heart/heart-plus.svg
new file mode 100644
index 000000000000..8e556275533e
--- /dev/null
+++ b/images/icons/v3/heart/heart-plus.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/info/info-compact.svg b/images/icons/v3/info/info-compact.svg
new file mode 100644
index 000000000000..c35ff97904a5
--- /dev/null
+++ b/images/icons/v3/info/info-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/info/info.svg b/images/icons/v3/info/info.svg
new file mode 100644
index 000000000000..4d9c48fa0fb8
--- /dev/null
+++ b/images/icons/v3/info/info.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/italic.svg b/images/icons/v3/italic.svg
deleted file mode 100644
index 599871cd280b..000000000000
--- a/images/icons/v3/italic.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/images/icons/v3/key/key.svg b/images/icons/v3/key/key.svg
new file mode 100644
index 000000000000..3b8c29be012f
--- /dev/null
+++ b/images/icons/v3/key/key.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/leave/leave-compact.svg b/images/icons/v3/leave/leave-compact.svg
new file mode 100644
index 000000000000..4ef0b63fa562
--- /dev/null
+++ b/images/icons/v3/leave/leave-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/leave/leave.svg b/images/icons/v3/leave/leave.svg
new file mode 100644
index 000000000000..ae72a331d000
--- /dev/null
+++ b/images/icons/v3/leave/leave.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/link/link-slash.svg b/images/icons/v3/link/link-slash.svg
new file mode 100644
index 000000000000..9239d72a7ec5
--- /dev/null
+++ b/images/icons/v3/link/link-slash.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/link/link.svg b/images/icons/v3/link/link.svg
new file mode 100644
index 000000000000..d9776efa97c4
--- /dev/null
+++ b/images/icons/v3/link/link.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/lock/lock.svg b/images/icons/v3/lock/lock.svg
new file mode 100644
index 000000000000..66ab578168e6
--- /dev/null
+++ b/images/icons/v3/lock/lock.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/maximize/maximize-square-light.svg b/images/icons/v3/maximize/maximize-square-light.svg
new file mode 100644
index 000000000000..cc723450f64f
--- /dev/null
+++ b/images/icons/v3/maximize/maximize-square-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/megaphone/megaphone-compact.svg b/images/icons/v3/megaphone/megaphone-compact.svg
new file mode 100644
index 000000000000..eed6b25041a5
--- /dev/null
+++ b/images/icons/v3/megaphone/megaphone-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_status/messagestatus-delivered.svg b/images/icons/v3/message_status/messagestatus-delivered.svg
new file mode 100644
index 000000000000..d7c8a665b6e9
--- /dev/null
+++ b/images/icons/v3/message_status/messagestatus-delivered.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_status/messagestatus-read.svg b/images/icons/v3/message_status/messagestatus-read.svg
new file mode 100644
index 000000000000..41a7dfac2273
--- /dev/null
+++ b/images/icons/v3/message_status/messagestatus-read.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_status/messagestatus-sending.svg b/images/icons/v3/message_status/messagestatus-sending.svg
new file mode 100644
index 000000000000..cd69c6164743
--- /dev/null
+++ b/images/icons/v3/message_status/messagestatus-sending.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_status/messagestatus-sent.svg b/images/icons/v3/message_status/messagestatus-sent.svg
new file mode 100644
index 000000000000..bdf02dac746f
--- /dev/null
+++ b/images/icons/v3/message_status/messagestatus-sent.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_timer/messagetimer-00.svg b/images/icons/v3/message_timer/messagetimer-00.svg
new file mode 100644
index 000000000000..8e8505afd43e
--- /dev/null
+++ b/images/icons/v3/message_timer/messagetimer-00.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_timer/messagetimer-05.svg b/images/icons/v3/message_timer/messagetimer-05.svg
new file mode 100644
index 000000000000..e2a6d0f280b7
--- /dev/null
+++ b/images/icons/v3/message_timer/messagetimer-05.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_timer/messagetimer-10.svg b/images/icons/v3/message_timer/messagetimer-10.svg
new file mode 100644
index 000000000000..abb7c8104126
--- /dev/null
+++ b/images/icons/v3/message_timer/messagetimer-10.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_timer/messagetimer-15.svg b/images/icons/v3/message_timer/messagetimer-15.svg
new file mode 100644
index 000000000000..0135de0692b2
--- /dev/null
+++ b/images/icons/v3/message_timer/messagetimer-15.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_timer/messagetimer-20.svg b/images/icons/v3/message_timer/messagetimer-20.svg
new file mode 100644
index 000000000000..c674d124c1f3
--- /dev/null
+++ b/images/icons/v3/message_timer/messagetimer-20.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_timer/messagetimer-25.svg b/images/icons/v3/message_timer/messagetimer-25.svg
new file mode 100644
index 000000000000..8db76c8989c6
--- /dev/null
+++ b/images/icons/v3/message_timer/messagetimer-25.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_timer/messagetimer-30.svg b/images/icons/v3/message_timer/messagetimer-30.svg
new file mode 100644
index 000000000000..67f584b8ce58
--- /dev/null
+++ b/images/icons/v3/message_timer/messagetimer-30.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_timer/messagetimer-35.svg b/images/icons/v3/message_timer/messagetimer-35.svg
new file mode 100644
index 000000000000..6a747de1494a
--- /dev/null
+++ b/images/icons/v3/message_timer/messagetimer-35.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_timer/messagetimer-40.svg b/images/icons/v3/message_timer/messagetimer-40.svg
new file mode 100644
index 000000000000..e88612156f5c
--- /dev/null
+++ b/images/icons/v3/message_timer/messagetimer-40.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_timer/messagetimer-45.svg b/images/icons/v3/message_timer/messagetimer-45.svg
new file mode 100644
index 000000000000..13d88c99600c
--- /dev/null
+++ b/images/icons/v3/message_timer/messagetimer-45.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_timer/messagetimer-50.svg b/images/icons/v3/message_timer/messagetimer-50.svg
new file mode 100644
index 000000000000..5abf9fdcf682
--- /dev/null
+++ b/images/icons/v3/message_timer/messagetimer-50.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_timer/messagetimer-55.svg b/images/icons/v3/message_timer/messagetimer-55.svg
new file mode 100644
index 000000000000..fd906c393337
--- /dev/null
+++ b/images/icons/v3/message_timer/messagetimer-55.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/message_timer/messagetimer-60.svg b/images/icons/v3/message_timer/messagetimer-60.svg
new file mode 100644
index 000000000000..3a18360aa609
--- /dev/null
+++ b/images/icons/v3/message_timer/messagetimer-60.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/mic/mic-fill-light.svg b/images/icons/v3/mic/mic-fill-light.svg
new file mode 100644
index 000000000000..fb5bc7e1b94f
--- /dev/null
+++ b/images/icons/v3/mic/mic-fill-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/mic/mic-fill.svg b/images/icons/v3/mic/mic-fill.svg
new file mode 100644
index 000000000000..5cac0f1b5a08
--- /dev/null
+++ b/images/icons/v3/mic/mic-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/mic/mic-slash-compact-light.svg b/images/icons/v3/mic/mic-slash-compact-light.svg
new file mode 100644
index 000000000000..45dab8990f8e
--- /dev/null
+++ b/images/icons/v3/mic/mic-slash-compact-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/mic/mic-slash-fill-compact-light.svg b/images/icons/v3/mic/mic-slash-fill-compact-light.svg
new file mode 100644
index 000000000000..88758b5deaaa
--- /dev/null
+++ b/images/icons/v3/mic/mic-slash-fill-compact-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/mic/mic-slash-fill-light.svg b/images/icons/v3/mic/mic-slash-fill-light.svg
new file mode 100644
index 000000000000..427a7954479e
--- /dev/null
+++ b/images/icons/v3/mic/mic-slash-fill-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/mic/mic.svg b/images/icons/v3/mic/mic.svg
new file mode 100644
index 000000000000..c59ca34eb7a1
--- /dev/null
+++ b/images/icons/v3/mic/mic.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/minus--circle--compact.svg b/images/icons/v3/minus--circle--compact.svg
deleted file mode 100644
index fc6fc8efc76c..000000000000
--- a/images/icons/v3/minus--circle--compact.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
diff --git a/images/icons/v3/minus/minus-circle-compact.svg b/images/icons/v3/minus/minus-circle-compact.svg
new file mode 100644
index 000000000000..72fbbbaead31
--- /dev/null
+++ b/images/icons/v3/minus/minus-circle-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/minus/minus-circle.svg b/images/icons/v3/minus/minus-circle.svg
new file mode 100644
index 000000000000..11c318cee1de
--- /dev/null
+++ b/images/icons/v3/minus/minus-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/monospace.svg b/images/icons/v3/monospace.svg
deleted file mode 100644
index dcbc5f7bbfdd..000000000000
--- a/images/icons/v3/monospace.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/images/icons/v3/more/more-compact.svg b/images/icons/v3/more/more-compact.svg
new file mode 100644
index 000000000000..9fb0d7a50665
--- /dev/null
+++ b/images/icons/v3/more/more-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/more/more.svg b/images/icons/v3/more/more.svg
new file mode 100644
index 000000000000..19b56522ca63
--- /dev/null
+++ b/images/icons/v3/more/more.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/note/note.svg b/images/icons/v3/note/note.svg
new file mode 100644
index 000000000000..8589c50df1d5
--- /dev/null
+++ b/images/icons/v3/note/note.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/official/official-compact.svg b/images/icons/v3/official/official-compact.svg
new file mode 100644
index 000000000000..e546bf5efab7
--- /dev/null
+++ b/images/icons/v3/official/official-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/official/official.svg b/images/icons/v3/official/official.svg
new file mode 100644
index 000000000000..f17ca2ecc2e3
--- /dev/null
+++ b/images/icons/v3/official/official.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/open/open-compact.svg b/images/icons/v3/open/open-compact.svg
new file mode 100644
index 000000000000..d659695b24a8
--- /dev/null
+++ b/images/icons/v3/open/open-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/pause/pause-fill.svg b/images/icons/v3/pause/pause-fill.svg
new file mode 100644
index 000000000000..9a74c0254186
--- /dev/null
+++ b/images/icons/v3/pause/pause-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/pause/pause.svg b/images/icons/v3/pause/pause.svg
new file mode 100644
index 000000000000..539bf5f12382
--- /dev/null
+++ b/images/icons/v3/pause/pause.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/payment/payment.svg b/images/icons/v3/payment/payment.svg
new file mode 100644
index 000000000000..ab2787f1a805
--- /dev/null
+++ b/images/icons/v3/payment/payment.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/person/person-circle-compact.svg b/images/icons/v3/person/person-circle-compact.svg
new file mode 100644
index 000000000000..2a11376e7774
--- /dev/null
+++ b/images/icons/v3/person/person-circle-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/person/person-compact.svg b/images/icons/v3/person/person-compact.svg
new file mode 100644
index 000000000000..f4b8d662558b
--- /dev/null
+++ b/images/icons/v3/person/person-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/person/person.svg b/images/icons/v3/person/person.svg
new file mode 100644
index 000000000000..cb0b151e0e1c
--- /dev/null
+++ b/images/icons/v3/person/person.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/phone--compact.svg b/images/icons/v3/phone--compact.svg
deleted file mode 100644
index 79b6a0dbaebe..000000000000
--- a/images/icons/v3/phone--compact.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/images/icons/v3/phone/phone-compact.svg b/images/icons/v3/phone/phone-compact.svg
new file mode 100644
index 000000000000..a95dc441c577
--- /dev/null
+++ b/images/icons/v3/phone/phone-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/phone/phone-down-fill-light.svg b/images/icons/v3/phone/phone-down-fill-light.svg
new file mode 100644
index 000000000000..c1bf67424aa0
--- /dev/null
+++ b/images/icons/v3/phone/phone-down-fill-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/phone/phone-down-fill.svg b/images/icons/v3/phone/phone-down-fill.svg
new file mode 100644
index 000000000000..1f0ee82f4a4d
--- /dev/null
+++ b/images/icons/v3/phone/phone-down-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/phone/phone-fill.svg b/images/icons/v3/phone/phone-fill.svg
new file mode 100644
index 000000000000..d64465d12e11
--- /dev/null
+++ b/images/icons/v3/phone/phone-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/phone/phone.svg b/images/icons/v3/phone/phone.svg
new file mode 100644
index 000000000000..3bc73836a42b
--- /dev/null
+++ b/images/icons/v3/phone/phone.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/photo/photo-square-compact.svg b/images/icons/v3/photo/photo-square-compact.svg
new file mode 100644
index 000000000000..c4d7db464270
--- /dev/null
+++ b/images/icons/v3/photo/photo-square-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/photo/photo-square.svg b/images/icons/v3/photo/photo-square.svg
new file mode 100644
index 000000000000..a7d29c4bae3b
--- /dev/null
+++ b/images/icons/v3/photo/photo-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/pip/pip.svg b/images/icons/v3/pip/pip.svg
new file mode 100644
index 000000000000..ec7892adca18
--- /dev/null
+++ b/images/icons/v3/pip/pip.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/play/play-fill.svg b/images/icons/v3/play/play-fill.svg
new file mode 100644
index 000000000000..254074aab443
--- /dev/null
+++ b/images/icons/v3/play/play-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/plus/plus-circle.svg b/images/icons/v3/plus/plus-circle.svg
new file mode 100644
index 000000000000..086b88c55afe
--- /dev/null
+++ b/images/icons/v3/plus/plus-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/plus/plus-compact-bold.svg b/images/icons/v3/plus/plus-compact-bold.svg
new file mode 100644
index 000000000000..3cccf5a9d01a
--- /dev/null
+++ b/images/icons/v3/plus/plus-compact-bold.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/plus/plus-compact.svg b/images/icons/v3/plus/plus-compact.svg
new file mode 100644
index 000000000000..fe46b57ac6b7
--- /dev/null
+++ b/images/icons/v3/plus/plus-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/plus/plus-light.svg b/images/icons/v3/plus/plus-light.svg
new file mode 100644
index 000000000000..82618f0f1914
--- /dev/null
+++ b/images/icons/v3/plus/plus-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/plus/plus.svg b/images/icons/v3/plus/plus.svg
new file mode 100644
index 000000000000..0274ef491722
--- /dev/null
+++ b/images/icons/v3/plus/plus.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/quality/quality-high.svg b/images/icons/v3/quality/quality-high.svg
new file mode 100644
index 000000000000..81ea9cbfcc69
--- /dev/null
+++ b/images/icons/v3/quality/quality-high.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/quality/quality-standard.svg b/images/icons/v3/quality/quality-standard.svg
new file mode 100644
index 000000000000..64a21aca0dca
--- /dev/null
+++ b/images/icons/v3/quality/quality-standard.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/recent/recent.svg b/images/icons/v3/recent/recent.svg
new file mode 100644
index 000000000000..8a52a4a716dc
--- /dev/null
+++ b/images/icons/v3/recent/recent.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/redo/redo.svg b/images/icons/v3/redo/redo.svg
new file mode 100644
index 000000000000..fd0e1285d7e2
--- /dev/null
+++ b/images/icons/v3/redo/redo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/refresh/refresh.svg b/images/icons/v3/refresh/refresh.svg
new file mode 100644
index 000000000000..afa5c66b39a3
--- /dev/null
+++ b/images/icons/v3/refresh/refresh.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/reply/reply-compact.svg b/images/icons/v3/reply/reply-compact.svg
new file mode 100644
index 000000000000..5d3df0f113e7
--- /dev/null
+++ b/images/icons/v3/reply/reply-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/reply/reply-fill-compact.svg b/images/icons/v3/reply/reply-fill-compact.svg
new file mode 100644
index 000000000000..8df48e74640e
--- /dev/null
+++ b/images/icons/v3/reply/reply-fill-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/reply/reply.svg b/images/icons/v3/reply/reply.svg
new file mode 100644
index 000000000000..72f0dc2e1040
--- /dev/null
+++ b/images/icons/v3/reply/reply.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/safety_number/safety_number-compact.svg b/images/icons/v3/safety_number/safety_number-compact.svg
new file mode 100644
index 000000000000..e892f26053df
--- /dev/null
+++ b/images/icons/v3/safety_number/safety_number-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/safety_number/safety_number.svg b/images/icons/v3/safety_number/safety_number.svg
new file mode 100644
index 000000000000..02c437b8f872
--- /dev/null
+++ b/images/icons/v3/safety_number/safety_number.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/save/save-compact.svg b/images/icons/v3/save/save-compact.svg
new file mode 100644
index 000000000000..d25d7925f7d5
--- /dev/null
+++ b/images/icons/v3/save/save-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/save/save.svg b/images/icons/v3/save/save.svg
new file mode 100644
index 000000000000..ba4ad82480b9
--- /dev/null
+++ b/images/icons/v3/save/save.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/search/search-compact-light.svg b/images/icons/v3/search/search-compact-light.svg
new file mode 100644
index 000000000000..98d5f0cec70f
--- /dev/null
+++ b/images/icons/v3/search/search-compact-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/search/search-compact.svg b/images/icons/v3/search/search-compact.svg
new file mode 100644
index 000000000000..85e8abbc69e4
--- /dev/null
+++ b/images/icons/v3/search/search-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/search/search.svg b/images/icons/v3/search/search.svg
new file mode 100644
index 000000000000..2f244e01afef
--- /dev/null
+++ b/images/icons/v3/search/search.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/send/send-fill.svg b/images/icons/v3/send/send-fill.svg
new file mode 100644
index 000000000000..c2195f5362de
--- /dev/null
+++ b/images/icons/v3/send/send-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/send/send.svg b/images/icons/v3/send/send.svg
new file mode 100644
index 000000000000..5884ef7fb22d
--- /dev/null
+++ b/images/icons/v3/send/send.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/settings/settings-compact.svg b/images/icons/v3/settings/settings-compact.svg
new file mode 100644
index 000000000000..0beac5e75a73
--- /dev/null
+++ b/images/icons/v3/settings/settings-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/settings/settings.svg b/images/icons/v3/settings/settings.svg
new file mode 100644
index 000000000000..e8089840b42b
--- /dev/null
+++ b/images/icons/v3/settings/settings.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/share_screen/share_screen-fill-light.svg b/images/icons/v3/share_screen/share_screen-fill-light.svg
new file mode 100644
index 000000000000..067279e33d89
--- /dev/null
+++ b/images/icons/v3/share_screen/share_screen-fill-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/speaker/speaker-slash.svg b/images/icons/v3/speaker/speaker-slash.svg
new file mode 100644
index 000000000000..aeb6f7b20ce2
--- /dev/null
+++ b/images/icons/v3/speaker/speaker-slash.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/speaker/speaker-x.svg b/images/icons/v3/speaker/speaker-x.svg
new file mode 100644
index 000000000000..9c447b57deee
--- /dev/null
+++ b/images/icons/v3/speaker/speaker-x.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/speaker/speaker.svg b/images/icons/v3/speaker/speaker.svg
new file mode 100644
index 000000000000..acc14632505d
--- /dev/null
+++ b/images/icons/v3/speaker/speaker.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/speaker_view/speaker_view.svg b/images/icons/v3/speaker_view/speaker_view.svg
new file mode 100644
index 000000000000..f173074eb641
--- /dev/null
+++ b/images/icons/v3/speaker_view/speaker_view.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/spoiler.svg b/images/icons/v3/spoiler.svg
deleted file mode 100644
index bd5dc628ba52..000000000000
--- a/images/icons/v3/spoiler.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-
diff --git a/images/icons/v3/sticker/sticker-smiley.svg b/images/icons/v3/sticker/sticker-smiley.svg
new file mode 100644
index 000000000000..a2a7a8d69967
--- /dev/null
+++ b/images/icons/v3/sticker/sticker-smiley.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/sticker/sticker.svg b/images/icons/v3/sticker/sticker.svg
new file mode 100644
index 000000000000..e3435daa7fc3
--- /dev/null
+++ b/images/icons/v3/sticker/sticker.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/stories/stories-display.svg b/images/icons/v3/stories/stories-display.svg
new file mode 100644
index 000000000000..dc1bfeff8c0f
--- /dev/null
+++ b/images/icons/v3/stories/stories-display.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/stories/stories-fill-compact.svg b/images/icons/v3/stories/stories-fill-compact.svg
new file mode 100644
index 000000000000..1fc72784d740
--- /dev/null
+++ b/images/icons/v3/stories/stories-fill-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/stories/stories.svg b/images/icons/v3/stories/stories.svg
new file mode 100644
index 000000000000..dc0346b4acb1
--- /dev/null
+++ b/images/icons/v3/stories/stories.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/strikethrough.svg b/images/icons/v3/strikethrough.svg
deleted file mode 100644
index 1ea00d1f77d8..000000000000
--- a/images/icons/v3/strikethrough.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/images/icons/v3/text_format/textformat-bold-bold.svg b/images/icons/v3/text_format/textformat-bold-bold.svg
new file mode 100644
index 000000000000..f04aba50768b
--- /dev/null
+++ b/images/icons/v3/text_format/textformat-bold-bold.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/text_format/textformat-italic.svg b/images/icons/v3/text_format/textformat-italic.svg
new file mode 100644
index 000000000000..8bd829051152
--- /dev/null
+++ b/images/icons/v3/text_format/textformat-italic.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/text_format/textformat-monospace.svg b/images/icons/v3/text_format/textformat-monospace.svg
new file mode 100644
index 000000000000..ecfa3e4499a1
--- /dev/null
+++ b/images/icons/v3/text_format/textformat-monospace.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/text_format/textformat-spoiler.svg b/images/icons/v3/text_format/textformat-spoiler.svg
new file mode 100644
index 000000000000..3759e5ec408f
--- /dev/null
+++ b/images/icons/v3/text_format/textformat-spoiler.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/text_format/textformat-strikethrough.svg b/images/icons/v3/text_format/textformat-strikethrough.svg
new file mode 100644
index 000000000000..27a06d93f4e9
--- /dev/null
+++ b/images/icons/v3/text_format/textformat-strikethrough.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/thread/thread-fill-compact.svg b/images/icons/v3/thread/thread-fill-compact.svg
new file mode 100644
index 000000000000..75f6dc88c3db
--- /dev/null
+++ b/images/icons/v3/thread/thread-fill-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/timer/timer-compact.svg b/images/icons/v3/timer/timer-compact.svg
new file mode 100644
index 000000000000..260dacd4f8ef
--- /dev/null
+++ b/images/icons/v3/timer/timer-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/timer/timer-slash-compact.svg b/images/icons/v3/timer/timer-slash-compact.svg
new file mode 100644
index 000000000000..093221c78bcd
--- /dev/null
+++ b/images/icons/v3/timer/timer-slash-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/timer/timer-slash.svg b/images/icons/v3/timer/timer-slash.svg
new file mode 100644
index 000000000000..f50f5d2cf160
--- /dev/null
+++ b/images/icons/v3/timer/timer-slash.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/timer/timer.svg b/images/icons/v3/timer/timer.svg
new file mode 100644
index 000000000000..2f086a4575e0
--- /dev/null
+++ b/images/icons/v3/timer/timer.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/trash/trash-compact.svg b/images/icons/v3/trash/trash-compact.svg
new file mode 100644
index 000000000000..e9cba8131f1b
--- /dev/null
+++ b/images/icons/v3/trash/trash-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/trash/trash.svg b/images/icons/v3/trash/trash.svg
new file mode 100644
index 000000000000..cacd6cf4ad4c
--- /dev/null
+++ b/images/icons/v3/trash/trash.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/tune/tune.svg b/images/icons/v3/tune/tune.svg
new file mode 100644
index 000000000000..3277ef06f90c
--- /dev/null
+++ b/images/icons/v3/tune/tune.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/undo/undo.svg b/images/icons/v3/undo/undo.svg
new file mode 100644
index 000000000000..48a125f7643e
--- /dev/null
+++ b/images/icons/v3/undo/undo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/video--compact.svg b/images/icons/v3/video--compact.svg
deleted file mode 100644
index 4477eb00c99b..000000000000
--- a/images/icons/v3/video--compact.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/images/icons/v3/video/video-compact-fill.svg b/images/icons/v3/video/video-compact-fill.svg
new file mode 100644
index 000000000000..52a5e6bc0bc6
--- /dev/null
+++ b/images/icons/v3/video/video-compact-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/video/video-compact.svg b/images/icons/v3/video/video-compact.svg
new file mode 100644
index 000000000000..081508c8d625
--- /dev/null
+++ b/images/icons/v3/video/video-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/video/video-fill-light.svg b/images/icons/v3/video/video-fill-light.svg
new file mode 100644
index 000000000000..1a65c1ac765a
--- /dev/null
+++ b/images/icons/v3/video/video-fill-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/video/video-fill.svg b/images/icons/v3/video/video-fill.svg
new file mode 100644
index 000000000000..ca0305147114
--- /dev/null
+++ b/images/icons/v3/video/video-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/video/video-slash-compact-light.svg b/images/icons/v3/video/video-slash-compact-light.svg
new file mode 100644
index 000000000000..66784d4888a0
--- /dev/null
+++ b/images/icons/v3/video/video-slash-compact-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/video/video-slash-fill-light.svg b/images/icons/v3/video/video-slash-fill-light.svg
new file mode 100644
index 000000000000..2385bd2e6908
--- /dev/null
+++ b/images/icons/v3/video/video-slash-fill-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/video/video-slash-fill.svg b/images/icons/v3/video/video-slash-fill.svg
new file mode 100644
index 000000000000..ab622abb00d1
--- /dev/null
+++ b/images/icons/v3/video/video-slash-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/video/video.svg b/images/icons/v3/video/video.svg
new file mode 100644
index 000000000000..30a6bf95ccd0
--- /dev/null
+++ b/images/icons/v3/video/video.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/view_once/view_once-dash.svg b/images/icons/v3/view_once/view_once-dash.svg
new file mode 100644
index 000000000000..936c7c9426ec
--- /dev/null
+++ b/images/icons/v3/view_once/view_once-dash.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/view_once/view_once.svg b/images/icons/v3/view_once/view_once.svg
new file mode 100644
index 000000000000..0b4b88dd5df9
--- /dev/null
+++ b/images/icons/v3/view_once/view_once.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/wifi/wifi-error.svg b/images/icons/v3/wifi/wifi-error.svg
new file mode 100644
index 000000000000..6ac82d0e6ffd
--- /dev/null
+++ b/images/icons/v3/wifi/wifi-error.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/x.svg b/images/icons/v3/x.svg
deleted file mode 100644
index 78ee455e34dd..000000000000
--- a/images/icons/v3/x.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/images/icons/v3/x/x-circle-compact.svg b/images/icons/v3/x/x-circle-compact.svg
new file mode 100644
index 000000000000..fa6dde17d7d9
--- /dev/null
+++ b/images/icons/v3/x/x-circle-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/x/x-circle.svg b/images/icons/v3/x/x-circle.svg
new file mode 100644
index 000000000000..b488457c9d72
--- /dev/null
+++ b/images/icons/v3/x/x-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/x/x-compact-light.svg b/images/icons/v3/x/x-compact-light.svg
new file mode 100644
index 000000000000..3b1b15ac26f6
--- /dev/null
+++ b/images/icons/v3/x/x-compact-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/x/x-compact.svg b/images/icons/v3/x/x-compact.svg
new file mode 100644
index 000000000000..62284d8438f5
--- /dev/null
+++ b/images/icons/v3/x/x-compact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v3/x/x.svg b/images/icons/v3/x/x.svg
new file mode 100644
index 000000000000..27f7b852ff36
--- /dev/null
+++ b/images/icons/v3/x/x.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss
index 2177a32f7ed8..284c4a961853 100644
--- a/stylesheets/_global.scss
+++ b/stylesheets/_global.scss
@@ -203,7 +203,7 @@ $loading-height: 16px;
display: block;
width: 100%;
height: 100%;
- @include color-svg('../images/icons/v2/x-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-white);
}
}
diff --git a/stylesheets/_mixins.scss b/stylesheets/_mixins.scss
index 9506f4dce198..10c47747f94f 100644
--- a/stylesheets/_mixins.scss
+++ b/stylesheets/_mixins.scss
@@ -219,6 +219,14 @@ $rtl-icon-map: (
'arrow-left-32.svg': 'arrow-right-32.svg',
'arrow-right-32.svg': 'arrow-left-32.svg',
+ // v3 icons
+ 'chevron-left.svg': 'chevron-right.svg',
+ 'chevron-right.svg': 'chevron-left.svg',
+ 'chevron-left-compact-bold.svg': 'chevron-right-compact-bold.svg',
+ 'chevron-right-compact-bold.svg': 'chevron-left-compact-bold.svg',
+ 'arrow-left.svg': 'arrow-right.svg',
+ 'arrow-right.svg': 'arrow-left.svg',
+
// Ignored cases:
'phone-right-outline-24.svg': '',
'phone-right-solid-24.svg': '',
@@ -244,9 +252,15 @@ $rtl-icon-map: (
@if $rtl-svg {
:dir(ltr) & {
-webkit-mask: url($svg) no-repeat center;
+ @if $stretch {
+ -webkit-mask-size: 100%;
+ }
}
:dir(rtl) & {
-webkit-mask: url($rtl-svg) no-repeat center;
+ @if $stretch {
+ -webkit-mask-size: 100%;
+ }
}
} @else {
-webkit-mask: url($svg) no-repeat center;
@@ -319,10 +333,10 @@ $rtl-icon-map: (
@include button-reset;
position: absolute;
- top: 8px;
- inset-inline-end: 8px;
- width: 18px;
- height: 18px;
+ top: 4px;
+ inset-inline-end: 4px;
+ width: 16px;
+ height: 16px;
z-index: $z-index-above-base;
}
@@ -615,11 +629,11 @@ $rtl-icon-map: (
width: 24px;
@include light-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-75);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-75);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-15);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-15);
}
&:focus {
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 8be52a49ba25..315ccceb1596 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -177,8 +177,8 @@
@mixin module-message__buttons__button($light-icon, $dark-icon: $light-icon) {
cursor: pointer;
- height: 24px;
- width: 24px;
+ height: 20px;
+ width: 20px;
@include light-theme {
@include color-svg($light-icon, $color-gray-45);
@@ -214,33 +214,27 @@
}
.module-message__buttons__download {
- @include module-message__buttons__button(
- '../images/icons/v2/save-outline-24.svg',
- '../images/icons/v2/save-solid-24.svg'
- );
+ @include module-message__buttons__button('../images/icons/v3/save/save.svg');
}
.module-message__buttons__react {
@include module-message__buttons__button(
- '../images/icons/v2/add-emoji-outline-24.svg'
+ '../images/icons/v3/heart/heart-plus.svg'
);
}
.module-message__buttons__reply {
@include module-message__buttons__button(
- '../images/icons/v2/reply-outline-24.svg',
- '../images/icons/v2/reply-solid-24.svg'
+ '../images/icons/v3/reply/reply.svg'
);
}
.module-message__buttons__menu {
- @include module-message__buttons__button(
- '../images/icons/v2/more-horiz-24.svg'
- );
+ @include module-message__buttons__button('../images/icons/v3/more/more.svg');
&--container {
border-radius: 4px;
- height: 24px;
+ height: 20px;
// the z-index here is so that this container is above the message and when
// clicked on, doesn't propagate the click event to the message.
z-index: $z-index-above-base;
@@ -261,13 +255,13 @@
@include light-theme {
@include color-svg(
- '../images/icons/v2/error-outline-24.svg',
+ '../images/icons/v3/error/error-circle.svg',
$color-accent-red
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/error-solid-24.svg',
+ '../images/icons/v3/error/error-circle.svg',
$color-accent-red
);
}
@@ -275,12 +269,15 @@
.module-message__error--paused {
@include light-theme {
@include color-svg(
- '../images/icons/v2/error-outline-24.svg',
+ '../images/icons/v3/error/error-circle.svg',
$color-gray-60
);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/error-solid-24.svg', $color-gray-45);
+ @include color-svg(
+ '../images/icons/v3/error/error-circle.svg',
+ $color-gray-45
+ );
}
}
@@ -395,8 +392,8 @@ $message-padding-horizontal: 12px;
top: 50%;
inset-inline-start: 16px;
transform: translateY(-50%);
- width: 18px;
- height: 18px;
+ width: 20px;
+ height: 20px;
border-radius: 9999px;
background: transparent;
border: 1px solid $color-gray-20;
@@ -406,10 +403,13 @@ $message-padding-horizontal: 12px;
&::before {
content: '';
display: block;
- width: 20px;
- height: 20px;
- margin: -2px;
- @include color-svg('../images/icons/v2/check-20.svg', $color-white);
+ width: 14px;
+ height: 14px;
+ margin: 2px;
+ @include color-svg(
+ '../images/icons/v3/check/check-compact-bold.svg',
+ $color-white
+ );
opacity: 0;
transition: opacity 0.1s ease-out;
}
@@ -580,18 +580,30 @@ $message-padding-horizontal: 12px;
height: 20px;
@include light-theme {
- @include color-svg('../images/icons/v2/view-once-24.svg', $color-gray-90);
+ @include color-svg(
+ '../images/icons/v3/view_once/view_once.svg',
+ $color-gray-90
+ );
}
@include dark-theme {
- @include color-svg('../images/icons/v2/view-once-24.svg', $color-gray-05);
+ @include color-svg(
+ '../images/icons/v3/view_once/view_once.svg',
+ $color-gray-05
+ );
}
}
.module-message__tap-to-view__icon--expired {
@include light-theme {
- @include color-svg('../images/icons/v2/viewed-once-24.svg', $color-gray-75);
+ @include color-svg(
+ '../images/icons/v3/view_once/view_once-dash.svg',
+ $color-gray-75
+ );
}
@include dark-theme {
- @include color-svg('../images/icons/v2/viewed-once-24.svg', $color-gray-05);
+ @include color-svg(
+ '../images/icons/v3/view_once/view_once-dash.svg',
+ $color-gray-05
+ );
}
}
.module-message__tap-to-view__icon--outgoing {
@@ -1605,13 +1617,13 @@ $message-padding-horizontal: 12px;
&--incoming {
@include light-theme {
@include color-svg(
- '../images/icons/v2/check-circle-outline-24.svg',
+ '../images/icons/v3/check/check-circle.svg',
$color-gray-90
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/check-circle-outline-24.svg',
+ '../images/icons/v3/check/check-circle.svg',
$color-gray-05
);
}
@@ -1620,13 +1632,13 @@ $message-padding-horizontal: 12px;
&--outgoing {
@include light-theme {
@include color-svg(
- '../images/icons/v2/check-circle-outline-24.svg',
+ '../images/icons/v3/check/check-circle.svg',
$color-gray-90
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/check-circle-outline-24.svg',
+ '../images/icons/v3/check/check-circle.svg',
$color-gray-90
);
}
@@ -1744,13 +1756,13 @@ $message-padding-horizontal: 12px;
@include dark-theme {
@include color-svg(
- '../images/icons/v2/timer-60-12.svg',
+ '../images/icons/v3/message_timer/messagetimer-60.svg',
$color-white-alpha-80
);
}
@include light-theme {
@include color-svg(
- '../images/icons/v2/timer-60-12.svg',
+ '../images/icons/v3/message_timer/messagetimer-60.svg',
$color-white-alpha-80
);
}
@@ -1763,13 +1775,13 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
.module-expire-timer--#{$timer-icon} {
@include dark-theme {
@include color-svg(
- '../images/icons/v2/timer-#{$timer-icon}-12.svg',
+ '../images/icons/v3/message_timer/messagetimer-#{$timer-icon}.svg',
$color-white-alpha-80
);
}
@include light-theme {
@include color-svg(
- '../images/icons/v2/timer-#{$timer-icon}-12.svg',
+ '../images/icons/v3/message_timer/messagetimer-#{$timer-icon}.svg',
$color-white-alpha-80
);
}
@@ -2005,13 +2017,10 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
display: inline-block;
margin-inline-end: 5px;
@include light-theme {
- @include color-svg(
- '../images/icons/v2/message-outline-24.svg',
- $color-white
- );
+ @include color-svg('../images/icons/v3/chat/chat.svg', $color-white);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/message-solid-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/chat/chat.svg', $color-white);
}
}
@@ -2129,127 +2138,25 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
margin-inline: auto;
}
-// Module: Contact List Item
-
-.module-contact-list-item {
- @include button-reset;
-
- cursor: inherit;
-
- padding: 8px;
- width: 100%;
-
- display: flex;
- flex-direction: row;
- align-items: center;
-
- @include light-theme {
- color: $color-gray-60;
-
- @include mouse-mode {
- &:hover {
- background-color: $color-gray-02;
- }
- }
- @include keyboard-mode {
- &:focus {
- background-color: $color-gray-02;
- }
- }
- }
- @include dark-theme {
- color: $color-gray-15;
- }
- @include dark-mouse-mode {
- &:hover {
- background-color: $color-gray-80;
- }
- }
- @include dark-keyboard-mode {
- &:focus {
- background-color: $color-gray-80;
- }
- }
-}
-
-.module-contact-list-item--with-click-handler {
- cursor: pointer;
-}
-
-.module-contact-list-item__text {
- margin-inline-start: 8px;
-
- align-items: center;
- display: flex;
- flex-direction: row;
-
- flex-grow: 1;
- justify-content: space-between;
-}
-
-.module-contact-list-item__left {
- flex: 1;
-}
-
-.module-contact-list-item__text__name {
- @include font-body-1-bold;
- @include light-theme {
- color: $color-gray-90;
- }
- @include dark-theme {
- color: $color-gray-05;
- }
-}
-
-.module-contact-list-item__text__additional-data {
- @include font-body-2;
-
- margin-top: 3p;
-}
-
-.module-contact-list-item__text__verified-icon {
- display: inline-block;
- width: 20px;
- height: 20px;
- vertical-align: text-bottom;
-
- // Trying to account for the whitespace around the check mark
- margin-bottom: -1px;
-
- @include light-theme {
- @include color-svg('../images/icons/v2/check-24.svg', $color-gray-60);
- }
- @include dark-theme {
- @include color-svg('../images/icons/v2/check-24.svg', $color-gray-25);
- }
-}
-
-.module-contact-list-item__admin {
- text-align: end;
- height: 100%;
-
- @include font-body-2;
-}
-
// Module: In Contacts Icon
.module-in-contacts-icon__icon {
display: inline-block;
- height: 15px;
- width: 15px;
+ height: 14px;
+ width: 14px;
margin-bottom: 2px;
vertical-align: middle;
@include light-theme {
@include color-svg(
- '../images/icons/v2/profile-circle-outline-24.svg',
+ '../images/icons/v3/person/person-circle-compact.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/profile-circle-outline-24.svg',
+ '../images/icons/v3/person/person-circle-compact.svg',
$color-gray-25
);
}
@@ -2257,7 +2164,7 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
@include keyboard-mode {
&:focus {
@include color-svg(
- '../images/icons/v2/profile-circle-outline-24.svg',
+ '../images/icons/v3/person/person-circle-compact.svg',
$color-ultramarine
);
}
@@ -2436,7 +2343,7 @@ button.ConversationDetails__action-button {
height: 24px;
width: 24px;
@include color-svg(
- '../images/icons/v2/play-solid-24.svg',
+ '../images/icons/v3/play/play-fill.svg',
$color-ultramarine
);
}
@@ -2550,9 +2457,9 @@ button.ConversationDetails__action-button {
position: relative;
.module-left-pane--width-narrow & {
- margin-bottom: 28px;
+ margin-bottom: 20px;
margin-inline-end: 0;
- margin-top: 16px;
+ margin-top: 12px;
}
}
@@ -2583,29 +2490,10 @@ button.ConversationDetails__action-button {
border-radius: 4px;
border: 2px solid transparent;
display: inline-flex;
- height: 32px;
+ height: 28px;
justify-content: center;
- padding: 2px;
- width: 32px;
-
- @include light-theme {
- &:hover,
- &:focus {
- background: $color-gray-15;
- }
- &:active {
- background: $color-gray-05;
- }
- }
- @include dark-theme {
- &:hover,
- &:focus {
- background: $color-gray-75;
- }
- &:active {
- background: $color-gray-65;
- }
- }
+ width: 28px;
+ padding: 0px;
@include keyboard-mode {
&:focus {
@@ -2615,26 +2503,16 @@ button.ConversationDetails__action-button {
}
&::before {
- $icon: '../images/icons/v2/compose-24.svg';
- width: 24px;
- height: 24px;
+ $icon: '../images/icons/v3/compose/compose.svg';
+ width: 20px;
+ height: 20px;
content: '';
@include light-theme {
@include color-svg($icon, $color-gray-75);
- &:hover,
- &:active,
- &:focus {
- @include color-svg($icon, $color-gray-90);
- }
}
@include dark-theme {
@include color-svg($icon, $color-gray-15);
- &:hover,
- &:active,
- &:focus {
- @include color-svg($icon, $color-gray-02);
- }
}
}
}
@@ -2666,34 +2544,17 @@ button.ConversationDetails__action-button {
border-radius: 4px;
border: 2px solid transparent;
display: inline-flex;
- height: 32px;
+ height: 28px;
justify-content: center;
- margin-inline-end: 20px;
- padding: 2px;
+ margin-inline-end: 12px;
position: relative;
- width: 32px;
+ width: 28px;
+ padding: 0px;
.module-left-pane--width-narrow & {
margin-inline-end: 0;
- margin-top: 28px;
- margin-bottom: 28px;
- }
-
- @include light-theme {
- &:hover {
- background: $color-gray-15;
- }
- &:active {
- background: $color-gray-05;
- }
- }
- @include dark-theme {
- &:hover {
- background: $color-gray-75;
- }
- &:active {
- background: $color-gray-65;
- }
+ margin-top: 16px;
+ margin-bottom: 20px;
}
@include keyboard-mode {
@@ -2704,26 +2565,16 @@ button.ConversationDetails__action-button {
}
&::before {
- $icon: '../images/icons/v2/stories-outline-24.svg';
- width: 24px;
- height: 24px;
+ $icon: '../images/icons/v3/stories/stories.svg';
+ width: 20px;
+ height: 20px;
content: '';
@include light-theme {
@include color-svg($icon, $color-gray-75);
- &:hover,
- &:active,
- &:focus {
- @include color-svg($icon, $color-gray-90);
- }
}
@include dark-theme {
@include color-svg($icon, $color-gray-15);
- &:hover,
- &:active,
- &:focus {
- @include color-svg($icon, $color-gray-02);
- }
}
}
}
@@ -2779,7 +2630,7 @@ button.ConversationDetails__action-button {
height: 24px;
width: 24px;
- @include color-svg('../images/icons/v2/arrow-down-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/arrow/arrow-down.svg', $color-white);
}
}
@@ -2979,7 +2830,7 @@ button.module-image__border-overlay:focus {
height: 24px;
width: 24px;
@include color-svg(
- '../images/icons/v2/play-solid-24.svg',
+ '../images/icons/v3/play/play-fill.svg',
$color-ultramarine
);
}
@@ -3004,7 +2855,15 @@ button.module-image__border-overlay:focus {
.module-image__close-button {
@include staged-attachment-close-button;
- background-image: url('../images/x-shadow-16.svg');
+ &::before {
+ content: '';
+ display: block;
+ width: 16px;
+ height: 16px;
+ @include color-svg('../images/icons/v3/x/x-compact.svg', $color-white);
+ }
+ background-image: url('../images/icons/v3/x/x-compact.svg');
+ filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.6));
@include keyboard-mode {
&:focus {
@@ -3157,7 +3016,10 @@ button.module-image__border-overlay:focus {
width: 36px;
&::after {
- @include color-svg('../images/icons/v2/edit-solid-16.svg', $color-white);
+ @include color-svg(
+ '../images/icons/v3/edit/edit-compact.svg',
+ $color-white
+ );
content: '';
height: 20px;
width: 20px;
@@ -3176,7 +3038,7 @@ button.module-image__border-overlay:focus {
}
.module-attachments__close-button {
- $icon: '../images/icons/v2/x-24.svg';
+ $icon: '../images/icons/v3/x/x.svg';
@include button-reset;
@@ -3263,10 +3125,10 @@ button.module-image__border-overlay:focus {
@include staged-attachment-close-button;
@include light-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-black);
+ @include color-svg('../images/icons/v3/x/x-compact.svg', $color-black);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-45);
+ @include color-svg('../images/icons/v3/x/x-compact.svg', $color-gray-45);
}
}
@@ -3361,14 +3223,20 @@ button.module-image__border-overlay:focus {
.module-staged-placeholder-attachment__plus-icon {
@include position-absolute-center;
- height: 36px;
- width: 36px;
+ height: 28px;
+ width: 28px;
@include light-theme {
- @include color-svg('../images/icons/v2/plus-24.svg', $color-gray-45);
+ @include color-svg(
+ '../images/icons/v3/plus/plus-light.svg',
+ $color-gray-45
+ );
}
@include dark-theme {
- @include color-svg('../images/icons/v2/plus-24.svg', $color-gray-60);
+ @include color-svg(
+ '../images/icons/v3/plus/plus-light.svg',
+ $color-gray-60
+ );
}
}
@@ -3417,7 +3285,7 @@ button.module-image__border-overlay:focus {
flex-shrink: 0;
width: 16px;
height: 16px;
- @include color-svg('../images/icons/v2/info-16.svg', currentcolor);
+ @include color-svg('../images/icons/v3/info/info.svg', currentcolor);
}
}
@@ -3814,7 +3682,7 @@ button.module-image__border-overlay:focus {
content: '';
display: block;
@include color-svg(
- '../images/icons/v2/video-off-solid-24.svg',
+ '../images/icons/v3/video/video-slash-fill.svg',
$color-white
);
height: 24px;
@@ -3948,7 +3816,7 @@ button.module-image__border-overlay:focus {
&__button {
&::before {
@include color-svg(
- '../images/icons/v2/chevron-down-24.svg',
+ '../images/icons/v3/chevron/chevron-down.svg',
$color-white
);
@@ -4041,7 +3909,7 @@ button.module-image__border-overlay:focus {
}
&__blocked {
- @include color-svg('../images/icons/v2/block-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/block/block.svg', $color-white);
height: 24px;
margin-bottom: 16px;
width: 24px;
@@ -4273,14 +4141,14 @@ button.module-image__border-overlay:focus {
&__button {
&--hangup {
@include color-svg(
- '../images/icons/v2/phone-down-28.svg',
+ '../images/icons/v3/phone/phone-down-fill-light.svg',
$color-gray-75
);
height: 28px;
width: 28px;
@include dark-theme {
@include color-svg(
- '../images/icons/v2/phone-down-28.svg',
+ '../images/icons/v3/phone/phone-down-fill-light.svg',
$color-gray-15
);
}
@@ -4288,14 +4156,14 @@ button.module-image__border-overlay:focus {
&--pip {
@include color-svg(
- '../images/icons/v2/pip-maximize-24.svg',
+ '../images/icons/v3/maximize/maximize-square-light.svg',
$color-gray-75
);
height: 24px;
width: 24px;
@include dark-theme {
@include color-svg(
- '../images/icons/v2/pip-maximize-24.svg',
+ '../images/icons/v3/maximize/maximize-square-light.svg',
$color-gray-15
);
}
@@ -4385,10 +4253,10 @@ button.module-image__border-overlay:focus {
&__close {
@include button-reset;
- @include color-svg('../images/x-shadow-16.svg', $color-gray-15);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-15);
- height: 16px;
- width: 16px;
+ height: 20px;
+ width: 20px;
z-index: $z-index-above-base;
@include keyboard-mode {
@@ -4401,33 +4269,36 @@ button.module-image__border-overlay:focus {
&__muted {
&--video {
@include color-svg(
- '../images/icons/v2/video-off-solid-28.svg',
+ '../images/icons/v3/video/video-slash-compact-light.svg',
$color-white
);
display: inline-block;
margin-inline-start: 18px;
- height: 16px;
- width: 16px;
+ height: 18px;
+ width: 18px;
}
&--audio {
@include color-svg(
- '../images/icons/v2/mic-off-solid-28.svg',
+ '../images/icons/v3/mic/mic-slash-compact-light.svg',
$color-white
);
display: inline-block;
margin-inline-start: 18px;
- height: 16px;
- width: 16px;
+ height: 18px;
+ width: 18px;
}
}
&__presenting {
- @include color-svg('../images/icons/v2/share-screen-26.svg', $color-white);
+ @include color-svg(
+ '../images/icons/v3/share_screen/share_screen-fill-light.svg',
+ $color-white
+ );
display: inline-block;
margin-inline-start: 18px;
- height: 16px;
- width: 16px;
+ height: 18px;
+ width: 18px;
}
}
@@ -4519,13 +4390,13 @@ button.module-image__border-overlay:focus {
@include light-theme {
@include color-svg(
- '../images/icons/v2/archive-outline-16.svg',
+ '../images/icons/v3/archive/archive.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/archive-solid-16.svg',
+ '../images/icons/v3/archive/archive.svg',
$color-gray-25
);
}
@@ -4758,6 +4629,11 @@ button.module-image__border-overlay:focus {
&__contact-name {
overflow: hidden;
text-overflow: ellipsis;
+
+ .ContactModal__official-badge {
+ position: relative;
+ top: 1px;
+ }
}
&__mute-icon {
@@ -4770,14 +4646,14 @@ button.module-image__border-overlay:focus {
@include light-theme {
@include color-svg(
- '../images/icons/v2/bell-disabled-outline-24.svg',
+ '../images/icons/v3/bell/bell-slash-bold.svg',
$color-gray-45
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/bell-disabled-solid-24.svg',
+ '../images/icons/v3/bell/bell-slash-bold.svg',
$color-gray-25
);
}
@@ -4889,27 +4765,37 @@ button.module-image__border-overlay:focus {
animation: rotate 4s linear infinite;
}
@include light-theme {
- @include color-svg('../images/sending.svg', $color-gray-60);
+ @include color-svg(
+ '../images/icons/v3/message_status/messagestatus-sending.svg',
+ $color-gray-60
+ );
}
@include dark-theme {
- @include color-svg('../images/sending.svg', $color-gray-45);
+ @include color-svg(
+ '../images/icons/v3/message_status/messagestatus-sending.svg',
+ $color-gray-45
+ );
}
}
&--sent {
@include normal-status-icon(
- '../images/check-circle-outline.svg'
+ '../images/icons/v3/message_status/messagestatus-sent.svg'
);
}
&--delivered {
- @include normal-status-icon('../images/double-check.svg');
+ @include normal-status-icon(
+ '../images/icons/v3/message_status/messagestatus-delivered.svg'
+ );
width: 18px;
}
&--read,
&--viewed {
- @include normal-status-icon('../images/read.svg');
+ @include normal-status-icon(
+ '../images/icons/v3/message_status/messagestatus-read.svg'
+ );
width: 18px;
}
@@ -4917,13 +4803,13 @@ button.module-image__border-overlay:focus {
&--partial-sent {
@include light-theme {
@include color-svg(
- '../images/icons/v2/error-outline-12.svg',
+ '../images/icons/v3/error/error-circle.svg',
$color-accent-red
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/error-solid-12.svg',
+ '../images/icons/v3/error/error-circle.svg',
$color-accent-red
);
}
@@ -4932,13 +4818,13 @@ button.module-image__border-overlay:focus {
&--paused {
@include light-theme {
@include color-svg(
- '../images/icons/v2/error-outline-12.svg',
+ '../images/icons/v3/error/error-circle.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/error-solid-12.svg',
+ '../images/icons/v3/error/error-circle.svg',
$color-gray-45
);
}
@@ -5005,7 +4891,7 @@ button.module-image__border-overlay:focus {
}
&:checked {
- $icon: '../images/icons/v2/check-24.svg';
+ $icon: '../images/icons/v3/check/check.svg';
background: $color-ultramarine;
display: flex;
@@ -5165,7 +5051,7 @@ button.module-image__border-overlay:focus {
width: 28px;
&--icon {
- $icon: '../images/icons/v2/compose-outline-24.svg';
+ $icon: '../images/icons/v3/compose/compose.svg';
@include color-svg($icon, $color-gray-90);
display: inline-block;
height: 16px;
@@ -5191,10 +5077,10 @@ button.module-image__border-overlay:focus {
&__back-button {
@include button-reset;
- margin-inline: 7px 5px;
+ margin-inline-start: 16px;
- width: 24px;
- height: 24px;
+ width: 20px;
+ height: 20px;
&:disabled {
cursor: not-allowed;
@@ -5203,13 +5089,13 @@ button.module-image__border-overlay:focus {
@include light-theme {
&:dir(ltr) {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-60
);
}
&:dir(rtl) {
@include color-svg(
- '../images/icons/v2/chevron-right-24.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$color-gray-60
);
}
@@ -5218,7 +5104,7 @@ button.module-image__border-overlay:focus {
&:dir(ltr) {
&:focus {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-ultramarine
);
}
@@ -5226,7 +5112,7 @@ button.module-image__border-overlay:focus {
&:dir(rtl) {
&:focus {
@include color-svg(
- '../images/icons/v2/chevron-right-24.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$color-ultramarine
);
}
@@ -5236,13 +5122,13 @@ button.module-image__border-overlay:focus {
@include dark-theme {
&:dir(ltr) {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-25
);
}
&:dir(rtl) {
@include color-svg(
- '../images/icons/v2/chevron-right-24.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$color-gray-25
);
}
@@ -5251,7 +5137,7 @@ button.module-image__border-overlay:focus {
&:dir(ltr) {
&:hover {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-ultramarine-light
);
}
@@ -5259,7 +5145,7 @@ button.module-image__border-overlay:focus {
&:dir(rtl) {
&:hover {
@include color-svg(
- '../images/icons/v2/chevron-right-24.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$color-ultramarine-light
);
}
@@ -5270,7 +5156,8 @@ button.module-image__border-overlay:focus {
&__text {
@include font-body-1-bold;
flex-grow: 1;
- padding-inline-end: 16px;
+ padding-inline-end: 36px;
+ text-align: center;
@include light-theme {
color: $color-gray-90;
@@ -5562,13 +5449,13 @@ button.module-image__border-overlay:focus {
&::after {
@include light-theme {
@include color-svg(
- '../images/icons/v2/recent-outline-20.svg',
+ '../images/icons/v3/recent/recent.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/recent-solid-20.svg',
+ '../images/icons/v3/recent/recent.svg',
$color-gray-25
);
}
@@ -5578,10 +5465,10 @@ button.module-image__border-overlay:focus {
&--add-pack {
&::after {
@include light-theme {
- @include color-svg('../images/icons/v2/plus-20.svg', $color-gray-60);
+ @include color-svg('../images/icons/v3/plus/plus.svg', $color-gray-60);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/plus-20.svg', $color-gray-25);
+ @include color-svg('../images/icons/v3/plus/plus.svg', $color-gray-25);
}
}
}
@@ -5616,13 +5503,13 @@ button.module-image__border-overlay:focus {
&::after {
@include light-theme {
@include color-svg(
- '../images/icons/v2/chevron-left-16.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/chevron-left-16.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-25
);
}
@@ -5632,13 +5519,13 @@ button.module-image__border-overlay:focus {
&::after {
@include light-theme {
@include color-svg(
- '../images/icons/v2/chevron-right-16.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/chevron-right-16.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$color-gray-25
);
}
@@ -5654,13 +5541,13 @@ button.module-image__border-overlay:focus {
&::after {
@include light-theme {
@include color-svg(
- '../images/icons/v2/chevron-right-16.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/chevron-right-16.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$color-gray-25
);
}
@@ -5670,13 +5557,13 @@ button.module-image__border-overlay:focus {
&::after {
@include light-theme {
@include color-svg(
- '../images/icons/v2/chevron-left-16.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/chevron-left-16.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-25
);
}
@@ -5696,7 +5583,7 @@ button.module-image__border-overlay:focus {
inset-inline-start: 14px;
top: 2px;
@include color-svg(
- '../images/icons/v2/error-solid-24.svg',
+ '../images/icons/v3/error/error-circle.svg',
$color-accent-red
);
}
@@ -5917,19 +5804,19 @@ button.module-image__border-overlay:focus {
&::after {
display: block;
content: '';
- width: 24px;
- height: 24px;
+ width: 20px;
+ height: 20px;
flex-shrink: 0;
@include light-theme {
@include color-svg(
- '../images/icons/v2/sticker-outline-24.svg',
+ '../images/icons/v3/sticker/sticker.svg',
$color-gray-75
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/sticker-outline-24.svg',
+ '../images/icons/v3/sticker/sticker.svg',
$color-gray-15
);
}
@@ -6067,16 +5954,22 @@ button.module-image__border-overlay:focus {
flex-shrink: 1;
height: 100%;
&__button {
- width: 20px;
- height: 20px;
+ width: 16px;
+ height: 16px;
border: none;
@include light-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-60);
+ @include color-svg(
+ '../images/icons/v3/x/x-compact.svg',
+ $color-gray-60
+ );
}
@include dark-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-05);
+ @include color-svg(
+ '../images/icons/v3/x/x-compact.svg',
+ $color-gray-05
+ );
}
}
}
@@ -6123,13 +6016,13 @@ button.module-image__border-overlay:focus {
@include light-theme {
@include color-svg(
- '../images/icons/v2/search-16.svg',
+ '../images/icons/v3/search/search-compact.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/search-16.svg',
+ '../images/icons/v3/search/search-compact.svg',
$color-gray-25
);
}
@@ -6244,14 +6137,14 @@ button.module-image__border-overlay:focus {
@include light-theme {
@include color-svg(
- '../images/icons/v2/settings-outline-16.svg',
+ '../images/icons/v3/settings/settings.svg',
$color-gray-75
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/settings-solid-16.svg',
+ '../images/icons/v3/settings/settings.svg',
$color-gray-25
);
}
@@ -6284,13 +6177,13 @@ button.module-image__border-overlay:focus {
&::after {
@include light-theme {
@include color-svg(
- '../images/icons/v2/search-16.svg',
+ '../images/icons/v3/search/search.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/search-16.svg',
+ '../images/icons/v3/search/search.svg',
$color-gray-25
);
}
@@ -6300,10 +6193,10 @@ button.module-image__border-overlay:focus {
&--close {
&::after {
@include light-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-60);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-60);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-25);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-25);
}
}
}
@@ -6312,13 +6205,13 @@ button.module-image__border-overlay:focus {
&::after {
@include light-theme {
@include color-svg(
- '../images/icons/v2/recent-outline-20.svg',
+ '../images/icons/v3/recent/recent.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/recent-solid-20.svg',
+ '../images/icons/v3/recent/recent.svg',
$color-gray-25
);
}
@@ -6329,13 +6222,13 @@ button.module-image__border-overlay:focus {
&::after {
@include light-theme {
@include color-svg(
- '../images/icons/v2/emoji-smiley-outline-20.svg',
+ '../images/icons/v3/emoji/emoji.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/emoji-smiley-solid-20.svg',
+ '../images/icons/v3/emoji/emoji.svg',
$color-gray-25
);
}
@@ -6349,13 +6242,13 @@ button.module-image__border-overlay:focus {
&::after {
@include light-theme {
@include color-svg(
- '../images/icons/v2/emoji-#{$cat}-outline-20.svg',
+ '../images/icons/v3/emoji/emoji-#{$cat}.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/emoji-#{$cat}-solid-20.svg',
+ '../images/icons/v3/emoji/emoji-#{$cat}.svg',
$color-gray-25
);
}
@@ -6428,36 +6321,24 @@ button.module-image__border-overlay:focus {
&::after {
display: block;
content: '';
- width: 24px;
- height: 24px;
+ width: 20px;
+ height: 20px;
flex-shrink: 0;
@include light-theme {
- @include color-svg(
- '../images/icons/v2/emoji-smiley-outline-24.svg',
- $color-gray-75
- );
+ @include color-svg('../images/icons/v3/emoji/emoji.svg', $color-gray-75);
}
@include dark-theme {
- @include color-svg(
- '../images/icons/v2/emoji-smiley-outline-24.svg',
- $color-gray-15
- );
+ @include color-svg('../images/icons/v3/emoji/emoji.svg', $color-gray-15);
}
}
&--profile-editor::after {
@include light-theme {
- @include color-svg(
- '../images/icons/v2/add-emoji-outline-24.svg',
- $color-gray-75
- );
+ @include color-svg('../images/icons/v3/emoji/emoji.svg', $color-gray-75);
}
@include dark-theme {
- @include color-svg(
- '../images/icons/v2/add-emoji-outline-24.svg',
- $color-gray-15
- );
+ @include color-svg('../images/icons/v3/emoji/emoji.svg', $color-gray-15);
}
}
@@ -6708,23 +6589,29 @@ button.module-image__border-overlay:focus {
&--update {
@include light-theme {
- @include color-svg('../images/icons/v2/refresh-24.svg', $color-gray-75);
+ @include color-svg(
+ '../images/icons/v3/refresh/refresh.svg',
+ $color-gray-75
+ );
}
@include dark-theme {
- @include color-svg('../images/icons/v2/refresh-24.svg', $color-gray-15);
+ @include color-svg(
+ '../images/icons/v3/refresh/refresh.svg',
+ $color-gray-15
+ );
}
}
}
.module-avatar-popup__item__icon-settings {
@include light-theme {
@include color-svg(
- '../images/icons/v2/settings-outline-16.svg',
+ '../images/icons/v3/settings/settings-compact.svg',
$color-gray-75
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/settings-solid-16.svg',
+ '../images/icons/v3/settings/settings-compact.svg',
$color-gray-15
);
}
@@ -6732,13 +6619,13 @@ button.module-image__border-overlay:focus {
.module-avatar-popup__item__icon-archive {
@include light-theme {
@include color-svg(
- '../images/icons/v2/archive-outline-16.svg',
+ '../images/icons/v3/archive/archive-compact.svg',
$color-gray-75
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/archive-solid-16.svg',
+ '../images/icons/v3/archive/archive-compact.svg',
$color-gray-15
);
}
@@ -6829,19 +6716,19 @@ button.module-image__border-overlay:focus {
width: 24px;
@include light-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-60);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-60);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-05);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-05);
}
&:focus {
@include keyboard-mode {
- @include color-svg('../images/icons/v2/x-24.svg', $color-ultramarine);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-ultramarine);
}
@include dark-keyboard-mode {
@include color-svg(
- '../images/icons/v2/x-24.svg',
+ '../images/icons/v3/x/x.svg',
$color-ultramarine-light
);
}
@@ -6949,7 +6836,7 @@ button.module-image__border-overlay:focus {
.module-calling-device-selection__close-button {
@include button-reset;
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-15);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-15);
height: 24px;
position: absolute;
@@ -7159,11 +7046,11 @@ button.module-image__border-overlay:focus {
width: 24px;
@include light-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-75);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-75);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-15);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-15);
}
&:focus {
@@ -7475,6 +7362,8 @@ button.module-image__border-overlay:focus {
outline: none;
cursor: pointer;
white-space: nowrap;
+ display: flex;
+ align-items: center;
@include font-body-2;
@@ -7538,13 +7427,13 @@ button.module-image__border-overlay:focus {
@include light-theme {
&:dir(ltr) {
@include color-svg(
- '../images/icons/v2/chevron-right-16.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$color-gray-75
);
}
&:dir(rtl) {
@include color-svg(
- '../images/icons/v2/chevron-left-16.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-75
);
}
@@ -7553,13 +7442,13 @@ button.module-image__border-overlay:focus {
@include dark-theme {
&:dir(ltr) {
@include color-svg(
- '../images/icons/v2/chevron-right-16.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$color-gray-15
);
}
&:dir(rtl) {
@include color-svg(
- '../images/icons/v2/chevron-left-16.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-15
);
}
@@ -7627,23 +7516,23 @@ button.module-image__border-overlay:focus {
&--icon::before {
content: ' ';
display: inline-block;
- height: 14px;
+ height: 16px;
margin-inline-end: 8px;
- width: 14px;
+ width: 16px;
vertical-align: middle;
}
&__download::before {
@include light-theme {
@include color-svg(
- '../images/icons/v2/save-outline-24.svg',
+ '../images/icons/v3/save/save-compact.svg',
$color-black
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/save-solid-24.svg',
+ '../images/icons/v3/save/save-compact.svg',
$color-gray-15
);
}
@@ -7652,14 +7541,14 @@ button.module-image__border-overlay:focus {
&__reply::before {
@include light-theme {
@include color-svg(
- '../images/icons/v2/reply-outline-24.svg',
+ '../images/icons/v3/reply/reply-compact.svg',
$color-black
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/reply-solid-24.svg',
+ '../images/icons/v3/reply/reply-compact.svg',
$color-gray-15
);
}
@@ -7668,14 +7557,14 @@ button.module-image__border-overlay:focus {
&__react::before {
@include light-theme {
@include color-svg(
- '../images/icons/v2/add-emoji-outline-24.svg',
+ '../images/icons/v3/heart/heart-plus-compact.svg',
$color-black
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/add-emoji-outline-24.svg',
+ '../images/icons/v3/heart/heart-plus-compact.svg',
$color-gray-15
);
}
@@ -7684,14 +7573,14 @@ button.module-image__border-overlay:focus {
&__more-info::before {
@include light-theme {
@include color-svg(
- '../images/icons/v2/info-outline-24.svg',
+ '../images/icons/v3/info/info-compact.svg',
$color-black
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/info-outline-24.svg',
+ '../images/icons/v3/info/info-compact.svg',
$color-gray-15
);
}
@@ -7700,14 +7589,14 @@ button.module-image__border-overlay:focus {
&__select::before {
@include light-theme {
@include color-svg(
- '../images/icons/v2/check-circle-outline-24.svg',
+ '../images/icons/v3/check/check-circle-compact.svg',
$color-black
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/check-circle-outline-24.svg',
+ '../images/icons/v3/check/check-circle-compact.svg',
$color-gray-15
);
}
@@ -7715,26 +7604,25 @@ button.module-image__border-overlay:focus {
&__retry-send::before {
@include light-theme {
- @include color-svg('../images/icons/v2/send-24.svg', $color-black);
+ @include color-svg('../images/icons/v3/send/send.svg', $color-black);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/send-24.svg', $color-gray-15);
+ @include color-svg('../images/icons/v3/send/send.svg', $color-gray-15);
}
}
&__forward-message::before {
- transform: scaleX(-1);
@include light-theme {
@include color-svg(
- '../images/icons/v2/reply-outline-24.svg',
+ '../images/icons/v3/forward/forward-compact.svg',
$color-black
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/reply-solid-24.svg',
+ '../images/icons/v3/forward/forward-compact.svg',
$color-gray-15
);
}
@@ -7742,44 +7630,32 @@ button.module-image__border-overlay:focus {
&__edit-message::before {
@include light-theme {
- @include color-svg('../images/icons/v2/edit-16.svg', $color-black);
- }
-
- @include dark-theme {
@include color-svg(
- '../images/icons/v2/edit-solid-16.svg',
- $color-gray-15
- );
- }
- }
-
- &__delete-message::before {
- @include light-theme {
- @include color-svg(
- '../images/icons/v2/trash-outline-24.svg',
+ '../images/icons/v3/edit/edit-compact.svg',
$color-black
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/trash-solid-24.svg',
+ '../images/icons/v3/edit/edit-compact.svg',
$color-gray-15
);
}
}
+ &__delete-message::before,
&__delete-message-for-everyone::before {
@include light-theme {
@include color-svg(
- '../images/icons/v2/trash-outline-24.svg',
+ '../images/icons/v3/trash/trash-compact.svg',
$color-black
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/trash-solid-24.svg',
+ '../images/icons/v3/trash/trash-compact.svg',
$color-gray-15
);
}
@@ -7788,14 +7664,14 @@ button.module-image__border-overlay:focus {
&__copy-timestamp::before {
@include light-theme {
@include color-svg(
- '../images/icons/v2/copy-outline-24.svg',
+ '../images/icons/v3/copy/copy-compact.svg',
$color-black
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/copy-outline-24.svg',
+ '../images/icons/v3/copy/copy-compact.svg',
$color-gray-15
);
}
diff --git a/stylesheets/components/AudioCapture.scss b/stylesheets/components/AudioCapture.scss
index 9a40935e5f8b..923a8d8c0c4c 100644
--- a/stylesheets/components/AudioCapture.scss
+++ b/stylesheets/components/AudioCapture.scss
@@ -33,20 +33,14 @@
&:before {
content: '';
display: inline-block;
- height: 24px;
- width: 24px;
+ height: 20px;
+ width: 20px;
@include light-theme {
- @include color-svg(
- '../images/icons/v2/mic-outline-24.svg',
- $color-gray-75
- );
+ @include color-svg('../images/icons/v3/mic/mic.svg', $color-gray-75);
}
@include dark-theme {
- @include color-svg(
- '../images/icons/v2/mic-outline-24.svg',
- $color-gray-15
- );
+ @include color-svg('../images/icons/v3/mic/mic.svg', $color-gray-15);
}
}
}
@@ -82,7 +76,7 @@
.icon {
@include color-svg(
- '../images/icons/v2/check-24.svg',
+ '../images/icons/v3/check/check.svg',
$color-accent-green
);
}
@@ -93,7 +87,7 @@
border: 1px solid $color-accent-red;
.icon {
- @include color-svg('../images/icons/v2/x-24.svg', $color-accent-red);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-accent-red);
}
}
}
diff --git a/stylesheets/components/Avatar.scss b/stylesheets/components/Avatar.scss
index 203564442558..74b73326ace9 100644
--- a/stylesheets/components/Avatar.scss
+++ b/stylesheets/components/Avatar.scss
@@ -85,7 +85,7 @@
&__icon {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
- -webkit-mask-size: 62%;
+ -webkit-mask-size: 62.5%;
background-color: var(--fg);
@media (forced-colors: active) {
@@ -93,21 +93,19 @@
}
&--direct {
- -webkit-mask-image: url('../images/icons/v2/profile-outline-20.svg');
- -webkit-mask-size: 60%;
+ -webkit-mask-image: url('../images/icons/v3/person/person.svg');
}
&--group {
- -webkit-mask-image: url('../images/icons/v2/group-outline-24.svg');
+ -webkit-mask-image: url('../images/icons/v3/group/group.svg');
}
&--note-to-self {
- -webkit-mask-image: url('../images/icons/v2/note-24.svg');
+ -webkit-mask-image: url('../images/icons/v3/note/note.svg');
}
&--search-result {
- -webkit-mask-image: url('../images/icons/v2/search-24.svg');
- -webkit-mask-size: 50%;
+ -webkit-mask-image: url('../images/icons/v3/search/search.svg');
}
}
diff --git a/stylesheets/components/AvatarEditor.scss b/stylesheets/components/AvatarEditor.scss
index fb791ca0b830..aa03e9ce25d3 100644
--- a/stylesheets/components/AvatarEditor.scss
+++ b/stylesheets/components/AvatarEditor.scss
@@ -49,7 +49,7 @@
}
&--photo::before {
- @include button-icon('../images/icons/v2/photo-album-outline-24.svg');
+ @include button-icon('../images/icons/v3/album/album.svg');
}
&--text::before {
diff --git a/stylesheets/components/AvatarPreview.scss b/stylesheets/components/AvatarPreview.scss
index 6f5354a76b92..3cb6702ac573 100644
--- a/stylesheets/components/AvatarPreview.scss
+++ b/stylesheets/components/AvatarPreview.scss
@@ -42,8 +42,7 @@
}
&__group {
- -webkit-mask: url('../images/icons/v2/group-outline-24.svg') no-repeat
- center;
+ -webkit-mask: url('../images/icons/v3/group/group.svg') no-repeat center;
-webkit-mask-size: 70%;
height: 100%;
width: 100%;
@@ -63,10 +62,7 @@
width: 28px;
&::after {
- @include color-svg(
- '../images/icons/v2/camera-outline-24.svg',
- $color-black
- );
+ @include color-svg('../images/icons/v3/camera/camera.svg', $color-black);
content: '';
display: block;
height: 16px;
@@ -89,7 +85,7 @@
width: 24px;
&:after {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-75);
+ @include color-svg('../images/icons/v3/x/x-compact.svg', $color-gray-75);
content: '';
height: 14px;
width: 14px;
diff --git a/stylesheets/components/BadgeDialog.scss b/stylesheets/components/BadgeDialog.scss
index 8af6becdbd1b..442e4af0ea5a 100644
--- a/stylesheets/components/BadgeDialog.scss
+++ b/stylesheets/components/BadgeDialog.scss
@@ -63,13 +63,13 @@
&--previous::before {
@include light-theme {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$light-color
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$dark-color
);
}
@@ -78,13 +78,13 @@
&--next::before {
@include light-theme {
@include color-svg(
- '../images/icons/v2/chevron-right-24.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$light-color
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/chevron-right-24.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$dark-color
);
}
diff --git a/stylesheets/components/BetterAvatarBubble.scss b/stylesheets/components/BetterAvatarBubble.scss
index 555fbbfcc12f..18d65d018681 100644
--- a/stylesheets/components/BetterAvatarBubble.scss
+++ b/stylesheets/components/BetterAvatarBubble.scss
@@ -51,10 +51,7 @@
display: block;
height: 24px;
width: 24px;
- @include color-svg(
- '../images/icons/v2/compose-outline-24.svg',
- $color-white
- );
+ @include color-svg('../images/icons/v3/edit/edit.svg', $color-white);
}
}
@@ -73,7 +70,7 @@
width: 20px;
&:after {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-75);
+ @include color-svg('../images/icons/v3/x/x-compact.svg', $color-gray-75);
content: '';
height: 10px;
width: 10px;
diff --git a/stylesheets/components/Button.scss b/stylesheets/components/Button.scss
index ef4e33a3422f..fa69145043eb 100644
--- a/stylesheets/components/Button.scss
+++ b/stylesheets/components/Button.scss
@@ -255,53 +255,23 @@
}
&--audio::before {
- @include light-theme {
- @include button-icon('../images/icons/v2/phone-outline-24.svg');
- }
-
- @include dark-theme {
- @include button-icon('../images/icons/v2/phone-solid-24.svg');
- }
+ @include button-icon('../images/icons/v3/phone/phone-compact.svg');
}
&--muted::before {
- @include light-theme {
- @include button-icon('../images/icons/v2/bell-disabled-outline-24.svg');
- }
- @include dark-theme {
- @include button-icon('../images/icons/v2/bell-disabled-solid-24.svg');
- }
- }
-
- &--photo::before {
- @include button-icon('../images/icons/v2/photo-album-outline-24.svg');
+ @include button-icon('../images/icons/v3/bell/bell-slash-compact.svg');
}
&--search::before {
- @include button-icon('../images/icons/v2/search-16.svg');
- }
-
- &--text::before {
- @include button-icon('../images/icons/v2/text-24.svg');
+ @include button-icon('../images/icons/v3/search/search-compact.svg');
}
&--unmuted::before {
- @include light-theme {
- @include button-icon('../images/icons/v2/bell-outline-24.svg');
- }
- @include dark-theme {
- @include button-icon('../images/icons/v2/bell-solid-24.svg');
- }
+ @include button-icon('../images/icons/v3/bell/bell-compact.svg');
}
&--video::before {
- @include light-theme {
- @include button-icon('../images/icons/v2/video-outline-24.svg');
- }
-
- @include dark-theme {
- @include button-icon('../images/icons/v2/video-solid-24.svg');
- }
+ @include button-icon('../images/icons/v3/video/video-compact.svg');
}
}
}
diff --git a/stylesheets/components/CallingAudioIndicator.scss b/stylesheets/components/CallingAudioIndicator.scss
index 650095499767..04259e8e0d17 100644
--- a/stylesheets/components/CallingAudioIndicator.scss
+++ b/stylesheets/components/CallingAudioIndicator.scss
@@ -28,7 +28,7 @@
&--muted {
@include color-svg(
- '../images/icons/v2/mic-off-solid-28.svg',
+ '../images/icons/v3/mic/mic-slash-fill-compact-light.svg',
$color-white
);
}
diff --git a/stylesheets/components/CallingButton.scss b/stylesheets/components/CallingButton.scss
index 25a962b10f49..db94d1301037 100644
--- a/stylesheets/components/CallingButton.scss
+++ b/stylesheets/components/CallingButton.scss
@@ -3,9 +3,9 @@
.CallingButton {
@mixin icon($path) {
- @include color-svg($path, $color-white, $mask-origin: padding-box);
- height: 24px;
- width: 24px;
+ @include color-svg($path, $color-white);
+ height: 20px;
+ width: 20px;
}
&__icon {
@@ -46,9 +46,11 @@
// If the on/off states seem backwards, it's because this button reflects "is audio
// muted?", not "is audio on?".
&--audio {
- $icon: '../images/icons/v2/mic-off-solid-28.svg';
+ $icon: '../images/icons/v3/mic/mic-slash-fill-light.svg';
&--on {
- @include calling-button-icon-off($icon);
+ @include calling-button-icon-off(
+ '../images/icons/v3/mic/mic-fill-light.svg'
+ );
}
&--off {
@include calling-button-icon-on($icon);
@@ -59,9 +61,11 @@
}
&--video {
- $icon: '../images/icons/v2/video-solid-28.svg';
+ $icon: '../images/icons/v3/video/video-slash-fill-light.svg';
&--on {
- @include calling-button-icon-on($icon);
+ @include calling-button-icon-on(
+ '../images/icons/v3/video/video-fill-light.svg'
+ );
}
&--off {
@include calling-button-icon-off($icon);
@@ -73,14 +77,14 @@
&--hangup {
@include calling-button-icon(
- '../images/icons/v2/phone-down-28.svg',
+ '../images/icons/v3/phone/phone-down-fill-light.svg',
$color-accent-red,
$color-white
);
}
&--ring {
- $icon: '../images/icons/v2/ring-28.svg';
+ $icon: '../images/icons/v3/bell/bell-ring-fill-light.svg';
&--on {
@include calling-button-icon-on($icon);
}
@@ -93,7 +97,7 @@
}
&--presenting {
- $icon: '../images/icons/v2/share-screen-26.svg';
+ $icon: '../images/icons/v3/share_screen/share_screen-fill-light.svg';
&--on {
@include calling-button-icon-on($icon);
}
@@ -107,7 +111,7 @@
}
&__participants {
- @include icon('../images/icons/v2/group-solid-24.svg');
+ @include icon('../images/icons/v3/group/group.svg');
display: inline-block;
&--container {
@@ -121,9 +125,6 @@
border-radius: 16px;
padding-block: 6px;
padding-inline: 8px;
- padding-bottom: 2px;
- margin-top: -6px;
- margin-inline-end: -8px;
}
&--count {
@@ -134,23 +135,23 @@
}
&__settings {
- @include icon('../images/icons/v2/settings-solid-16.svg');
+ @include icon('../images/icons/v3/tune/tune.svg');
}
&__grid-view {
- @include icon('../images/icons/v2/grid-view-solid-24.svg');
+ @include icon('../images/icons/v3/grid/grid.svg');
}
&__speaker-view {
- @include icon('../images/icons/v2/speaker-view-solid-24.svg');
+ @include icon('../images/icons/v3/speaker_view/speaker_view.svg');
}
&__pip {
- @include icon('../images/icons/v2/pip-minimize-24.svg');
+ @include icon('../images/icons/v3/pip/pip.svg');
}
&__cancel {
- @include icon('../images/icons/v2/x-24.svg');
+ @include icon('../images/icons/v3/x/x.svg');
}
&__container {
diff --git a/stylesheets/components/CallingLobby.scss b/stylesheets/components/CallingLobby.scss
index eae8917d4e37..5077d6b1fbf6 100644
--- a/stylesheets/components/CallingLobby.scss
+++ b/stylesheets/components/CallingLobby.scss
@@ -42,7 +42,7 @@
content: '';
display: block;
@include color-svg(
- '../images/icons/v2/video-off-solid-24.svg',
+ '../images/icons/v3/video/video-slash-fill-light.svg',
$color-white
);
height: 24px;
diff --git a/stylesheets/components/CallingScreenSharingController.scss b/stylesheets/components/CallingScreenSharingController.scss
index 59ced54f2724..8a1ffffb9def 100644
--- a/stylesheets/components/CallingScreenSharingController.scss
+++ b/stylesheets/components/CallingScreenSharingController.scss
@@ -32,7 +32,7 @@
&__close {
@include button-reset;
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-25);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-25);
cursor: pointer;
margin-inline-start: 12px;
height: 20px;
diff --git a/stylesheets/components/ChatColorPicker.scss b/stylesheets/components/ChatColorPicker.scss
index 589b5b342261..3c090ab823bb 100644
--- a/stylesheets/components/ChatColorPicker.scss
+++ b/stylesheets/components/ChatColorPicker.scss
@@ -59,10 +59,7 @@
display: block;
height: 24px;
width: 24px;
- @include color-svg(
- '../images/icons/v2/more-horiz-24.svg',
- $color-gray-05
- );
+ @include color-svg('../images/icons/v3/more/more.svg', $color-gray-05);
}
}
@@ -72,7 +69,7 @@
}
&__add-icon {
- @include color-svg('../images/icons/v2/plus-24.svg', $color-gray-90);
+ @include color-svg('../images/icons/v3/plus/plus.svg', $color-gray-90);
display: block;
height: 24px;
width: 24px;
diff --git a/stylesheets/components/CircleCheckbox.scss b/stylesheets/components/CircleCheckbox.scss
index 49043162b7dc..7e0ab395efe5 100644
--- a/stylesheets/components/CircleCheckbox.scss
+++ b/stylesheets/components/CircleCheckbox.scss
@@ -86,13 +86,14 @@
}
&::after {
- border: solid $color-white;
- border-width: 0 2px 2px 0;
- height: 11px;
- inset-inline-start: 7px;
+ @include color-svg(
+ '../images/icons/v3/check/check-compact-bold.svg',
+ $color-white
+ );
+ width: 14px;
+ height: 14px;
top: 3px;
- transform: rotate(45deg);
- width: 6px;
+ inset-inline-start: 3px;
}
}
}
diff --git a/stylesheets/components/CompositionArea.scss b/stylesheets/components/CompositionArea.scss
index eaa772588fff..533cb0159751 100644
--- a/stylesheets/components/CompositionArea.scss
+++ b/stylesheets/components/CompositionArea.scss
@@ -35,7 +35,7 @@
&__button-cell {
margin-block: 0;
- margin-inline: 6px;
+ margin-inline: 4px;
display: flex;
justify-content: center;
align-items: center;
@@ -69,14 +69,14 @@
&--discard {
&::before {
- @include color-svg('../images/icons/v3/x.svg', $color-white);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-white);
}
}
&--accept {
background-color: $color-ultramarine;
margin-inline-start: 16px;
&::before {
- @include color-svg('../images/icons/v3/check.svg', $color-white);
+ @include color-svg('../images/icons/v3/check/check.svg', $color-white);
}
}
}
@@ -92,10 +92,13 @@
&::after {
display: block;
content: '';
- width: 24px;
- height: 24px;
+ width: 20px;
+ height: 20px;
flex-shrink: 0;
- @include color-svg('../images/icons/v2/send-24.svg', $color-ultramarine);
+ @include color-svg(
+ '../images/icons/v3/send/send-fill.svg',
+ $color-ultramarine
+ );
}
}
&__input {
@@ -146,7 +149,7 @@
@include light-theme() {
@include color-svg(
- '../images/icons/v2/expand-up-20.svg',
+ '../images/icons/v3/chevron/chevron-shallow-up.svg',
$color-gray-45,
false
);
@@ -154,7 +157,7 @@
@include dark-theme() {
@include color-svg(
- '../images/icons/v2/expand-up-20.svg',
+ '../images/icons/v3/chevron/chevron-shallow-up.svg',
$color-gray-45,
false
);
@@ -163,7 +166,7 @@
&--large-active {
@include light-theme() {
@include color-svg(
- '../images/icons/v2/collapse-down-20.svg',
+ '../images/icons/v3/chevron/chevron-shallow-down.svg',
$color-gray-45,
false
);
@@ -171,7 +174,7 @@
@include dark-theme() {
@include color-svg(
- '../images/icons/v2/collapse-down-20.svg',
+ '../images/icons/v3/chevron/chevron-shallow-down.svg',
$color-gray-45,
false
);
@@ -251,14 +254,20 @@
&:before {
content: '';
display: inline-block;
- width: 24px;
- height: 24px;
+ width: 20px;
+ height: 20px;
@include light-theme {
- @include color-svg('../images/icons/v2/plus-24.svg', $color-gray-75);
+ @include color-svg(
+ '../images/icons/v3/attach/attach.svg',
+ $color-gray-75
+ );
}
@include dark-theme {
- @include color-svg('../images/icons/v2/plus-24.svg', $color-gray-15);
+ @include color-svg(
+ '../images/icons/v3/attach/attach.svg',
+ $color-gray-15
+ );
}
}
}
diff --git a/stylesheets/components/CompositionInput.scss b/stylesheets/components/CompositionInput.scss
index db2f98967292..a6bc1da51149 100644
--- a/stylesheets/components/CompositionInput.scss
+++ b/stylesheets/components/CompositionInput.scss
@@ -168,32 +168,44 @@
&--bold {
@include dark-theme {
- @include color-svg('../images/icons/v3/bold.svg', $color-gray-25);
+ @include color-svg(
+ '../images/icons/v3/text_format/textformat-bold-bold.svg',
+ $color-gray-25
+ );
}
@include light-theme {
- @include color-svg('../images/icons/v3/bold.svg', $color-gray-60);
+ @include color-svg(
+ '../images/icons/v3/text_format/textformat-bold-bold.svg',
+ $color-gray-60
+ );
}
}
&--italic {
@include dark-theme {
- @include color-svg('../images/icons/v3/italic.svg', $color-gray-25);
+ @include color-svg(
+ '../images/icons/v3/text_format/textformat-italic.svg',
+ $color-gray-25
+ );
}
@include light-theme {
- @include color-svg('../images/icons/v3/italic.svg', $color-gray-60);
+ @include color-svg(
+ '../images/icons/v3/text_format/textformat-italic.svg',
+ $color-gray-60
+ );
}
}
&--strikethrough {
@include dark-theme {
@include color-svg(
- '../images/icons/v3/strikethrough.svg',
+ '../images/icons/v3/text_format/textformat-strikethrough.svg',
$color-gray-25
);
}
@include light-theme {
@include color-svg(
- '../images/icons/v3/strikethrough.svg',
+ '../images/icons/v3/text_format/textformat-strikethrough.svg',
$color-gray-60
);
}
@@ -202,13 +214,13 @@
&--monospace {
@include dark-theme {
@include color-svg(
- '../images/icons/v3/monospace.svg',
+ '../images/icons/v3/text_format/textformat-monospace.svg',
$color-gray-25
);
}
@include light-theme {
@include color-svg(
- '../images/icons/v3/monospace.svg',
+ '../images/icons/v3/text_format/textformat-monospace.svg',
$color-gray-60
);
}
@@ -217,13 +229,13 @@
&--spoiler {
@include dark-theme {
@include color-svg(
- '../images/icons/v3/spoiler.svg',
+ '../images/icons/v3/text_format/textformat-spoiler.svg',
$color-gray-25
);
}
@include light-theme {
@include color-svg(
- '../images/icons/v3/spoiler.svg',
+ '../images/icons/v3/text_format/textformat-spoiler.svg',
$color-gray-60
);
}
@@ -349,10 +361,10 @@
width: 16px;
vertical-align: middle;
- @include color-svg('../images/icons/v3/edit.svg', $color-black);
+ @include color-svg('../images/icons/v3/edit/edit.svg', $color-black);
@include dark-theme {
- @include color-svg('../images/icons/v3/edit.svg', $color-gray-15);
+ @include color-svg('../images/icons/v3/edit/edit.svg', $color-gray-15);
}
}
@@ -412,7 +424,7 @@ button.CompositionInput__link-preview__close-button {
width: 20px;
&::before {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-75);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-75);
content: '';
height: 16px;
width: 16px;
diff --git a/stylesheets/components/CompositionRecording.scss b/stylesheets/components/CompositionRecording.scss
index eead8a819d34..078337fa705f 100644
--- a/stylesheets/components/CompositionRecording.scss
+++ b/stylesheets/components/CompositionRecording.scss
@@ -31,7 +31,7 @@
height: 20px;
width: 20px;
@include color-svg(
- '../images/icons/v2/mic-solid-24.svg',
+ '../images/icons/v3/mic/mic-fill.svg',
$color-accent-red
);
animation: pulse 2s infinite;
diff --git a/stylesheets/components/ContactListItem.scss b/stylesheets/components/ContactListItem.scss
index f566f5e55ff7..87e1ae85005f 100644
--- a/stylesheets/components/ContactListItem.scss
+++ b/stylesheets/components/ContactListItem.scss
@@ -6,13 +6,13 @@
&__chat-icon {
@include dark-theme {
@include color-svg(
- '../images/icons/v3/chat--compact.svg',
+ '../images/icons/v3/chat/chat-compact.svg',
$color-white
);
}
@include light-theme {
@include color-svg(
- '../images/icons/v3/chat--compact.svg',
+ '../images/icons/v3/chat/chat-compact.svg',
$color-black
);
}
@@ -21,13 +21,13 @@
&__phone-icon {
@include dark-theme {
@include color-svg(
- '../images/icons/v3/phone--compact.svg',
+ '../images/icons/v3/phone/phone-compact.svg',
$color-white
);
}
@include light-theme {
@include color-svg(
- '../images/icons/v3/phone--compact.svg',
+ '../images/icons/v3/phone/phone-compact.svg',
$color-black
);
}
@@ -36,13 +36,13 @@
&__video-icon {
@include dark-theme {
@include color-svg(
- '../images/icons/v3/video--compact.svg',
+ '../images/icons/v3/video/video-compact.svg',
$color-white
);
}
@include light-theme {
@include color-svg(
- '../images/icons/v3/video--compact.svg',
+ '../images/icons/v3/video/video-compact.svg',
$color-black
);
}
@@ -51,13 +51,13 @@
&__delete-icon {
@include dark-theme {
@include color-svg(
- '../images/icons/v3/minus--circle--compact.svg',
+ '../images/icons/v3/minus/minus-circle-compact.svg',
$color-white
);
}
@include light-theme {
@include color-svg(
- '../images/icons/v3/minus--circle--compact.svg',
+ '../images/icons/v3/minus/minus-circle-compact.svg',
$color-black
);
}
@@ -66,13 +66,13 @@
&__block-icon {
@include dark-theme {
@include color-svg(
- '../images/icons/v3/block--compact.svg',
+ '../images/icons/v3/block/block-compact.svg',
$color-white
);
}
@include light-theme {
@include color-svg(
- '../images/icons/v3/block--compact.svg',
+ '../images/icons/v3/block/block-compact.svg',
$color-black
);
}
@@ -112,16 +112,10 @@
content: '';
@include dark-theme {
- @include color-svg(
- '../images/icons/v2/more-horiz-24.svg',
- $color-white
- );
+ @include color-svg('../images/icons/v3/more/more.svg', $color-white);
}
@include light-theme {
- @include color-svg(
- '../images/icons/v2/more-horiz-24.svg',
- $color-black
- );
+ @include color-svg('../images/icons/v3/more/more.svg', $color-black);
}
}
}
diff --git a/stylesheets/components/ContactModal.scss b/stylesheets/components/ContactModal.scss
index 58924ff8f35b..6f6198cd9e7f 100644
--- a/stylesheets/components/ContactModal.scss
+++ b/stylesheets/components/ContactModal.scss
@@ -69,98 +69,101 @@
}
&__send-message__bubble-icon {
- height: 16px;
- width: 18px;
+ height: 20px;
+ width: 20px;
@include light-theme {
- @include color-svg(
- '../images/icons/v2/message-outline-24.svg',
- $color-gray-75
- );
+ @include color-svg('../images/icons/v3/chat/chat.svg', $color-gray-75);
}
@include dark-theme {
- @include color-svg(
- '../images/icons/v2/message-outline-24.svg',
- $color-gray-15
- );
+ @include color-svg('../images/icons/v3/chat/chat.svg', $color-gray-15);
}
}
&__safety-number__bubble-icon {
- height: 18px;
- width: 17px;
+ height: 20px;
+ width: 20px;
@include light-theme {
@include color-svg(
- '../images/icons/v2/safety-number-outline-24.svg',
+ '../images/icons/v3/safety_number/safety_number.svg',
$color-gray-75
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/safety-number-outline-24.svg',
+ '../images/icons/v3/safety_number/safety_number.svg',
$color-gray-15
);
}
}
- &__make-admin__bubble-icon,
+ &__make-admin__bubble-icon {
+ height: 20px;
+ width: 20px;
+
+ @include light-theme {
+ @include color-svg('../images/icons/v3/key/key.svg', $color-gray-75);
+ }
+
+ @include dark-theme {
+ @include color-svg('../images/icons/v3/key/key.svg', $color-gray-15);
+ }
+ }
+
&__add-to-another-group__bubble-icon {
- height: 16px;
- width: 18px;
+ height: 20px;
+ width: 20px;
@include light-theme {
@include color-svg(
- '../images/icons/v2/group-outline-24.svg',
+ '../images/icons/v3/plus/plus-circle.svg',
$color-gray-75
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/group-outline-24.svg',
+ '../images/icons/v3/plus/plus-circle.svg',
$color-gray-15
);
}
}
&__remove-from-group__bubble-icon {
- height: 16px;
- width: 16px;
+ height: 20px;
+ width: 20px;
@include light-theme {
- @include color-svg(
- '../images/icons/v2/leave-group-outline-16.svg',
- $color-gray-75
- );
+ @include color-svg('../images/icons/v3/leave/leave.svg', $color-gray-75);
}
@include dark-theme {
- @include color-svg(
- '../images/icons/v2/leave-group-outline-16.svg',
- $color-gray-15
- );
+ @include color-svg('../images/icons/v3/leave/leave.svg', $color-gray-15);
}
}
&__official-badge {
- background: url('../images/icons/v2/official-20.svg') no-repeat center;
+ @include color-svg(
+ '../images/icons/v3/official/official-compact.svg',
+ $color-ultramarine
+ );
display: inline-block;
- height: 18px;
+ height: 14px;
margin-inline-start: 4px;
- margin-bottom: -3px;
- width: 18px;
+ width: 14px;
}
&__official-badge__large {
- background: url('../images/icons/v2/official-20.svg') no-repeat center;
+ @include color-svg(
+ '../images/icons/v3/official/official.svg',
+ $color-ultramarine
+ );
display: inline-block;
- height: 18px;
+ height: 24px;
margin-inline-start: 9px;
- margin-bottom: -2px;
- width: 18px;
- scale: 1.3;
+ width: 24px;
}
}
diff --git a/stylesheets/components/ContactPill.scss b/stylesheets/components/ContactPill.scss
index a4f2aa9f273e..3b43d6b466bc 100644
--- a/stylesheets/components/ContactPill.scss
+++ b/stylesheets/components/ContactPill.scss
@@ -2,11 +2,13 @@
// SPDX-License-Identifier: AGPL-3.0-only
.module-ContactPill {
- @include rounded-corners;
align-items: center;
display: inline-flex;
user-select: none;
overflow: hidden;
+ padding-block: 4px;
+ padding-inline: 8px;
+ border-radius: 6px;
@include light-theme {
color: $color-gray-90;
@@ -27,21 +29,21 @@
}
&__remove {
- $icon: '../images/icons/v2/x-24.svg';
+ $icon: '../images/icons/v3/x/x-compact-light.svg';
@include button-reset;
height: 100%;
display: flex;
- width: 28px;
+ width: 16px;
+ height: 16px;
justify-content: center;
align-items: center;
- padding-block: 0;
- padding-inline: 4px 6px;
+ padding: 0;
&::before {
content: '';
- width: 12px;
- height: 12px;
+ width: 100%;
+ height: 100%;
display: block;
@include light-theme {
diff --git a/stylesheets/components/ContactPills.scss b/stylesheets/components/ContactPills.scss
index 4f9899c46353..82668cdb8f57 100644
--- a/stylesheets/components/ContactPills.scss
+++ b/stylesheets/components/ContactPills.scss
@@ -11,7 +11,7 @@
overflow-x: hidden;
overflow-y: scroll;
padding-block: 4px;
- padding-inline: 24px;
+ padding-inline: 16px;
gap: 8px 12px;
.module-ContactPill {
diff --git a/stylesheets/components/ContextMenu.scss b/stylesheets/components/ContextMenu.scss
index 4989ed9ecea0..d88882d36eee 100644
--- a/stylesheets/components/ContextMenu.scss
+++ b/stylesheets/components/ContextMenu.scss
@@ -46,6 +46,7 @@
&--container {
display: flex;
+ align-items: center;
}
&--icon {
@@ -61,10 +62,10 @@
width: 16px;
@include light-theme {
- @include color-svg('../images/icons/v2/check-24.svg', $color-black);
+ @include color-svg('../images/icons/v3/check/check.svg', $color-black);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/check-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/check/check.svg', $color-white);
}
}
diff --git a/stylesheets/components/ConversationDetails.scss b/stylesheets/components/ConversationDetails.scss
index 215bf72a3e4f..1e4ce489f8bd 100644
--- a/stylesheets/components/ConversationDetails.scss
+++ b/stylesheets/components/ConversationDetails.scss
@@ -44,7 +44,7 @@
}
&__root--editable &__title {
- $icon: '../images/icons/v2/compose-solid-24.svg';
+ $icon: '../images/icons/v3/edit/edit.svg';
&::after {
$size: 24px;
@@ -81,11 +81,11 @@
&__add-members-icon,
&__add-to-group-icon {
@mixin plus-icon($color) {
- @include color-svg('../images/icons/v2/plus-24.svg', $color);
+ @include color-svg('../images/icons/v3/plus/plus-compact.svg', $color);
content: '';
display: block;
- height: 16px;
- width: 16px;
+ height: 18px;
+ width: 18px;
}
align-items: center;
@@ -110,20 +110,6 @@
}
}
- &__leave-group {
- color: $color-accent-red;
-
- &--disabled {
- @include light-theme {
- color: $color-gray-60;
- }
-
- @include dark-theme {
- color: $color-gray-25;
- }
- }
- }
-
&__block-group {
color: $color-accent-red;
}
@@ -193,185 +179,93 @@
&::after {
display: block;
content: '';
- width: 24px;
- height: 24px;
- -webkit-mask-size: 100%;
+ width: 20px;
+ height: 20px;
+ }
+
+ @mixin details-icon(
+ $url,
+ $light-color: $color-gray-75,
+ $dark-color: $color-gray-15
+ ) {
+ @include light-theme {
+ @include color-svg($url, $light-color);
+ }
+
+ @include dark-theme {
+ @include color-svg($url, $dark-color);
+ }
}
&--color {
&::after {
- -webkit-mask: url(../images/icons/v2/color-outline-24.svg) no-repeat
- center;
-
- @include light-theme {
- background-color: $color-gray-75;
- }
-
- @include dark-theme {
- background-color: $color-gray-15;
- }
+ @include details-icon('../images/icons/v3/timer/timer.svg');
}
}
&--timer {
&::after {
- -webkit-mask: url(../images/icons/v2/timer-disabled-outline-24.svg)
- no-repeat center;
-
- @include light-theme {
- background-color: $color-gray-75;
- }
-
- @include dark-theme {
- background-color: $color-gray-15;
- }
+ @include details-icon('../images/icons/v3/timer/timer-slash.svg');
}
}
&--notifications {
&::after {
- -webkit-mask: url('../images/icons/v2/sound-outline-24.svg') no-repeat
- center;
-
- @include light-theme {
- background-color: $color-gray-75;
- }
-
- @include dark-theme {
- background-color: $color-gray-15;
- }
+ @include details-icon('../images/icons/v3/bell/bell.svg');
}
}
&--mute {
&::after {
- @include light-theme {
- -webkit-mask: url('../images/icons/v2/bell-disabled-outline-24.svg')
- no-repeat center;
- background-color: $color-gray-75;
- }
-
- @include dark-theme {
- -webkit-mask: url('../images/icons/v2/bell-disabled-solid-24.svg')
- no-repeat center;
- background-color: $color-gray-15;
- }
+ @include details-icon('../images/icons/v3/bell/bell-slash.svg');
}
}
&--mention {
&::after {
- -webkit-mask: url('../images/icons/v2/at-24.svg') no-repeat center;
-
- @include light-theme {
- background-color: $color-gray-75;
- }
-
- @include dark-theme {
- background-color: $color-gray-15;
- }
+ @include details-icon('../images/icons/v3/at/at.svg');
}
}
&--lock {
&::after {
- -webkit-mask: url(../images/icons/v2/lock-outline-24.svg) no-repeat
- center;
-
- @include light-theme {
- background-color: $color-gray-75;
- }
-
- @include dark-theme {
- background-color: $color-gray-15;
- }
+ @include details-icon('../images/icons/v3/key/key.svg');
}
}
&--approve {
&::after {
- -webkit-mask: url(../images/icons/v2/check-24.svg) no-repeat center;
-
- @include light-theme {
- background-color: $color-gray-75;
- }
-
- @include dark-theme {
- background-color: $color-gray-15;
- }
+ @include details-icon('../images/icons/v3/check/check.svg');
}
}
&--link {
&::after {
- -webkit-mask: url(../images/icons/v2/link-16.svg) no-repeat center;
-
- @include light-theme {
- background-color: $color-gray-75;
- }
-
- @include dark-theme {
- background-color: $color-gray-15;
- }
+ @include details-icon('../images/icons/v3/link/link.svg');
}
}
&--share {
&::after {
- -webkit-mask: url(../images/icons/v2/share-ios-24.svg) no-repeat
- center;
-
- @include light-theme {
- background-color: $color-gray-75;
- }
-
- @include dark-theme {
- background-color: $color-gray-15;
- }
+ @include details-icon('../images/icons/v3/copy/copy.svg');
}
}
&--reset {
&::after {
- -webkit-mask: url(../images/icons/v2/refresh-24.svg) no-repeat center;
-
- @include light-theme {
- background-color: $color-gray-75;
- }
-
- @include dark-theme {
- background-color: $color-gray-15;
- }
+ @include details-icon('../images/icons/v3/refresh/refresh.svg');
}
}
&--trash {
&::after {
- -webkit-mask: url(../images/icons/v2/trash-outline-24.svg) no-repeat
- center;
-
- @include light-theme {
- background-color: $color-gray-75;
- }
-
- @include dark-theme {
- background-color: $color-gray-15;
- }
+ @include details-icon('../images/icons/v3/trash/trash.svg');
}
}
&--invites {
&::after {
- -webkit-mask: url(../images/icons/v2/pending-invite-24.svg) no-repeat
- center;
-
- @include light-theme {
- background-color: $color-gray-75;
- }
-
- @include dark-theme {
- background-color: $color-gray-15;
- }
+ @include details-icon('../images/icons/v3/group/group.svg');
}
}
@@ -386,61 +280,44 @@
}
&::after {
- -webkit-mask: url(../images/icons/v2/chevron-down-16.svg) no-repeat
- center;
-
- @include light-theme {
- background-color: $color-gray-60;
- }
-
- @include dark-theme {
- background-color: $color-gray-25;
- }
+ width: 18px;
+ height: 18px;
+ @include details-icon(
+ '../images/icons/v3/chevron/chevron-down-compact.svg'
+ );
}
}
&--leave {
&::after {
- -webkit-mask: url(../images/icons/v2/leave-24.svg) no-repeat center;
- background-color: $color-accent-red;
- }
-
- &--disabled::after {
- @include light-theme {
- background-color: $color-gray-60;
- }
-
- @include dark-theme {
- background-color: $color-gray-25;
- }
+ @include details-icon('../images/icons/v3/leave/leave.svg');
}
}
&--block {
&::after {
- -webkit-mask: url(../images/icons/v2/block-24.svg) no-repeat center;
- background-color: $color-accent-red;
+ @include details-icon(
+ '../images/icons/v3/block/block.svg',
+ $color-accent-red,
+ $color-accent-red
+ );
}
}
&--unblock {
&::after {
- -webkit-mask: url(../images/icons/v2/block-24.svg) no-repeat center;
- background-color: $color-accent-blue;
+ @include details-icon(
+ '../images/icons/v3/block/block.svg',
+ $color-accent-blue,
+ $color-accent-blue
+ );
}
}
&--verify {
&::after {
- -webkit-mask: url(../images/icons/v2/safety-number-outline-24.svg)
- no-repeat center;
-
- @include light-theme {
- background-color: $color-gray-75;
- }
-
- @include dark-theme {
- background-color: $color-gray-15;
- }
+ @include details-icon(
+ '../images/icons/v3/safety_number/safety_number.svg'
+ );
}
}
}
diff --git a/stylesheets/components/ConversationHeader.scss b/stylesheets/components/ConversationHeader.scss
index 08d58be12407..502262fb515d 100644
--- a/stylesheets/components/ConversationHeader.scss
+++ b/stylesheets/components/ConversationHeader.scss
@@ -12,8 +12,8 @@
&::before {
content: '';
- width: 13px;
- height: 13px;
+ width: 14px;
+ height: 14px;
display: block;
margin-inline-end: $margin-right;
@@ -26,10 +26,10 @@
}
}
- --button-spacing: 24px;
+ --button-spacing: 12px;
&.module-ConversationHeader--narrow {
- --button-spacing: 16px;
+ --button-spacing: 4px;
}
-webkit-app-region: var(--draggable-app-region);
@@ -52,10 +52,10 @@
$transition: 250ms ease-out;
display: inline-block;
- width: 24px;
- height: 24px;
- min-width: 24px;
- margin-inline-start: -24px;
+ width: 20px;
+ height: 20px;
+ min-width: 20px;
+ margin-inline-start: -20px;
vertical-align: text-bottom;
border: none;
opacity: 0;
@@ -67,18 +67,18 @@
&--show {
opacity: 1;
- margin-inline: 12px 6px;
+ margin-inline: 24px 6px;
}
@include light-theme {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-90
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-02
);
}
@@ -145,6 +145,8 @@
&__title {
@include font-body-1-bold;
+ display: flex;
+ align-items: center;
white-space: nowrap;
overflow: hidden;
@@ -168,12 +170,12 @@
}
&__expiration {
- @include icon-element('../images/icons/v2/timer-outline-24.svg');
+ @include icon-element('../images/icons/v3/timer/timer-compact.svg');
margin-inline-end: 12px;
}
&__verified {
- @include icon-element('../images/icons/v2/check-24.svg');
+ @include icon-element('../images/icons/v3/check/check-compact.svg');
}
}
}
@@ -267,19 +269,20 @@
}
&--video {
- @include normal-button('../images/icons/v2/video-outline-24.svg', 24px);
+ @include normal-button('../images/icons/v3/video/video.svg', 20px);
}
&--audio {
- @include normal-button('../images/icons/v2/phone-outline-24.svg', 24px);
+ @include normal-button('../images/icons/v3/phone/phone.svg', 20px);
}
&--search {
- @include normal-button('../images/icons/v2/search-24.svg', 24px);
+ @include normal-button('../images/icons/v3/search/search.svg', 20px);
}
&--more {
- @include normal-button('../images/icons/v2/chevron-down-20.svg', 20px);
+ @include normal-button('../images/icons/v3/more/more.svg', 20px);
+ margin-inline-end: 16px;
}
&--join-call {
@@ -301,10 +304,10 @@
width: auto;
&:before {
- $icon-size: 24px;
+ $icon-size: 16px;
@include color-svg(
- '../images/icons/v2/video-solid-24.svg',
+ '../images/icons/v3/video/video-compact-fill.svg',
$color-white
);
content: '';
@@ -328,7 +331,7 @@
&--active {
padding-inline-start: 0px;
- @include icon-element('../images/icons/v2/check-24.svg', 12px);
+ @include icon-element('../images/icons/v3/check/check-compact.svg', 12px);
}
}
}
diff --git a/stylesheets/components/ConversationHero.scss b/stylesheets/components/ConversationHero.scss
index e5a892fd9d4a..afe0002097e0 100644
--- a/stylesheets/components/ConversationHero.scss
+++ b/stylesheets/components/ConversationHero.scss
@@ -11,6 +11,10 @@
}
&__profile-name {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
@include font-title-2;
margin-bottom: 2px;
@@ -85,13 +89,13 @@
@include light-theme {
@include color-svg(
- '../images/icons/v2/info-outline-24.svg',
+ '../images/icons/v3/info/info.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/info-solid-24.svg',
+ '../images/icons/v3/info/info.svg',
$color-gray-25
);
}
@@ -115,16 +119,10 @@
width: 16px;
@include light-theme {
- @include color-svg(
- '../images/icons/v2/info-outline-24.svg',
- $color-gray-60
- );
+ @include color-svg('../images/icons/v3/info/info.svg', $color-gray-60);
}
@include dark-theme {
- @include color-svg(
- '../images/icons/v2/info-solid-24.svg',
- $color-gray-25
- );
+ @include color-svg('../images/icons/v3/info/info.svg', $color-gray-25);
}
}
}
diff --git a/stylesheets/components/EditUsernameModalBody.scss b/stylesheets/components/EditUsernameModalBody.scss
index e9b2e27e53f7..08c8e0c421a7 100644
--- a/stylesheets/components/EditUsernameModalBody.scss
+++ b/stylesheets/components/EditUsernameModalBody.scss
@@ -31,18 +31,15 @@
display: block;
width: 36px;
height: 36px;
- -webkit-mask-size: 100%;
content: '';
@include light-theme {
- background-color: $color-gray-75;
+ @include color-svg('../images/icons/v3/at/at.svg', $color-gray-75);
}
@include dark-theme {
- background-color: $color-gray-15;
+ @include color-svg('../images/icons/v3/at/at.svg', $color-gray-15);
}
-
- -webkit-mask: url(../images/icons/v2/at-24.svg) no-repeat center;
}
}
diff --git a/stylesheets/components/ForwardMessageModal.scss b/stylesheets/components/ForwardMessageModal.scss
index f47ef9f902a4..a4b36bed9351 100644
--- a/stylesheets/components/ForwardMessageModal.scss
+++ b/stylesheets/components/ForwardMessageModal.scss
@@ -55,18 +55,17 @@
&--close {
@include button-reset;
position: absolute;
- top: 8px;
inset-inline-end: 16px;
- height: 22px;
- width: 22px;
+ height: 20px;
+ width: 20px;
@include light-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-75);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-75);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-15);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-15);
}
@include keyboard-mode {
@@ -86,7 +85,7 @@
@include light-theme {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-60
);
}
@@ -94,7 +93,7 @@
@include keyboard-mode {
&:focus {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-ultramarine
);
}
@@ -102,14 +101,14 @@
@include dark-theme {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-25
);
}
@include dark-keyboard-mode {
&:hover {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-ultramarine-light
);
}
@@ -152,23 +151,27 @@
content: '';
display: block;
flex-shrink: 0;
- height: 24px;
- width: 24px;
+ height: 20px;
+ width: 20px;
}
&--continue {
&::after {
+ height: 24px;
+ width: 24px;
@include color-svg(
- '../images/icons/v2/arrow-down-24.svg',
+ '../images/icons/v3/arrow/arrow-right.svg',
$color-white
);
- transform: rotate(270deg);
}
}
&--forward {
&::after {
- @include color-svg('../images/icons/v2/send-24.svg', $color-white);
+ @include color-svg(
+ '../images/icons/v3/send/send-fill.svg',
+ $color-white
+ );
}
}
}
diff --git a/stylesheets/components/GroupDialog.scss b/stylesheets/components/GroupDialog.scss
index 925a3a8f6bec..ac29bf9eab30 100644
--- a/stylesheets/components/GroupDialog.scss
+++ b/stylesheets/components/GroupDialog.scss
@@ -35,11 +35,11 @@
width: 24px;
@include light-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-75);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-75);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-15);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-15);
}
&:focus {
diff --git a/stylesheets/components/IncomingCallBar.scss b/stylesheets/components/IncomingCallBar.scss
index 546316cc5266..f27fffa697fd 100644
--- a/stylesheets/components/IncomingCallBar.scss
+++ b/stylesheets/components/IncomingCallBar.scss
@@ -96,7 +96,7 @@
div {
@include color-svg(
- '../images/icons/v2/video-off-solid-24.svg',
+ '../images/icons/v3/video/video-slash-fill.svg',
$color-white
);
height: 24px;
@@ -121,7 +121,7 @@
div {
@include color-svg(
- '../images/icons/v2/video-solid-24.svg',
+ '../images/icons/v3/video/video-fill.svg',
$color-white
);
height: 24px;
@@ -146,7 +146,7 @@
div {
@include color-svg(
- '../images/icons/v2/phone-right-solid-24.svg',
+ '../images/icons/v3/phone/phone-fill.svg',
$color-white
);
height: 24px;
@@ -171,7 +171,7 @@
div {
@include color-svg(
- '../images/icons/v2/phone-down-24.svg',
+ '../images/icons/v3/phone/phone-down-fill.svg',
$color-white
);
height: 24px;
diff --git a/stylesheets/components/Input.scss b/stylesheets/components/Input.scss
index 7981477e141f..0add4327c24d 100644
--- a/stylesheets/components/Input.scss
+++ b/stylesheets/components/Input.scss
@@ -111,10 +111,10 @@
width: 18px;
@include light-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-60);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-60);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-25);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-25);
}
}
diff --git a/stylesheets/components/InstallScreenQrCodeNotScannedStep.scss b/stylesheets/components/InstallScreenQrCodeNotScannedStep.scss
index d7991a6680ff..93f660961893 100644
--- a/stylesheets/components/InstallScreenQrCodeNotScannedStep.scss
+++ b/stylesheets/components/InstallScreenQrCodeNotScannedStep.scss
@@ -67,7 +67,7 @@
&::before {
@include color-svg(
- '../images/icons/v2/error-outline-24.svg',
+ '../images/icons/v3/error/error-circle.svg',
$color-accent-red
);
content: '';
@@ -105,7 +105,10 @@
vertical-align: middle;
&::before {
- @include color-svg('../images/icons/v2/plus-24.svg', $color-white);
+ @include color-svg(
+ '../images/icons/v3/plus/plus-compact.svg',
+ $color-white
+ );
content: '';
display: block;
height: 12px;
diff --git a/stylesheets/components/LeftPaneDialog.scss b/stylesheets/components/LeftPaneDialog.scss
index 7f55322c19fa..7f6822ca3209 100644
--- a/stylesheets/components/LeftPaneDialog.scss
+++ b/stylesheets/components/LeftPaneDialog.scss
@@ -93,20 +93,22 @@
}
&--relink {
- -webkit-mask: url('../images/icons/v2/link-broken-16.svg') no-repeat
+ -webkit-mask: url('../images/icons/v3/link/link-slash.svg') no-repeat
center;
}
&--network {
- -webkit-mask: url('../images/icons/v2/offline-22.svg') no-repeat center;
+ -webkit-mask: url('../images/icons/v3/wifi/wifi-error.svg') no-repeat
+ center;
}
&--update {
- -webkit-mask: url('../images/icons/v2/refresh-24.svg') no-repeat center;
+ -webkit-mask: url('../images/icons/v3/refresh/refresh.svg') no-repeat
+ center;
}
&--warning {
- -webkit-mask: url('../images/icons/v2/warning-outline-24.svg') no-repeat
+ -webkit-mask: url('../images/icons/v3/error/error-triangle.svg') no-repeat
center;
}
}
@@ -126,7 +128,7 @@
width: 20px;
&::before {
- -webkit-mask: url('../images/icons/v2/x-24.svg') no-repeat center;
+ -webkit-mask: url('../images/icons/v3/x/x.svg') no-repeat center;
background-color: $color-white;
content: '';
display: block;
diff --git a/stylesheets/components/LeftPaneSearchInput.scss b/stylesheets/components/LeftPaneSearchInput.scss
index 01323f9eb0df..aeb2d83bd395 100644
--- a/stylesheets/components/LeftPaneSearchInput.scss
+++ b/stylesheets/components/LeftPaneSearchInput.scss
@@ -32,10 +32,10 @@
width: 16px;
@include light-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-60);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-60);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-25);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-25);
}
@include light-theme {
diff --git a/stylesheets/components/Lightbox.scss b/stylesheets/components/Lightbox.scss
index a17072c8ab54..b944fee88257 100644
--- a/stylesheets/components/Lightbox.scss
+++ b/stylesheets/components/Lightbox.scss
@@ -306,7 +306,7 @@
&--forward {
&::before {
@include color-svg(
- '../images/icons/v2/forward-outline-24.svg',
+ '../images/icons/v3/forward/forward.svg',
$color-gray-15
);
}
@@ -314,16 +314,13 @@
&--save {
&::before {
- @include color-svg(
- '../images/icons/v2/download-outline-24.svg',
- $color-gray-15
- );
+ @include color-svg('../images/icons/v3/save/save.svg', $color-gray-15);
}
}
&--close {
&::before {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-15);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-15);
}
}
@@ -366,7 +363,7 @@
&::before {
@include color-svg(
- '../images/icons/v2/arrow-left-32.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-05
);
}
@@ -378,7 +375,7 @@
&::before {
@include color-svg(
- '../images/icons/v2/arrow-right-32.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$color-gray-05
);
}
diff --git a/stylesheets/components/MediaEditor.scss b/stylesheets/components/MediaEditor.scss
index 78dd719285cb..ea0102a333a7 100644
--- a/stylesheets/components/MediaEditor.scss
+++ b/stylesheets/components/MediaEditor.scss
@@ -50,18 +50,21 @@
height: 32px;
justify-content: center;
margin-block: 0;
- margin-inline: 15px;
+ margin-inline: 18px;
opacity: 1;
width: 32px;
&::after {
content: ' ';
- height: 24px;
- width: 24px;
+ height: 20px;
+ width: 20px;
}
&--crop::after {
- @include color-svg('../images/icons/v2/crop-24.svg', $color-white);
+ @include color-svg(
+ '../images/icons/v3/crop/crop-rotate.svg',
+ $color-white
+ );
}
&--pen::after {
@@ -70,16 +73,16 @@
&--redo {
&::after {
- @include color-svg('../images/icons/v2/redo-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/redo/redo.svg', $color-white);
}
&:disabled::after {
- @include color-svg('../images/icons/v2/redo-24.svg', $color-gray-45);
+ @include color-svg('../images/icons/v3/redo/redo.svg', $color-gray-45);
}
}
&--sticker.module-sticker-button__button::after {
@include color-svg(
- '../images/icons/v2/sticker-smiley-24.svg',
+ '../images/icons/v3/sticker/sticker-smiley.svg',
$color-white
);
}
@@ -90,10 +93,10 @@
&--undo {
&::after {
- @include color-svg('../images/icons/v2/undo-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/undo/undo.svg', $color-white);
}
&:disabled::after {
- @include color-svg('../images/icons/v2/undo-24.svg', $color-gray-45);
+ @include color-svg('../images/icons/v3/undo/undo.svg', $color-gray-45);
}
}
diff --git a/stylesheets/components/MediaQualitySelector.scss b/stylesheets/components/MediaQualitySelector.scss
index 9c133f32bef1..4596746bc24b 100644
--- a/stylesheets/components/MediaQualitySelector.scss
+++ b/stylesheets/components/MediaQualitySelector.scss
@@ -35,14 +35,20 @@
content: '';
display: block;
flex-shrink: 0;
- height: 24px;
- width: 24px;
+ height: 20px;
+ width: 20px;
@include light-theme {
- @include color-svg('../images/icons/v2/sq-24.svg', $color-gray-75);
+ @include color-svg(
+ '../images/icons/v3/quality/quality-standard.svg',
+ $color-gray-75
+ );
}
@include dark-theme {
- @include color-svg('../images/icons/v2/sq-24.svg', $color-gray-15);
+ @include color-svg(
+ '../images/icons/v3/quality/quality-standard.svg',
+ $color-gray-15
+ );
}
}
@@ -50,13 +56,13 @@
&::after {
@include light-theme {
@include color-svg(
- '../images/icons/v2/hq-outline-24.svg',
+ '../images/icons/v3/quality/quality-high.svg',
$color-gray-75
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/hq-solid-24.svg',
+ '../images/icons/v3/quality/quality-high.svg',
$color-gray-15
);
}
@@ -95,7 +101,10 @@
}
&--selected {
- @include color-svg('../images/icons/v2/check-24.svg', $color-ultramarine);
+ @include color-svg(
+ '../images/icons/v3/check/check-compact.svg',
+ $color-ultramarine
+ );
}
&--title {
diff --git a/stylesheets/components/MessageDetail.scss b/stylesheets/components/MessageDetail.scss
index 4bb57c2f4bba..d2700f25faa7 100644
--- a/stylesheets/components/MessageDetail.scss
+++ b/stylesheets/components/MessageDetail.scss
@@ -84,13 +84,13 @@
width: 12px;
@include light-theme {
@include color-svg(
- '../images/icons/v2/error-outline-12.svg',
+ '../images/icons/v3/error/error-circle-compact.svg',
$color-accent-red
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/error-solid-12.svg',
+ '../images/icons/v3/error/error-circle-compact.svg',
$color-accent-red
);
}
diff --git a/stylesheets/components/MiniPlayer.scss b/stylesheets/components/MiniPlayer.scss
index 1f1ae6eb02ec..120d8568aad7 100644
--- a/stylesheets/components/MiniPlayer.scss
+++ b/stylesheets/components/MiniPlayer.scss
@@ -3,15 +3,15 @@
@mixin audio-icon($name, $icon, $color) {
&--#{$name}::before {
- @include color-svg('../images/icons/v2/#{$icon}.svg', $color, false);
+ @include color-svg('../images/icons/#{$icon}.svg', $color, false);
-webkit-mask-size: 100%;
}
}
@mixin all-audio-icons($color) {
- @include audio-icon(play, play-solid-20, $color);
- @include audio-icon(pause, pause-solid-20, $color);
- @include audio-icon(pending, audio-spinner-arc-22, $color);
+ @include audio-icon(play, v3/play/play-fill, $color);
+ @include audio-icon(pause, v3/pause/pause-fill, $color);
+ @include audio-icon(pending, v2/audio-spinner-arc-22, $color);
}
.MiniPlayer {
@@ -75,8 +75,8 @@
@include button-reset;
border-radius: 4px;
- height: 10px;
- width: 10px;
+ height: 16px;
+ width: 16px;
&::before {
content: '';
@@ -85,11 +85,11 @@
height: 100%;
@include light-theme {
- @include color-svg('../images/icons/v2/x-8.svg', $color-gray-75);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-75);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/x-8.svg', $color-gray-15);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-15);
}
}
diff --git a/stylesheets/components/Modal.scss b/stylesheets/components/Modal.scss
index de72583ff070..3d8d54c97564 100644
--- a/stylesheets/components/Modal.scss
+++ b/stylesheets/components/Modal.scss
@@ -42,8 +42,8 @@
&__back-button {
@include button-reset;
border-radius: 4px;
- height: 24px;
- width: 24px;
+ height: 20px;
+ width: 20px;
&::before {
content: '';
@@ -53,14 +53,14 @@
@include light-theme {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-75
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-15
);
}
@@ -85,8 +85,8 @@
@include button-reset;
border-radius: 4px;
- height: 24px;
- width: 24px;
+ height: 20px;
+ width: 20px;
&::before {
content: '';
@@ -95,11 +95,11 @@
height: 100%;
@include light-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-75);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-75);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-15);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-15);
}
}
diff --git a/stylesheets/components/MyStories.scss b/stylesheets/components/MyStories.scss
index 9321ac036e5e..33231ef71ea3 100644
--- a/stylesheets/components/MyStories.scss
+++ b/stylesheets/components/MyStories.scss
@@ -50,7 +50,7 @@
margin-inline-end: 12px;
width: 12px;
@include color-svg(
- '../images/icons/v2/error-outline-24.svg',
+ '../images/icons/v3/error/error-circle.svg',
$color-accent-red
);
}
@@ -80,7 +80,7 @@
&::after {
@include color-svg(
- '../images/icons/v2/save-outline-24.svg',
+ '../images/icons/v3/save/save-compact.svg',
$color-gray-15
);
content: '';
@@ -105,7 +105,7 @@
&::after {
@include color-svg(
- '../images/icons/v2/more-horiz-24.svg',
+ '../images/icons/v3/more/more-compact.svg',
$color-gray-15
);
content: '';
@@ -120,24 +120,16 @@
}
&__icon {
- &--save {
- @include color-svg(
- '../images/icons/v2/save-outline-24.svg',
- $color-white
- );
- }
-
&--forward {
@include color-svg(
- '../images/icons/v2/reply-outline-24.svg',
+ '../images/icons/v3/forward/forward-compact.svg',
$color-white
);
- transform: scaleX(-1);
}
&--delete {
@include color-svg(
- '../images/icons/v2/trash-outline-24.svg',
+ '../images/icons/v3/trash/trash-compact.svg',
$color-white
);
}
@@ -164,7 +156,10 @@
&::after {
content: '';
- @include color-svg('../images/icons/v2/plus-20.svg', $color-white);
+ @include color-svg(
+ '../images/icons/v3/plus/plus-compact-bold.svg',
+ $color-white
+ );
height: 10px;
width: 10px;
}
diff --git a/stylesheets/components/PlaybackButton.scss b/stylesheets/components/PlaybackButton.scss
index c407421b653d..a39aaae243a3 100644
--- a/stylesheets/components/PlaybackButton.scss
+++ b/stylesheets/components/PlaybackButton.scss
@@ -18,15 +18,15 @@
@mixin audio-icon($name, $icon, $color) {
&.PlaybackButton--#{$name}::before {
- @include color-svg('../images/icons/v2/#{$icon}.svg', $color, false);
+ @include color-svg('../images/icons/#{$icon}.svg', $color, false);
}
}
@mixin all-audio-icons($color) {
- @include audio-icon(play, play-solid-20, $color);
- @include audio-icon(pause, pause-solid-20, $color);
- @include audio-icon(download, arrow-down-20, $color);
- @include audio-icon(pending, audio-spinner-arc-22, $color);
+ @include audio-icon(play, v3/play/play-fill, $color);
+ @include audio-icon(pause, v3/pause/pause-fill, $color);
+ @include audio-icon(download, v3/arrow/arrow-down, $color);
+ @include audio-icon(pending, v2/audio-spinner-arc-22, $color);
}
&--variant-message {
diff --git a/stylesheets/components/PlaybackRateButton.scss b/stylesheets/components/PlaybackRateButton.scss
index d368074f1fba..5ff240b9b2d6 100644
--- a/stylesheets/components/PlaybackRateButton.scss
+++ b/stylesheets/components/PlaybackRateButton.scss
@@ -53,7 +53,7 @@
margin-inline-start: 2px;
@mixin x-icon($color) {
- @include color-svg('../images/icons/v2/x-8.svg', $color, false);
+ @include color-svg('../images/icons/v3/x/x-compact.svg', $color, false);
}
@include light-theme {
diff --git a/stylesheets/components/Preferences.scss b/stylesheets/components/Preferences.scss
index 84f08fa9146f..770bbbea2f56 100644
--- a/stylesheets/components/Preferences.scss
+++ b/stylesheets/components/Preferences.scss
@@ -1,13 +1,13 @@
// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
-@mixin preferences-icon($light_svg, $dark_svg) {
+@mixin preferences-icon($url) {
&::before {
@include light-theme {
- @include color-svg($light_svg, $color-gray-75);
+ @include color-svg($url, $color-gray-75);
}
@include dark-theme {
- @include color-svg($dark_svg, $color-gray-15);
+ @include color-svg($url, $color-gray-15);
}
}
}
@@ -76,48 +76,27 @@
}
&--general {
- @include preferences-icon(
- '../images/icons/v2/settings-outline-16.svg',
- '../images/icons/v2/settings-outline-16.svg'
- );
+ @include preferences-icon('../images/icons/v3/settings/settings.svg');
}
&--appearance {
- @include preferences-icon(
- '../images/icons/v2/appearance-outline-24.svg',
- '../images/icons/v2/appearance-solid-24.svg'
- );
+ @include preferences-icon('../images/icons/v3/appearance/appearance.svg');
}
&--chats {
- @include preferences-icon(
- '../images/icons/v2/message-outline-24.svg',
- '../images/icons/v2/message-solid-24.svg'
- );
+ @include preferences-icon('../images/icons/v3/chat/chat.svg');
}
&--calls {
- @include preferences-icon(
- '../images/icons/v2/video-outline-24.svg',
- '../images/icons/v2/video-solid-24.svg'
- );
+ @include preferences-icon('../images/icons/v3/phone/phone.svg');
}
&--notifications {
- @include preferences-icon(
- '../images/icons/v2/bell-outline-24.svg',
- '../images/icons/v2/bell-solid-24.svg'
- );
+ @include preferences-icon('../images/icons/v3/bell/bell.svg');
}
&--privacy {
- @include preferences-icon(
- '../images/icons/v2/lock-outline-24.svg',
- '../images/icons/v2/lock-solid-24.svg'
- );
- &::before {
- -webkit-mask-size: 75%;
- }
+ @include preferences-icon('../images/icons/v3/lock/lock.svg');
}
}
@@ -278,21 +257,21 @@
@include button-reset;
display: inline-block;
- height: 24px;
+ height: 20px;
margin-inline-start: 12px;
- min-width: 24px;
+ min-width: 20px;
vertical-align: text-bottom;
- width: 24px;
+ width: 20px;
@include light-theme {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-90
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-gray-02
);
}
diff --git a/stylesheets/components/ProfileEditor.scss b/stylesheets/components/ProfileEditor.scss
index e2b2603bb5b2..b9a52555e75c 100644
--- a/stylesheets/components/ProfileEditor.scss
+++ b/stylesheets/components/ProfileEditor.scss
@@ -30,21 +30,49 @@
&--name {
&::after {
- -webkit-mask: url(../images/icons/v2/profile-outline-20.svg) no-repeat
- center;
+ @include light-theme {
+ @include color-svg(
+ '../images/icons/v3/person/person.svg',
+ $color-gray-75
+ );
+ }
+
+ @include dark-theme {
+ @include color-svg(
+ '../images/icons/v3/person/person.svg',
+ $color-gray-15
+ );
+ }
}
}
&--username {
&::after {
- -webkit-mask: url(../images/icons/v2/at-24.svg) no-repeat center;
+ @include light-theme {
+ @include color-svg('../images/icons/v3/at/at.svg', $color-gray-75);
+ }
+
+ @include dark-theme {
+ @include color-svg('../images/icons/v3/at/at.svg', $color-gray-15);
+ }
}
}
&--bio {
&::after {
- -webkit-mask: url(../images/icons/v2/compose-outline-24.svg) no-repeat
- center;
+ @include light-theme {
+ @include color-svg(
+ '../images/icons/v3/compose/compose.svg',
+ $color-gray-75
+ );
+ }
+
+ @include dark-theme {
+ @include color-svg(
+ '../images/icons/v3/compose/compose.svg',
+ $color-gray-15
+ );
+ }
}
}
}
@@ -92,13 +120,13 @@
@include dark-theme {
@include color-svg(
- '../images/icons/v2/chevron-down-20.svg',
+ '../images/icons/v3/chevron/chevron-down.svg',
$color-white
);
}
@include light-theme {
@include color-svg(
- '../images/icons/v2/chevron-down-20.svg',
+ '../images/icons/v3/chevron/chevron-down.svg',
$color-black
);
}
@@ -106,40 +134,28 @@
&__copy-icon {
@include dark-theme {
- @include color-svg(
- '../images/icons/v2/copy-outline-24.svg',
- $color-white
- );
+ @include color-svg('../images/icons/v3/copy/copy.svg', $color-white);
}
@include light-theme {
- @include color-svg(
- '../images/icons/v2/copy-outline-24.svg',
- $color-black
- );
+ @include color-svg('../images/icons/v3/copy/copy.svg', $color-black);
}
}
&__copy-link-icon {
@include dark-theme {
- @include color-svg('../images/icons/v2/link-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/link/link.svg', $color-white);
}
@include light-theme {
- @include color-svg('../images/icons/v2/link-24.svg', $color-black);
+ @include color-svg('../images/icons/v3/link/link.svg', $color-black);
}
}
&__trash-icon {
@include dark-theme {
- @include color-svg(
- '../images/icons/v2/trash-outline-24.svg',
- $color-white
- );
+ @include color-svg('../images/icons/v3/trash/trash.svg', $color-white);
}
@include light-theme {
- @include color-svg(
- '../images/icons/v2/trash-outline-24.svg',
- $color-black
- );
+ @include color-svg('../images/icons/v3/trash/trash.svg', $color-black);
}
}
}
diff --git a/stylesheets/components/Quote.scss b/stylesheets/components/Quote.scss
index c563e31d95c2..eeebe2fa1b99 100644
--- a/stylesheets/components/Quote.scss
+++ b/stylesheets/components/Quote.scss
@@ -271,7 +271,7 @@
@include position-absolute-center;
- @include color-svg('../images/icons/v2/x-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-white);
}
.module-quote__icon-container {
@@ -324,20 +324,20 @@
}
.module-quote__icon-container__icon--file {
- @include color-svg('../images/file.svg', $color-ultramarine);
+ @include color-svg('../images/icons/v3/file/file.svg', $color-ultramarine);
}
.module-quote__icon-container__icon--image {
- @include color-svg('../images/image.svg', $color-ultramarine);
-}
-.module-quote__icon-container__icon--microphone {
@include color-svg(
- '../images/icons/v2/mic-outline-24.svg',
+ '../images/icons/v3/photo/photo-square.svg',
$color-ultramarine
);
}
+.module-quote__icon-container__icon--microphone {
+ @include color-svg('../images/icons/v3/mic/mic.svg', $color-ultramarine);
+}
.module-quote__icon-container__icon--play {
@include color-svg(
- '../images/icons/v2/play-solid-24.svg',
+ '../images/icons/v3/play/play-fill.svg',
$color-ultramarine
);
}
@@ -345,7 +345,10 @@
@include color-svg('../images/movie.svg', $color-ultramarine);
}
.module-quote__icon-container__icon--view-once {
- @include color-svg('../images/icons/v2/view-once-24.svg', $color-ultramarine);
+ @include color-svg(
+ '../images/icons/v3/view_once/view_once.svg',
+ $color-ultramarine
+ );
}
.module-quote__generic-file {
@@ -403,19 +406,31 @@
width: 16px;
@include light-theme {
- @include color-svg('../images/icons/v2/link-broken-16.svg', $color-gray-90);
+ @include color-svg(
+ '../images/icons/v3/link/link-slash.svg',
+ $color-gray-90
+ );
}
@include dark-theme {
- @include color-svg('../images/icons/v2/link-broken-16.svg', $color-gray-05);
+ @include color-svg(
+ '../images/icons/v3/link/link-slash.svg',
+ $color-gray-05
+ );
}
}
.module-quote__reference-warning__icon--incoming {
@include light-theme {
- @include color-svg('../images/icons/v2/link-broken-16.svg', $color-gray-90);
+ @include color-svg(
+ '../images/icons/v3/link/link-slash.svg',
+ $color-gray-90
+ );
}
@include dark-theme {
- @include color-svg('../images/icons/v2/link-broken-16.svg', $color-gray-05);
+ @include color-svg(
+ '../images/icons/v3/link/link-slash.svg',
+ $color-gray-05
+ );
}
}
diff --git a/stylesheets/components/ReactionPickerPicker.scss b/stylesheets/components/ReactionPickerPicker.scss
index baeb4deaa2a0..7c62c550b7ff 100644
--- a/stylesheets/components/ReactionPickerPicker.scss
+++ b/stylesheets/components/ReactionPickerPicker.scss
@@ -105,29 +105,24 @@
}
}
- &__dot {
- border-radius: 50%;
- height: 3px;
- margin-inline-end: 4px;
- width: 3px;
-
- &:last-child {
- margin-inline-end: 0;
- }
+ &::before {
+ width: 20px;
+ height: 20px;
+ display: block;
+ content: '';
@include light-theme {
- background: $color-gray-45;
+ @include color-svg(
+ '../images/icons/v3/more/more.svg',
+ $color-gray-45
+ );
}
@include dark-theme {
- background: $color-gray-15;
- }
-
- @media (forced-colors: active) {
- background-color: WindowText;
- @include dark-theme {
- background: WindowText;
- }
+ @include color-svg(
+ '../images/icons/v3/more/more.svg',
+ $color-gray-15
+ );
}
}
}
diff --git a/stylesheets/components/SafetyNumberChangeDialog.scss b/stylesheets/components/SafetyNumberChangeDialog.scss
index 689b40e2c062..30907981d0a6 100644
--- a/stylesheets/components/SafetyNumberChangeDialog.scss
+++ b/stylesheets/components/SafetyNumberChangeDialog.scss
@@ -22,13 +22,13 @@
width: 24px;
@include light-theme {
@include color-svg(
- '../images/icons/v2/safety-number-outline-24.svg',
+ '../images/icons/v3/safety_number/safety_number.svg',
$color-gray-90
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/safety-number-outline-24.svg',
+ '../images/icons/v3/safety_number/safety_number.svg',
$color-white
);
}
@@ -196,13 +196,13 @@
@include light-theme {
@include color-svg(
- '../images/icons/v2/chevron-down-16.svg',
+ '../images/icons/v3/chevron/chevron-down.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/chevron-down-16.svg',
+ '../images/icons/v3/chevron/chevron-down.svg',
$color-gray-25
);
}
@@ -213,28 +213,22 @@
&__menu-icon {
&--delete {
@include light-theme {
- @include color-svg(
- '../images/icons/v2/x-circle-16.svg',
- $color-gray-90
- );
+ @include color-svg('../images/icons/v3/x/x-circle.svg', $color-gray-90);
}
@include dark-theme {
- @include color-svg(
- '../images/icons/v2/x-circle-16.svg',
- $color-gray-05
- );
+ @include color-svg('../images/icons/v3/x/x-circle.svg', $color-gray-05);
}
}
&--verify {
@include light-theme {
@include color-svg(
- '../images/icons/v2/safety-number-outline-24.svg',
+ '../images/icons/v3/safety_number/safety_number.svg',
$color-gray-90
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/safety-number-outline-24.svg',
+ '../images/icons/v3/safety_number/safety_number.svg',
$color-gray-05
);
}
diff --git a/stylesheets/components/SafetyNumberViewer.scss b/stylesheets/components/SafetyNumberViewer.scss
index 2f8aa7a9eac2..fce916c87966 100644
--- a/stylesheets/components/SafetyNumberViewer.scss
+++ b/stylesheets/components/SafetyNumberViewer.scss
@@ -13,43 +13,39 @@
&__icon--verified {
display: inline-block;
- height: 1.25em;
+ height: 20px;
margin-inline-end: 4px;
vertical-align: text-bottom;
- width: 1.25em;
+ width: 20px;
@include light-theme {
- -webkit-mask: url('../images/icons/v2/check-24.svg') no-repeat center;
- -webkit-mask-size: 100%;
- background-color: #121212;
+ @include color-svg('../images/icons/v3/check/check.svg', $color-gray-95);
}
@include dark-theme {
- -webkit-mask: url('../images/icons/v2/check-24.svg') no-repeat center;
- -webkit-mask-size: 100%;
- background-color: #f6f6f6;
+ @include color-svg('../images/icons/v3/check/check.svg', $color-gray-02);
}
}
&__icon--shield {
display: inline-block;
- height: 1.25em;
+ height: 20px;
margin-inline-end: 4px;
vertical-align: text-bottom;
- width: 1.25em;
+ width: 20px;
@include light-theme {
- -webkit-mask: url('../images/icons/v2/safety-number-outline-24.svg')
- no-repeat center;
- -webkit-mask-size: 100%;
- background-color: #121212;
+ @include color-svg(
+ '../images/icons/v3/safety_number/safety_number.svg',
+ $color-gray-95
+ );
}
@include dark-theme {
- -webkit-mask: url('../images/icons/v2/safety-number-solid-24.svg')
- no-repeat center;
- -webkit-mask-size: 100%;
- background-color: #f6f6f6;
+ @include color-svg(
+ '../images/icons/v3/safety_number/safety_number.svg',
+ $color-gray-02
+ );
}
}
diff --git a/stylesheets/components/ScrollDownButton.scss b/stylesheets/components/ScrollDownButton.scss
index 1b8192a29562..2fa05df19b17 100644
--- a/stylesheets/components/ScrollDownButton.scss
+++ b/stylesheets/components/ScrollDownButton.scss
@@ -33,14 +33,14 @@
&__icon {
@include light-theme {
@include color-svg(
- '../images/icons/v2/chevron-down-20.svg',
+ '../images/icons/v3/chevron/chevron-down.svg',
$color-gray-75
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/chevron-down-20.svg',
+ '../images/icons/v3/chevron/chevron-down.svg',
$color-gray-15
);
}
diff --git a/stylesheets/components/SearchInput.scss b/stylesheets/components/SearchInput.scss
index 56f8d1b56fd9..a553a9a6f1c0 100644
--- a/stylesheets/components/SearchInput.scss
+++ b/stylesheets/components/SearchInput.scss
@@ -17,10 +17,16 @@
width: 16px;
@include light-theme {
- @include color-svg('../images/icons/v2/search-16.svg', $color-gray-45);
+ @include color-svg(
+ '../images/icons/v3/search/search-compact-light.svg',
+ $color-gray-45
+ );
}
@include dark-theme {
- @include color-svg('../images/icons/v2/search-16.svg', $color-gray-25);
+ @include color-svg(
+ '../images/icons/v3/search/search-compact-light.svg',
+ $color-gray-25
+ );
}
}
@@ -85,17 +91,17 @@
}
&__cancel {
- height: 18px;
+ height: 16px;
position: absolute;
inset-inline-end: 8px;
- top: 5px;
- width: 18px;
+ top: 6px;
+ width: 16px;
@include light-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-60);
+ @include color-svg('../images/icons/v3/x/x-compact.svg', $color-gray-60);
}
@include dark-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-25);
+ @include color-svg('../images/icons/v3/x/x-compact.svg', $color-gray-25);
}
}
}
diff --git a/stylesheets/components/Select.scss b/stylesheets/components/Select.scss
index 747e7ab6ebec..1f465aff7bf4 100644
--- a/stylesheets/components/Select.scss
+++ b/stylesheets/components/Select.scss
@@ -34,24 +34,26 @@
}
&::after {
- border: 2px solid $color-gray-60;
- border-radius: 2px;
- /* stylelint-disable-next-line liberty/use-logical-spec */
- border-right: 0;
- border-top: 0;
content: ' ';
display: block;
- height: 10px;
+ height: 16px;
pointer-events: none;
position: absolute;
- inset-inline-end: 15px;
- top: 14px;
- transform-origin: center;
- transform: rotate(-45deg);
- width: 10px;
+ inset-inline-end: 8px;
+ top: 11px;
+ width: 16px;
+ @include light-theme {
+ @include color-svg(
+ '../images/icons/v3/dropdown/dropdown-compact-light.svg',
+ $color-gray-60
+ );
+ }
@include dark-theme {
- border-color: $color-gray-15;
+ @include color-svg(
+ '../images/icons/v3/dropdown/dropdown-compact-light.svg',
+ $color-gray-15
+ );
}
}
}
diff --git a/stylesheets/components/SelectModeActions.scss b/stylesheets/components/SelectModeActions.scss
index a69f344494d2..6d2d9c0133c5 100644
--- a/stylesheets/components/SelectModeActions.scss
+++ b/stylesheets/components/SelectModeActions.scss
@@ -5,6 +5,7 @@
display: flex;
align-items: center;
width: 100%;
+ padding-inline: 4px;
}
.SelectModeActions__selectedMessages {
@@ -22,15 +23,15 @@
.SelectModeActions__button {
appearance: none;
- padding: 15px;
+ padding: 12px;
border: none;
background: transparent;
}
.SelectModeActions__icon {
display: block;
- width: 24px;
- height: 24px;
+ width: 20px;
+ height: 20px;
@include light-theme {
color: $color-gray-75;
}
@@ -49,14 +50,13 @@
}
.SelectModeActions__icon--exitSelectMode {
- @include color-svg('../images/icons/v2/x-24.svg', currentColor);
+ @include color-svg('../images/icons/v3/x/x.svg', currentColor);
}
.SelectModeActions__icon--forwardSelectedMessages {
- @include color-svg('../images/icons/v2/reply-outline-24.svg', currentColor);
- transform: scaleX(-1);
+ @include color-svg('../images/icons/v3/forward/forward.svg', currentColor);
}
.SelectModeActions__icon--deleteSelectedMessages {
- @include color-svg('../images/icons/v2/trash-outline-24.svg', currentColor);
+ @include color-svg('../images/icons/v3/trash/trash.svg', currentColor);
}
diff --git a/stylesheets/components/SendStoryModal.scss b/stylesheets/components/SendStoryModal.scss
index 70ff488318a0..c921e5f0306f 100644
--- a/stylesheets/components/SendStoryModal.scss
+++ b/stylesheets/components/SendStoryModal.scss
@@ -56,7 +56,7 @@
padding-block: 5px;
padding-inline: 10px;
&::before {
- @include color-svg('../images/icons/v2/plus-20.svg', $color-white);
+ @include color-svg('../images/icons/v3/plus/plus.svg', $color-white);
content: '';
height: 16px;
width: 16px;
@@ -85,42 +85,32 @@
&__icon {
&--delete {
- @include color-svg(
- '../images/icons/v2/trash-outline-24.svg',
- $color-white
- );
+ @include color-svg('../images/icons/v3/trash/trash.svg', $color-white);
height: 14px;
- margin-top: 2px;
width: 14px;
}
&--custom {
@include color-svg(
- '../images/icons/v2/stories-outline-24.svg',
+ '../images/icons/v3/stories/stories.svg',
$color-white
);
height: 16px;
- margin-top: 2px;
width: 16px;
}
&--group {
- @include color-svg(
- '../images/icons/v2/group-outline-24.svg',
- $color-white
- );
+ @include color-svg('../images/icons/v3/group/group.svg', $color-white);
height: 16px;
- margin-top: 2px;
width: 16px;
}
&--settings {
@include color-svg(
- '../images/icons/v2/settings-outline-16.svg',
+ '../images/icons/v3/settings/settings.svg',
$color-white
);
height: 14px;
- margin-top: 2px;
width: 14px;
}
}
@@ -248,7 +238,7 @@
}
&::after {
- @include color-svg('../images/icons/v2/check-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/check/check.svg', $color-white);
content: '';
height: 18px;
width: 18px;
@@ -270,7 +260,7 @@
}
&::after {
- @include color-svg('../images/icons/v2/send-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/send/send-fill.svg', $color-white);
content: '';
height: 18px;
width: 18px;
diff --git a/stylesheets/components/StagedLinkPreview.scss b/stylesheets/components/StagedLinkPreview.scss
index e8403944e91a..17f030cc04f6 100644
--- a/stylesheets/components/StagedLinkPreview.scss
+++ b/stylesheets/components/StagedLinkPreview.scss
@@ -21,7 +21,7 @@
width: 74px;
&::after {
- @include color-svg('../images/icons/v2/link-24.svg', $color-black);
+ @include color-svg('../images/icons/v3/link/link.svg', $color-black);
content: '';
height: 44px;
width: 44px;
@@ -127,21 +127,21 @@
width: 16px;
@include light-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-60);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-60);
}
@include keyboard-mode {
&:focus {
- @include color-svg('../images/icons/v2/x-24.svg', $color-ultramarine);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-ultramarine);
}
}
@include dark-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-25);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-25);
}
@include dark-keyboard-mode {
&:focus {
@include color-svg(
- '../images/icons/v2/x-24.svg',
+ '../images/icons/v3/x/x.svg',
$color-ultramarine-light
);
}
diff --git a/stylesheets/components/StickerManager.scss b/stylesheets/components/StickerManager.scss
index 82782023e431..38b409466e6e 100644
--- a/stylesheets/components/StickerManager.scss
+++ b/stylesheets/components/StickerManager.scss
@@ -75,14 +75,14 @@
@include light-theme {
@include color-svg(
- '../images/icons/v2/check-circle-solid-24.svg',
+ '../images/icons/v3/check/check-circle-fill.svg',
$color-accent-blue
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/check-circle-solid-24.svg',
+ '../images/icons/v3/check/check-circle-fill.svg',
$color-accent-blue
);
}
@@ -162,13 +162,13 @@
min-height: 24px;
@include light-theme {
@include color-svg(
- '../images/icons/v2/more-horiz-24.svg',
+ '../images/icons/v3/more/more.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/more-horiz-24.svg',
+ '../images/icons/v3/more/more.svg',
$color-gray-25
);
}
diff --git a/stylesheets/components/Stories.scss b/stylesheets/components/Stories.scss
index 5bb0d7a625d5..4b89c06ff025 100644
--- a/stylesheets/components/Stories.scss
+++ b/stylesheets/components/Stories.scss
@@ -22,12 +22,12 @@
padding-top: calc(14px + var(--title-bar-drag-area-height));
&__add-story__button {
- @include color-svg('../images/icons/v2/plus-24.svg', $color-white);
- height: 22px;
+ @include color-svg('../images/icons/v3/plus/plus.svg', $color-white);
+ height: 20px;
position: absolute;
- inset-inline-end: 63px;
+ inset-inline-end: 64px;
top: 0px;
- width: 22px;
+ width: 20px;
&:focus {
@include keyboard-mode {
@@ -38,18 +38,15 @@
&__settings__button {
@include dark-theme {
- @include color-svg(
- '../images/icons/v2/more-horiz-24.svg',
- $color-white
- );
+ @include color-svg('../images/icons/v3/more/more.svg', $color-white);
}
- height: 22px;
- margin-inline-start: 24px;
+ height: 20px;
+ margin-inline-start: 20px;
opacity: 1;
position: absolute;
- inset-inline-end: 16px;
+ inset-inline-end: 24px;
top: 0px;
- width: 22px;
+ width: 20px;
&:focus {
@include keyboard-mode {
@@ -86,19 +83,19 @@
&--back {
@include button-reset;
- height: 24px;
+ height: 20px;
position: absolute;
- width: 24px;
+ width: 20px;
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-white
);
@include keyboard-mode {
&:hover {
@include color-svg(
- '../images/icons/v2/chevron-left-24.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-ultramarine-light
);
}
@@ -146,7 +143,7 @@
width: 56px;
@include color-svg(
- '../images/icons/v2/stories-outline-56.svg',
+ '../images/icons/v3/stories/stories-display.svg',
$color-gray-45
);
}
@@ -166,7 +163,7 @@
&::after {
@include color-svg(
- '../images/icons/v2/chevron-right-24.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$color-gray-05
);
content: '';
@@ -175,9 +172,11 @@
}
&--expanded {
- &::after {
+ // Override color-svg
+ :dir(ltr) &::after,
+ :dir(rtl) &::after {
@include color-svg(
- '../images/icons/v2/chevron-down-24.svg',
+ '../images/icons/v3/chevron/chevron-down.svg',
$color-gray-05
);
}
diff --git a/stylesheets/components/StoriesSettingsModal.scss b/stylesheets/components/StoriesSettingsModal.scss
index 1328b02d694e..66b9c52e5335 100644
--- a/stylesheets/components/StoriesSettingsModal.scss
+++ b/stylesheets/components/StoriesSettingsModal.scss
@@ -59,20 +59,6 @@
background: $color-ultramarine;
border: 1.5px solid $color-ultramarine;
}
-
- &::after {
- border: solid $color-white;
- border-width: 0 2px 2px 0;
- content: '';
- display: block;
- height: 11px;
- /* stylelint-disable-next-line liberty/use-logical-spec */
- left: 7px;
- position: absolute;
- top: 3px;
- transform: rotate(45deg);
- width: 6px;
- }
}
}
}
@@ -121,11 +107,11 @@
}
&--new {
- @include avatar('../images/icons/v2/plus-20.svg');
+ @include avatar('../images/icons/v3/plus/plus.svg');
}
&--custom {
- @include avatar('../images/icons/v2/stories-outline-24.svg');
+ @include avatar('../images/icons/v3/stories/stories.svg');
&::after {
height: 20px;
@@ -140,10 +126,7 @@
&__delete {
@include button-reset;
- @include color-svg(
- '../images/icons/v2/trash-outline-24.svg',
- $color-gray-25
- );
+ @include color-svg('../images/icons/v3/trash/trash.svg', $color-gray-25);
height: 20px;
width: 20px;
visibility: hidden;
@@ -205,7 +188,7 @@
&::before {
@include color-svg(
- '../images/icons/v2/trash-outline-24.svg',
+ '../images/icons/v3/trash/trash.svg',
$color-accent-red
);
content: '';
@@ -303,7 +286,7 @@
&::before {
@include color-svg(
- '../images/icons/v2/disable-outline-20.svg',
+ '../images/icons/v3/minus/minus-circle.svg',
$color-accent-red
);
content: '';
diff --git a/stylesheets/components/StoryCreator.scss b/stylesheets/components/StoryCreator.scss
index e2ae01e45ace..71894bbdbe18 100644
--- a/stylesheets/components/StoryCreator.scss
+++ b/stylesheets/components/StoryCreator.scss
@@ -72,7 +72,7 @@
}
&--link::after {
- @include color-svg('../images/icons/v2/link-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/link/link.svg', $color-white);
}
&--text::after {
@@ -313,9 +313,9 @@
flex-direction: column;
&__icon {
- @include color-svg('../images/icons/v2/link-24.svg', $color-gray-45);
- height: 24px;
- width: 24px;
+ @include color-svg('../images/icons/v3/link/link.svg', $color-gray-45);
+ height: 20px;
+ width: 20px;
}
}
diff --git a/stylesheets/components/StoryDetailsModal.scss b/stylesheets/components/StoryDetailsModal.scss
index 180441f0ce61..988d43f00726 100644
--- a/stylesheets/components/StoryDetailsModal.scss
+++ b/stylesheets/components/StoryDetailsModal.scss
@@ -28,25 +28,19 @@
&__copy-icon {
@include dark-theme {
- @include color-svg(
- '../images/icons/v2/copy-outline-24.svg',
- $color-white
- );
+ @include color-svg('../images/icons/v3/copy/copy.svg', $color-white);
}
@include light-theme {
- @include color-svg(
- '../images/icons/v2/copy-outline-24.svg',
- $color-black
- );
+ @include color-svg('../images/icons/v3/copy/copy.svg', $color-black);
}
}
&__download-icon {
@include dark-theme {
- @include color-svg('../images/icons/v2/arrow-down-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/save/save.svg', $color-white);
}
@include light-theme {
- @include color-svg('../images/icons/v2/arrow-down-24.svg', $color-black);
+ @include color-svg('../images/icons/v3/save/save.svg', $color-black);
}
}
diff --git a/stylesheets/components/StoryLinkPreview.scss b/stylesheets/components/StoryLinkPreview.scss
index 4698fc82df50..6e370d67905b 100644
--- a/stylesheets/components/StoryLinkPreview.scss
+++ b/stylesheets/components/StoryLinkPreview.scss
@@ -57,7 +57,7 @@
margin-inline: 52px;
&::before {
- @include color-svg('../images/icons/v2/link-24.svg', $color-gray-90);
+ @include color-svg('../images/icons/v3/link/link.svg', $color-gray-90);
content: '';
display: block;
height: 48px;
diff --git a/stylesheets/components/StoryListItem.scss b/stylesheets/components/StoryListItem.scss
index 8c3dd2d3902a..5f608551ad81 100644
--- a/stylesheets/components/StoryListItem.scss
+++ b/stylesheets/components/StoryListItem.scss
@@ -83,7 +83,7 @@
width: 12px;
margin-inline-end: 8px;
@include color-svg(
- '../images/icons/v2/error-outline-12.svg',
+ '../images/icons/v3/error/error-circle.svg',
$color-accent-red
);
}
@@ -92,20 +92,20 @@
&--replies {
&--others {
@include color-svg(
- '../images/icons/v2/messages-solid-20.svg',
+ '../images/icons/v3/thread/thread-fill-compact.svg',
$color-gray-25
);
- height: 20px;
- width: 20px;
+ height: 16px;
+ width: 16px;
}
&--self {
@include color-svg(
- '../images/icons/v2/reply-solid-24.svg',
+ '../images/icons/v3/reply/reply-fill-compact.svg',
$color-gray-25
);
- height: 20px;
- width: 20px;
+ height: 16px;
+ width: 16px;
}
}
}
@@ -149,23 +149,29 @@
&__icon {
&--chat {
- @include color-svg('../images/icons/v2/open-24.svg', $color-white);
+ @include color-svg(
+ '../images/icons/v3/open/open-compact.svg',
+ $color-white
+ );
}
&--delete {
@include color-svg(
- '../images/icons/v2/trash-outline-24.svg',
+ '../images/icons/v3/trash/trash-compact.svg',
$color-white
);
}
&--hide {
- @include color-svg('../images/icons/v2/x-24.svg', $color-white);
+ @include color-svg(
+ '../images/icons/v3/x/x-circle-compact.svg',
+ $color-white
+ );
}
&--info {
@include color-svg(
- '../images/icons/v2/info-outline-24.svg',
+ '../images/icons/v3/info/info-compact.svg',
$color-white
);
}
@@ -174,10 +180,13 @@
&__chevron::after {
content: '';
display: inline-block;
- height: 20px;
- margin-inline-start: 6px;
+ height: 16px;
+ margin-inline-start: 2px;
vertical-align: middle;
- width: 12px;
- @include color-svg('../images/icons/v2/chevron-right-20.svg', $color-white);
+ width: 16px;
+ @include color-svg(
+ '../images/icons/v3/chevron/chevron-right-compact-bold.svg',
+ $color-white
+ );
}
}
diff --git a/stylesheets/components/StoryViewer.scss b/stylesheets/components/StoryViewer.scss
index 66ce9946e562..ed3b8eb7a284 100644
--- a/stylesheets/components/StoryViewer.scss
+++ b/stylesheets/components/StoryViewer.scss
@@ -31,8 +31,10 @@
@include button-reset;
@include modal-close-button;
@include light-theme {
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-15);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-15);
}
+ width: 20px;
+ height: 20px;
top: var(--title-bar-drag-area-height);
inset-inline-end: 28px;
z-index: $z-index-above-above-base;
@@ -70,7 +72,7 @@
&::before {
@include color-svg(
- '../images/icons/v2/stories-solid-16.svg',
+ '../images/icons/v3/stories/stories-fill-compact.svg',
$color-white-alpha-80
);
content: '';
@@ -156,7 +158,7 @@
margin-inline-end: 12px;
width: 18px;
@include color-svg(
- '../images/icons/v2/error-outline-24.svg',
+ '../images/icons/v3/error/error-circle.svg',
$color-accent-red
);
}
@@ -181,24 +183,26 @@
height: 20px;
margin-inline-end: 12px;
width: 20px;
- @include color-svg(
- '../images/icons/v2/reply-outline-24.svg',
- $color-white
- );
+ @include color-svg('../images/icons/v3/reply/reply.svg', $color-white);
}
}
- &__chevron::after {
- content: '';
- display: inline-block;
- height: 20px;
- margin-inline-start: 6px;
- vertical-align: middle;
- width: 12px;
- @include color-svg(
- '../images/icons/v2/chevron-right-20.svg',
- $color-white
- );
+ &__chevron {
+ display: flex;
+ align-items: center;
+
+ &::after {
+ content: '';
+ display: inline-block;
+ height: 16px;
+ margin-inline-start: 4px;
+ vertical-align: middle;
+ width: 16px;
+ @include color-svg(
+ '../images/icons/v3/chevron/chevron-right.svg',
+ $color-white
+ );
+ }
}
}
@@ -210,7 +214,7 @@
width: 24px;
&::after {
- @include color-svg('../images/icons/v2/more-horiz-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/more/more.svg', $color-white);
content: '';
height: 20px;
width: 20px;
@@ -229,7 +233,7 @@
margin-block: 0;
margin-inline: 24px;
width: 20px;
- @include color-svg('../images/icons/v2/sound-on.svg', $color-white);
+ @include color-svg('../images/icons/v3/speaker/speaker.svg', $color-white);
@include keyboard-mode {
&:focus {
background-color: $color-white-alpha-80;
@@ -241,7 +245,7 @@
@include button-reset;
height: 20px;
width: 20px;
- @include color-svg('../images/icons/v2/pause_solid_20.svg', $color-white);
+ @include color-svg('../images/icons/v3/pause/pause.svg', $color-white);
@include keyboard-mode {
&:focus {
background-color: $color-white-alpha-80;
@@ -253,7 +257,7 @@
@include button-reset;
height: 20px;
width: 20px;
- @include color-svg('../images/icons/v2/play_solid_20.svg', $color-white);
+ @include color-svg('../images/icons/v3/play/play-fill.svg', $color-white);
@include keyboard-mode {
&:focus {
background-color: $color-white-alpha-80;
@@ -267,7 +271,10 @@
margin-block: 0;
margin-inline: 24px;
width: 20px;
- @include color-svg('../images/icons/v2/sound-off.svg', $color-white);
+ @include color-svg(
+ '../images/icons/v3/speaker/speaker-slash.svg',
+ $color-white
+ );
@include keyboard-mode {
&:focus {
background-color: $color-white-alpha-80;
@@ -281,7 +288,10 @@
margin-block: 0;
margin-inline: 24px;
width: 20px;
- @include color-svg('../images/icons/v2/sound-none.svg', $color-white);
+ @include color-svg(
+ '../images/icons/v3/speaker/speaker-x.svg',
+ $color-white
+ );
@include keyboard-mode {
&:focus {
background-color: $color-white-alpha-80;
@@ -335,9 +345,9 @@
&::before {
content: '';
- height: 24px;
+ height: 28px;
opacity: 0;
- width: 24px;
+ width: 28px;
transition: opacity 200ms ease-in-out;
}
@@ -346,9 +356,9 @@
inset-inline-start: 0;
&::before {
- margin-inline-start: 24px;
+ margin-inline-start: 16px;
@include color-svg(
- '../images/icons/v2/arrow-left-32.svg',
+ '../images/icons/v3/chevron/chevron-left.svg',
$color-white
);
}
@@ -359,9 +369,9 @@
inset-inline-end: 0;
&::before {
- margin-inline-end: 24px;
+ margin-inline-end: 16px;
@include color-svg(
- '../images/icons/v2/arrow-right-32.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$color-white
);
}
diff --git a/stylesheets/components/StoryViewsNRepliesModal.scss b/stylesheets/components/StoryViewsNRepliesModal.scss
index eae857dcd761..99bdd2cb229c 100644
--- a/stylesheets/components/StoryViewsNRepliesModal.scss
+++ b/stylesheets/components/StoryViewsNRepliesModal.scss
@@ -74,10 +74,7 @@ $footer-height: 36px;
&::after {
@include dark-theme {
- @include color-svg(
- '../images/icons/v2/emoji-smiley-outline-24.svg',
- $color-white
- );
+ @include color-svg('../images/icons/v3/emoji/emoji.svg', $color-white);
}
}
}
@@ -236,7 +233,7 @@ $footer-height: 36px;
}
&__copy-icon {
- @include color-svg('../images/icons/v2/copy-outline-24.svg', $color-white);
+ @include color-svg('../images/icons/v3/copy/copy.svg', $color-white);
}
&__read-receipts-off {
diff --git a/stylesheets/components/SystemMessage.scss b/stylesheets/components/SystemMessage.scss
index 33246d5da9eb..d114bcf267c1 100644
--- a/stylesheets/components/SystemMessage.scss
+++ b/stylesheets/components/SystemMessage.scss
@@ -56,7 +56,7 @@
height: 16px;
margin-inline-end: 8px;
width: 16px;
- vertical-align: middle;
+ vertical-align: text-top;
@include light-theme {
background-color: $color-gray-60;
@@ -68,36 +68,36 @@
&--icon-audio-incoming::before {
@include system-message-icon(
- '../images/icons/v2/phone-incoming-16.svg',
- '../images/icons/v2/phone-incoming-solid-16.svg'
+ '../images/icons/v3/phone/phone-compact.svg',
+ '../images/icons/v3/phone/phone-compact.svg'
);
}
&--icon-audio-missed::before {
@include system-message-icon(
- '../images/icons/v2/phone-x-16.svg',
- '../images/icons/v2/phone-x-solid-16.svg'
+ '../images/icons/v3/phone/phone-compact.svg',
+ '../images/icons/v3/phone/phone-compact.svg'
);
}
&--icon-audio-outgoing::before {
@include system-message-icon(
- '../images/icons/v2/phone-outgoing-16.svg',
- '../images/icons/v2/phone-outgoing-solid-16.svg'
+ '../images/icons/v3/phone/phone-compact.svg',
+ '../images/icons/v3/phone/phone-compact.svg'
);
}
&--icon-group::before {
@include system-message-icon(
- '../images/icons/v2/group-outline-24.svg',
- '../images/icons/v2/group-solid-24.svg'
+ '../images/icons/v3/group/group-compact.svg',
+ '../images/icons/v3/group/group-compact.svg'
);
}
&--icon-group-access::before {
@include system-message-icon(
- '../images/icons/v2/megaphone-16.svg',
- '../images/icons/v2/megaphone-solid-16.svg'
+ '../images/icons/v3/megaphone/megaphone-compact.svg',
+ '../images/icons/v3/megaphone/megaphone-compact.svg'
);
}
@@ -117,8 +117,8 @@
&--icon-group-avatar::before {
@include system-message-icon(
- '../images/icons/v2/photo-16.svg',
- '../images/icons/v2/photo-solid-16.svg'
+ '../images/icons/v3/photo/photo-square-compact.svg',
+ '../images/icons/v3/photo/photo-square-compact.svg'
);
}
@@ -131,15 +131,15 @@
&--icon-group-edit::before {
@include system-message-icon(
- '../images/icons/v2/edit-16.svg',
- '../images/icons/v2/edit-solid-16.svg'
+ '../images/icons/v3/edit/edit-compact.svg',
+ '../images/icons/v3/edit/edit-compact.svg'
);
}
&--icon-group-leave::before {
@include system-message-icon(
- '../images/icons/v2/leave-16.svg',
- '../images/icons/v2/leave-solid-16.svg'
+ '../images/icons/v3/leave/leave-compact.svg',
+ '../images/icons/v3/leave/leave-compact.svg'
);
}
@@ -152,127 +152,127 @@
&--icon-group-summary::before {
@include system-message-icon(
- '../images/icons/v2/info-16.svg',
- '../images/icons/v2/info-16.svg'
+ '../images/icons/v3/info/info-compact.svg',
+ '../images/icons/v3/info/info-compact.svg'
);
}
&--icon-info::before {
@include system-message-icon(
- '../images/icons/v2/info-16.svg',
- '../images/icons/v2/info-solid-24.svg'
+ '../images/icons/v3/info/info-compact.svg',
+ '../images/icons/v3/info/info-compact.svg'
);
}
&--icon-phone::before {
@include system-message-icon(
- '../images/icons/v2/phone-right-outline-24.svg',
- '../images/icons/v2/phone-right-solid-24.svg'
+ '../images/icons/v3/phone/phone-compact.svg',
+ '../images/icons/v3/phone/phone-compact.svg'
);
}
&--icon-profile::before {
@include system-message-icon(
- '../images/icons/v2/profile-outline-20.svg',
- '../images/icons/v2/profile-outline-20.svg'
+ '../images/icons/v3/person/person-compact.svg',
+ '../images/icons/v3/person/person-compact.svg'
);
}
&--icon-safety-number::before {
@include system-message-icon(
- '../images/icons/v2/safety-number-outline-24.svg',
- '../images/icons/v2/safety-number-solid-24.svg'
+ '../images/icons/v3/safety_number/safety_number-compact.svg',
+ '../images/icons/v3/safety_number/safety_number-compact.svg'
);
}
&--icon-session-refresh::before {
@include system-message-icon(
- '../images/icons/v2/refresh-16.svg',
- '../images/icons/v2/refresh-16.svg'
+ '../images/icons/v3/refresh/refresh.svg',
+ '../images/icons/v3/refresh/refresh.svg'
);
}
&--icon-timer::before {
@include system-message-icon(
- '../images/icons/v2/timer-outline-24.svg',
- '../images/icons/v2/timer-solid-16.svg'
+ '../images/icons/v3/timer/timer-compact.svg',
+ '../images/icons/v3/timer/timer-compact.svg'
);
}
&--icon-timer-disabled::before {
@include system-message-icon(
- '../images/icons/v2/timer-disabled-outline-24.svg',
- '../images/icons/v2/timer-disabled-solid-16.svg'
+ '../images/icons/v3/timer/timer-slash-compact.svg',
+ '../images/icons/v3/timer/timer-slash-compact.svg'
);
}
&--icon-unsupported::before {
@include system-message-icon(
- '../images/icons/v2/error-outline-24.svg',
- '../images/icons/v2/error-solid-24.svg'
+ '../images/icons/v3/error/error-circle-compact.svg',
+ '../images/icons/v3/error/error-circle-compact.svg'
);
}
&--icon-unsupported--can-process::before {
@include system-message-icon(
- '../images/icons/v2/check-circle-outline-24.svg',
- '../images/icons/v2/check-circle-solid-24.svg'
+ '../images/icons/v3/check/check-circle-compact.svg',
+ '../images/icons/v3/check/check-circle-compact.svg'
);
}
&--icon-verified::before {
@include system-message-icon(
- '../images/icons/v2/check-24.svg',
- '../images/icons/v2/check-24.svg'
+ '../images/icons/v3/check/check-compact.svg',
+ '../images/icons/v3/check/check-compact.svg'
);
}
&--icon-verified-not::before {
@include system-message-icon(
- '../images/icons/v2/safety-number-outline-24.svg',
- '../images/icons/v2/safety-number-solid-24.svg'
+ '../images/icons/v3/safety_number/safety_number-compact.svg',
+ '../images/icons/v3/safety_number/safety_number-compact.svg'
);
}
&--icon-video::before {
@include system-message-icon(
- '../images/icons/v2/video-outline-24.svg',
- '../images/icons/v2/video-outline-24.svg'
+ '../images/icons/v3/video/video-compact.svg',
+ '../images/icons/v3/video/video-compact.svg'
);
}
&--icon-video-incoming::before {
@include system-message-icon(
- '../images/icons/v2/video-incoming-16.svg',
- '../images/icons/v2/video-incoming-solid-16.svg'
+ '../images/icons/v3/video/video-compact.svg',
+ '../images/icons/v3/video/video-compact.svg'
);
}
&--icon-video-missed::before {
@include system-message-icon(
- '../images/icons/v2/video-x-16.svg',
- '../images/icons/v2/video-x-solid-16.svg'
+ '../images/icons/v3/video/video-compact.svg',
+ '../images/icons/v3/video/video-compact.svg'
);
}
&--icon-video-outgoing::before {
@include system-message-icon(
- '../images/icons/v2/video-outgoing-16.svg',
- '../images/icons/v2/video-outgoing-solid-16.svg'
+ '../images/icons/v3/video/video-compact.svg',
+ '../images/icons/v3/video/video-compact.svg'
);
}
&--icon-warning::before {
@include system-message-icon(
- '../images/icons/v2/error-outline-12.svg',
- '../images/icons/v2/error-outline-12.svg'
+ '../images/icons/v3/error/error-circle-compact.svg',
+ '../images/icons/v3/error/error-circle-compact.svg'
);
}
&--icon-payment-event::before {
@include system-message-icon(
- '../images/icons/v2/credit-card-16.svg',
- '../images/icons/v2/credit-card-16.svg'
+ '../images/icons/v3/payment/payment.svg',
+ '../images/icons/v3/payment/payment.svg'
);
}
diff --git a/stylesheets/components/TextAttachment.scss b/stylesheets/components/TextAttachment.scss
index 7e877bdf40df..fc10e892eabe 100644
--- a/stylesheets/components/TextAttachment.scss
+++ b/stylesheets/components/TextAttachment.scss
@@ -115,7 +115,7 @@
@include button-reset;
height: 24px;
width: 24px;
- @include color-svg('../images/icons/v2/x-24.svg', $color-gray-15);
+ @include color-svg('../images/icons/v3/x/x.svg', $color-gray-15);
}
}
@@ -198,7 +198,7 @@
&__arrow {
@include color-svg(
- '../images/icons/v2/chevron-right-24.svg',
+ '../images/icons/v3/chevron/chevron-right.svg',
$color-white
);
height: 24px;
diff --git a/stylesheets/components/TimelineWarning.scss b/stylesheets/components/TimelineWarning.scss
index c16d8fd672e4..49f661c030fb 100644
--- a/stylesheets/components/TimelineWarning.scss
+++ b/stylesheets/components/TimelineWarning.scss
@@ -36,7 +36,7 @@
}
&__generic-icon {
- @include icon('../images/icons/v2/info-outline-24.svg');
+ @include icon('../images/icons/v3/info/info.svg');
width: 20px;
height: 20px;
}
@@ -65,7 +65,7 @@
@include button-reset;
&::after {
- @include icon('../images/icons/v2/x-24.svg');
+ @include icon('../images/icons/v3/x/x.svg');
content: '';
display: block;
height: 20px;
diff --git a/stylesheets/components/UsernameOnboardingModalBody.scss b/stylesheets/components/UsernameOnboardingModalBody.scss
index 7d29df78a73f..671e7bd75f0f 100644
--- a/stylesheets/components/UsernameOnboardingModalBody.scss
+++ b/stylesheets/components/UsernameOnboardingModalBody.scss
@@ -30,18 +30,15 @@
display: block;
width: 28px;
height: 28px;
- -webkit-mask-size: 100%;
content: '';
@include light-theme {
- background-color: $color-gray-75;
+ @include color-svg('../images/icons/v3/at/at.svg', $color-gray-75);
}
@include dark-theme {
- background-color: $color-gray-15;
+ @include color-svg('../images/icons/v3/at/at.svg', $color-gray-15);
}
-
- -webkit-mask: url(../images/icons/v2/at-24.svg) no-repeat center;
}
}
diff --git a/ts/components/Button.tsx b/ts/components/Button.tsx
index 6b3e094cb94d..ee0485ed881b 100644
--- a/ts/components/Button.tsx
+++ b/ts/components/Button.tsx
@@ -34,9 +34,7 @@ export enum ButtonVariant {
export enum ButtonIconType {
audio = 'audio',
muted = 'muted',
- photo = 'photo',
search = 'search',
- text = 'text',
unmuted = 'unmuted',
video = 'video',
}
diff --git a/ts/components/ContactPill.tsx b/ts/components/ContactPill.tsx
index 2c5a8cb9f099..bc7d7e515ec7 100644
--- a/ts/components/ContactPill.tsx
+++ b/ts/components/ContactPill.tsx
@@ -59,7 +59,7 @@ export function ContactPill({
profileName={profileName}
title={title}
sharedGroupNames={sharedGroupNames}
- size={AvatarSize.TWENTY_EIGHT}
+ size={AvatarSize.TWENTY}
unblurredAvatarPath={unblurredAvatarPath}
/>
-
-
-
-
+ />
);
}
diff --git a/ts/components/StoryViewer.tsx b/ts/components/StoryViewer.tsx
index ef01e8c37ec0..8cacec52ba9e 100644
--- a/ts/components/StoryViewer.tsx
+++ b/ts/components/StoryViewer.tsx
@@ -872,27 +872,29 @@ export function StoryViewer({
>
{isSent || replyCount > 0 ? (
- {isSent && !hasViewReceiptSetting && !replyCount && (
- <>{i18n('icu:StoryViewer__views-off')}
- )}
- {isSent && hasViewReceiptSetting && (
-
- )}
- {(isSent || viewCount > 0) && replyCount > 0 && ' '}
- {replyCount > 0 && (
-
- )}
+
+ {isSent && !hasViewReceiptSetting && !replyCount && (
+ <>{i18n('icu:StoryViewer__views-off')}
+ )}
+ {isSent && hasViewReceiptSetting && (
+
+ )}
+ {(isSent || viewCount > 0) && replyCount > 0 && ' '}
+ {replyCount > 0 && (
+
+ )}
+
) : null}
{!isSent && !replyCount && (
diff --git a/ts/components/conversation/TimelineItem.stories.tsx b/ts/components/conversation/TimelineItem.stories.tsx
index 09c51e44e2b5..d1a4c7df7055 100644
--- a/ts/components/conversation/TimelineItem.stories.tsx
+++ b/ts/components/conversation/TimelineItem.stories.tsx
@@ -147,6 +147,15 @@ export function Notification(): JSX.Element {
type: 'fromOther',
},
},
+ {
+ type: 'timerNotification',
+ data: {
+ phoneNumber: '(202) 555-0000',
+ disabled: true,
+ ...getDefaultConversation(),
+ type: 'fromOther',
+ },
+ },
{
type: 'universalTimerNotification',
data: null,
diff --git a/ts/components/conversation/TimerNotification.tsx b/ts/components/conversation/TimerNotification.tsx
index 5e53cbb2c183..e2c56188283d 100644
--- a/ts/components/conversation/TimerNotification.tsx
+++ b/ts/components/conversation/TimerNotification.tsx
@@ -42,7 +42,7 @@ export function TimerNotification(props: Props): JSX.Element {
const { disabled, i18n, title, type } = props;
let timespan: string;
- if (props.disabled) {
+ if (disabled) {
timespan = ''; // Set to the empty string to satisfy types
} else {
timespan = expirationTimer.format(i18n, props.expireTimer);
@@ -53,7 +53,7 @@ export function TimerNotification(props: Props): JSX.Element {
let message: ReactNode;
switch (type) {
case 'fromOther':
- message = props.disabled ? (
+ message = disabled ? (
{
if (this.reduxInterface) {
@@ -2287,7 +2287,7 @@ export class CallingClass {
}
notificationService.notify({
- icon: 'images/icons/v2/video-solid-24.svg',
+ icon: 'images/icons/v3/video/video-fill.svg',
message: notificationMessage,
onNotificationClick: () => {
this.reduxInterface?.startCallingLobby({
diff --git a/ts/state/smart/CallManager.tsx b/ts/state/smart/CallManager.tsx
index ecc615d7b29a..790d5ec4986e 100644
--- a/ts/state/smart/CallManager.tsx
+++ b/ts/state/smart/CallManager.tsx
@@ -81,8 +81,8 @@ async function notifyForCall(
notificationService.notify({
title: notificationTitle,
icon: isVideoCall
- ? 'images/icons/v2/video-solid-24.svg'
- : 'images/icons/v2/phone-hard-solid-24.svg',
+ ? 'images/icons/v3/video/video-fill.svg'
+ : 'images/icons/v3/phone/phone-fill.svg',
message: isVideoCall
? window.i18n('icu:incomingVideoCall')
: window.i18n('icu:incomingAudioCall'),