Merged in feat/SW-338-filter-sort-ui (pull request #896)

Feat/SW-338 design filters and sorting on select hotel

* feat(SW-338): design hotel sort dropdown

* Translations

* feat(SW-338): style filters

* Bold

* Import type

* Translations

* Rename and add translation

* Rename translation


Approved-by: Bianca Widstam

components/TempDesignSystem/Select/select.module.css

@@ -10,11 +10,29 @@
   gap: var(--Spacing-x-half);
 }
 
-.select[data-focused="true"] {
+.select[data-focused="true"],
+.select[data-focused="true"].discreet {
   border: 1px solid var(--Scandic-Blue-90);
   outline: none;
 }
 
+.select.discreet {
+  border: 1px solid transparent;
+}
+
+.select.discreet .input {
+  background-color: unset;
+  color: var(--Base-Text-High-contrast);
+  gap: var(--Spacing-x1);
+}
+
+.select.discreet .inputContentWrapper {
+  align-items: center;
+  justify-content: flex-end;
+  flex-direction: row;
+  font-weight: 500;
+}
+
 .input {
   align-items: center;
   background-color: var(--UI-Opacity-White-100);
@@ -72,7 +90,7 @@
 }
 
 .listBoxItem.showRadioButton:before {
-  display: flex;
+  flex-shrink: 0;
   content: "";
   margin-right: var(--Spacing-x-one-and-half);
   background-color: white;