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 @@ -add-emoji-outline-24 \ 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 @@ -emoji-symbol-outline-20 \ 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 @@ -group-outline-24 \ 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 @@ -note-24 \ 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 @@ -open-24 \ 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 @@ -settings-16 \ 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 @@ -timer-24 \ 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 @@ -viewed-once-24 \ 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'),