Merged in fix/SW-1041-design-feedback-select-hotel (pull request #986)

fix(SW-1041): fix UI design feedback

* fix(SW-1041): fix UI design feedback

* fix(SW-1041): small fix

* fix(SW-1041): add filter and sort badge

* fix(SW-1041): update activefilter when entering map view

* fix(SW-1041): create hook with activefilters

* fix(SW-1041): hook only sets filter

* fix(SW-1041): fix padding breadcrumbs

* fix(SW-1041): rename hook

* fix(SW-1041): fix double scroll


Approved-by: Pontus Dreij
Approved-by: Niclas Edenvin

components/Icons/icon.module.css

@@ -82,6 +82,11 @@
   fill: var(--Base-Button-Text-On-Fill-Normal);
 }
 
+.baseTextHighcontrast,
+.baseTextHighcontrast * {
+  fill: var(--Base-Text-High-contrast);
+}
+
 .disabled,
 .disabled * {
   fill: var(--Base-Text-Disabled);

components/Icons/variants.ts

@@ -8,6 +8,7 @@ const config = {
       baseButtonTertiaryOnFillNormal: styles.baseButtonTertiaryOnFillNormal,
       baseButtonTextOnFillNormal: styles.baseButtonTextOnFillNormal,
       baseIconLowContrast: styles.baseIconLowContrast,
+      baseTextHighcontrast: styles.baseTextHighcontrast,
       black: styles.black,
       blue: styles.blue,
       burgundy: styles.burgundy,