Deduplicate icons using Compound Design Tokens (#28219)

* Deduplicate icons using Compound Design Tokens Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2024-10-18 13:51:54 +00:00
parent e5a436a00a
commit 90e8c13c0f
49 changed files with 72 additions and 110 deletions
@@ -64,7 +64,7 @@ Please see LICENSE files in the repository root for full details.
            background-color: var(--cpd-color-bg-action-primary-rest);

            &::before {
-                mask-image: url("$(res)/img/feather-customised/check.svg");
+                mask-image: url("@vector-im/compound-design-tokens/icons/check.svg");
            }
        }

@@ -129,7 +129,8 @@ $button-gap: 24px;
 }

 .mx_ImageView_button_more::before {
-    mask-image: url("$(res)/img/image-view/more.svg");
+    mask-image: url("@vector-im/compound-design-tokens/icons/overflow-horizontal.svg");
+    mask-size: 28px;
 }

 .mx_ImageView_button_close {
@@ -43,7 +43,7 @@ Please see LICENSE files in the repository root for full details.

                height: 100%;
                width: 100%;
-                mask-image: url("$(res)/img/feather-customised/check.svg");
+                mask-image: url("@vector-im/compound-design-tokens/icons/check.svg");
                mask-position: center;
                mask-size: 100%;
                mask-repeat: no-repeat;
@@ -44,7 +44,7 @@ Please see LICENSE files in the repository root for full details.
        color: $accent;

        &::before {
-            mask-image: url("$(res)/img/feather-customised/check.svg");
+            mask-image: url("@vector-im/compound-design-tokens/icons/check.svg");
            background-color: $accent;
        }
    }