Merged in feat/SW-1711-switch-icons (pull request #1558)

Switches out all the old icons to new ones, and moves them to the design system. The new icons are of three different types: Materialise Symbol, Nucleo, and Customized. Also adds further mapping between facilities/amenities and icons.

Approved-by: Michael Zetterberg
Approved-by: Erik Tiekstra

apps/scandic-web/components/TempDesignSystem/Form/ChoiceCard/_Card/card.ts

@@ -1,4 +1,4 @@
-import type { IconProps } from "@/types/components/icon"
+import type { IconProps } from "@scandic-hotels/design-system/Icons"
 
 interface BaseCardProps
   extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "title"> {

apps/scandic-web/components/TempDesignSystem/Form/ChoiceCard/_Card/index.tsx

@@ -2,7 +2,8 @@
 
 import { useFormContext } from "react-hook-form"
 
-import { CheckIcon, CloseIcon } from "@/components/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 
@@ -46,7 +47,7 @@ export default function Card({
       {Icon ? (
         <Icon
           className={styles.icon}
-          color="uiTextHighContrast"
+          color="Icon/Intense"
           height={iconHeight}
           width={iconWidth}
         />
@@ -73,9 +74,9 @@ function List({ declined, list }: ListProps) {
   return list.map((listItem) => (
     <span key={listItem.title} className={styles.listItem}>
       {declined ? (
-        <CloseIcon color="uiTextMediumContrast" height={20} width={20} />
+        <MaterialIcon icon="close" color="Icon/Feedback/Neutral" size={20} />
       ) : (
-        <CheckIcon color="baseIconLowContrast" height={20} width={20} />
+        <MaterialIcon icon="check" color="Icon/Accent" size={20} />
       )}
       <Footnote color="uiTextMediumContrast">{listItem.title}</Footnote>
     </span>