From 71a32b66adf513ea36d7043ed59659c52bea92a8 Mon Sep 17 00:00:00 2001
From: Heleen <magned@gmail.com>
Date: Wed, 7 Aug 2024 18:01:48 +0200
Subject: [PATCH 1/2] Breaking change: Solves icon positioning within filter
 button

---
 .../(docs)/components/filter/+page.svelte     |  4 +++-
 manon/filter-variables.scss                   |  9 ---------
 manon/filter.scss                             | 19 ++-----------------
 3 files changed, 5 insertions(+), 27 deletions(-)

diff --git a/docs/src/routes/(docs)/components/filter/+page.svelte b/docs/src/routes/(docs)/components/filter/+page.svelte
index f6133ac6..f895d257 100644
--- a/docs/src/routes/(docs)/components/filter/+page.svelte
+++ b/docs/src/routes/(docs)/components/filter/+page.svelte
@@ -305,7 +305,9 @@
         <h2>Bijbehorende bestanden</h2>
         <p>
           Voor meer informatie over importeren en instellen van componenten. Zie:
-          <a href="{base}/documentation/import-styling">Componenten gebruiken en styling toevoegen</a>
+          <a href="{base}/documentation/import-styling"
+            >Componenten gebruiken en styling toevoegen</a
+          >
         </p>
         <h3>Benodigd</h3>
         <ul>
diff --git a/manon/filter-variables.scss b/manon/filter-variables.scss
index 5f096c62..b8d908cf 100644
--- a/manon/filter-variables.scss
+++ b/manon/filter-variables.scss
@@ -35,13 +35,4 @@
   --filter-button-icon-font-family: var(--icon-font-family);
   --filter-button-icon-font-size: var(--icon-font-size);
   --filter-button-icon-font-weight: bold;
-
-  /* To center text within the button set the line-height to 1 */
-  --filter-button-icon-line-height: 1;
-
-  /* content on the button when the menu is collapsed */
-  --filter-button-icon-before-open-content: "⯆";
-
-  /* content on the button when the menu is expanded */
-  --filter-button-icon-before-close-content: "⯅";
 }
diff --git a/manon/filter.scss b/manon/filter.scss
index 2adceefc..17dbbb94 100644
--- a/manon/filter.scss
+++ b/manon/filter.scss
@@ -45,23 +45,8 @@
       font-size: var(--filter-button-font-size);
       min-width: 0;
 
-      &::after {
-        font-family: var(--filter-button-icon-font-family, inherit);
-        line-height: var(--filter-button-icon-line-height);
-        font-size: var(--filter-button-icon-font-size, inherit);
-        font-weight: var(--filter-button-icon-font-weight, inherit);
-      }
-
-      &[aria-expanded="true"] {
-        &::after {
-          content: var(--filter-button-icon-before-close-content);
-        }
-      }
-
-      &[aria-expanded="false"] {
-        &::after {
-          content: var(--filter-button-icon-before-open-content);
-        }
+      span.icon {
+        order: var(--filter-button-icon-order);
       }
     }
   }

From 58a4ba94e101b89261cd65c500b95cf307985a9e Mon Sep 17 00:00:00 2001
From: Heleen <magned@gmail.com>
Date: Thu, 8 Aug 2024 09:47:24 +0200
Subject: [PATCH 2/2] Reinstates filter button icon line height var

---
 manon/filter-variables.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/manon/filter-variables.scss b/manon/filter-variables.scss
index b8d908cf..36045852 100644
--- a/manon/filter-variables.scss
+++ b/manon/filter-variables.scss
@@ -35,4 +35,7 @@
   --filter-button-icon-font-family: var(--icon-font-family);
   --filter-button-icon-font-size: var(--icon-font-size);
   --filter-button-icon-font-weight: bold;
+
+  /* To center text within the button set the line-height to 1 */
+  --filter-button-icon-line-height: 1;
 }