feat(BOOK-768): Added UspCard component with stories and implemented it in blocks

Approved-by: Bianca Widstam

packages/design-system/lib/components/UspCard/utils.ts

@@ -0,0 +1,82 @@
+import { IconName } from "../Icons/iconName"
+
+export const USP_ICON_NAMES = [
+  "Snowflake",
+  "Information",
+  "Heart",
+  "WiFi",
+  "Breakfast",
+  "Checkbox",
+  "Ticket",
+  "Hotel",
+  "Bed",
+  "Train",
+  "Airplane",
+  "Sun",
+  "Star",
+  "Sports",
+  "Gym",
+  "Hiking",
+  "Skiing",
+  "City",
+  "Pool",
+  "Spa",
+  "Bar",
+  "Restaurant",
+  "Child",
+] as const
+
+export type UspIconName = (typeof USP_ICON_NAMES)[number]
+
+export function getUspIconName(iconName?: UspIconName | null) {
+  switch (iconName) {
+    case "Snowflake":
+      return IconName.Snowflake
+    case "Information":
+      return IconName.InfoCircle
+    case "Heart":
+      return IconName.Heart
+    case "WiFi":
+      return IconName.Wifi
+    case "Breakfast":
+      return IconName.Breakfast
+    case "Checkbox":
+      return IconName.Check
+    case "Ticket":
+      return IconName.Ticket
+    case "Hotel":
+      return IconName.City
+    case "Bed":
+      return IconName.NightShelter
+    case "Train":
+      return IconName.Ticket
+    case "Airplane":
+      return IconName.Airplane
+    case "Sun":
+      return IconName.Beach
+    case "Star":
+      return IconName.AwardStar
+    case "Sports":
+      return IconName.Sports
+    case "Gym":
+      return IconName.Fitness
+    case "Hiking":
+      return IconName.Hiking
+    case "Skiing":
+      return IconName.Skiing
+    case "City":
+      return IconName.City
+    case "Pool":
+      return IconName.Swim
+    case "Spa":
+      return IconName.Spa
+    case "Bar":
+      return IconName.Nightlife
+    case "Restaurant":
+      return IconName.Restaurant
+    case "Child":
+      return IconName.ExtraFamilyFriendly
+    default:
+      return IconName.Snowflake
+  }
+}