From a75c85f06980249c81f5fc4ac3021676fe4e26cf Mon Sep 17 00:00:00 2001
From: Karel Persoons <karel@brenner.company>
Date: Thu, 16 May 2024 18:21:20 +0200
Subject: [PATCH] Adjust filter-pill styling (to support usage of au-icon
 instead of the auk font-icons) + version bump

---
 _auk-filter-pill.scss | 8 ++++----
 package.json          | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/_auk-filter-pill.scss b/_auk-filter-pill.scss
index 9311ade..c5c1c29 100644
--- a/_auk-filter-pill.scss
+++ b/_auk-filter-pill.scss
@@ -3,8 +3,8 @@
    ========================================================================== */
 
 .auk-filter-pill {
+  font-family: $g-base-font-family;
   font-size: 1.4rem;
-  font-weight: 500;
   display: inline-flex;
   align-items: center;
   padding: 0 .5rem 0 .6rem;
@@ -15,11 +15,10 @@
   border: .1rem solid $auk-gray-300;
 }
 
-.auk-filter-pill .auk-icon--x {
+.auk-filter-pill__action {
+  position: relative;
   width: 1.8rem;
   height: 1.8rem;
-  font-size: 1.8rem;
-  position: relative;
   padding-left: .5rem;
   margin-left: .5rem;
 
@@ -32,6 +31,7 @@
     height: 2.2rem;
     width: 0.1rem;
     background-color: $auk-gray-300;
+    color: $auk-gray-600;
   }
 }
 
diff --git a/package.json b/package.json
index fc28b0c..40e8caa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kanselarij-vlaanderen/au-kaleidos-css",
-  "version": "3.17.0",
+  "version": "3.18.0",
   "description": "AppUniversum inspired Kaleidos CSS as a separate package.",
   "main": "auk-standalone.css",
   "scripts": {