Issue #3293977 by jonblatho, gbois, pontus.talvikarhu, rkoller, fjgarlin,...

Issue #3293977 by jonblatho, gbois, pontus.talvikarhu, rkoller, fjgarlin, chrisfromredfin: Adjust the chip design to the Drupal Design system

css/pb.css

@@ -540,16 +540,17 @@
   width: auto;
   height: auto;
   margin-inline-end: 10px;
-  padding: 10px;
+  padding: 10px 12px;
   word-wrap: break-word;
-  color: white;
+  color: #232429;
   border-radius: 25px;
-  background: #013cc5;
+  background: #d3d4d9;
   font-size: 0.875rem;
+  font-weight: 700;
 }
 .filter-applied__button-close {
   display: inline-flex;
-  margin-inline-start: 10px;
+  margin-inline-start: 8px;
   padding: 0;
   cursor: pointer;
   border: none;
@@ -558,8 +559,8 @@
   box-shadow: none;
 }
 .filter-applied__button-close > img {
-  width: 20px;
-  height: 20px;
+  width: 16px;
+  height: 16px;
   transform: scale(1.4);
 }
 

images/chip-close-icon.svg

+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 1C4.129 1 1 4.129 1 8C1 11.871 4.129 15 8 15C11.871 15 15 11.871 15 8C15 4.129 11.871 1 8 1ZM11.5 10.513L10.513 11.5L8 8.987L5.487 11.5L4.5 10.513L7.013 8L4.5 5.487L5.487 4.5L8 7.013L10.513 4.5L11.5 5.487L8.987 8L11.5 10.513Z" fill="#55565B"/>
+</svg>

images/white-close-icon.svg

-<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.83008 4L12.8301 12M12.8301 4L4.83008 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<circle cx="8.83008" cy="8" r="7.75" stroke="white" stroke-width="0.5"/>
-</svg>

sveltejs/src/Search/FilterApplied.svelte

@@ -21,7 +21,7 @@
           >{Drupal.t('Remove @filter', { '@filter': label })}</span
         >
       {/if}
-      <img src="{FULL_MODULE_PATH}/images/white-close-icon.svg" alt="" />
+      <img src="{FULL_MODULE_PATH}/images/chip-close-icon.svg" alt="" />
     </button>
   </p>
 {/if}