Merged in feature/SW-3595-sas-info-boxes (pull request #3177)

Feature/SW-3595 Add info boxes to SAS start page & Eurobonus alert to select-hotel page on SAS

* wip

* feat(SW-3595): Add info boxes to SAS start page

* Add InfoBox to design-system
* Add background gradient to SAS start page

* update variable naming and conditionalize the eurobonus message on select-hotel

* SAS startpage update default message

* make select-hotel a bit more generic with slot={} instead of alert={}


Approved-by: Anton Gunnarsson

packages/design-system/lib/components/Icons/IconByIconName.tsx

@@ -192,6 +192,8 @@ export function IconByIconName({
       return <MaterialIcon icon="concierge" {...props} />
     case IconName.Cultural:
       return <MaterialIcon icon="theater_comedy" {...props} />
+    case IconName.CreditCard:
+      return <MaterialIcon icon="credit_card" {...props} />
     case IconName.Diamond:
       return <MaterialIcon icon="diamond" {...props} />
     case IconName.Directions:

packages/design-system/lib/components/Icons/iconName.ts

@@ -7,9 +7,9 @@ export enum IconName {
   AirConditioningInRoom = 'AirConditioningInRoom',
   Airplane = 'Airplane',
   ArmChair = 'ArmChair',
+  ArrowFrom = 'ArrowFrom',
   ArrowLeft = 'ArrowLeft',
   ArrowLeftSmall = 'ArrowLeftSmall',
-  ArrowFrom = 'ArrowFrom',
   ArrowRight = 'ArrowRight',
   ArrowRightSmall = 'ArrowRightSmall',
   ArrowTo = 'ArrowTo',
@@ -22,6 +22,7 @@ export enum IconName {
   Bike = 'Bike',
   Bouquet = 'Bouquet',
   Bowling = 'Bowling',
+  Breakfast = 'Breakfast',
   Business = 'Business',
   BusinessCentre = 'BusinessCentre',
   Calendar = 'Calendar',
@@ -51,6 +52,7 @@ export enum IconName {
   ConferenceRoom = 'ConferenceRoom',
   ConvenienceStore24h = 'ConvenienceStore24h',
   ConventionCentre = 'ConventionCentre',
+  CreditCard = 'CreditCard',
   CroissantCoffeeEgg = 'CroissantCoffeeEgg',
   CrossCircle = 'CrossCircle',
   CrossCircleOutline = 'CrossCircleOutline',
@@ -92,8 +94,8 @@ export enum IconName {
   HandKey = 'HandKey',
   Hanger = 'Hanger',
   HangerAlt = 'HangerAlt',
-  Heat = 'Heat',
   Heart = 'Heart',
+  Heat = 'Heat',
   Hiking = 'Hiking',
   HotelNight = 'HotelNight',
   House = 'House',
@@ -108,15 +110,15 @@ export enum IconName {
   Kettle = 'Kettle',
   Kids = 'Kids',
   KidsMocktail = 'KidsMocktail',
-  Landscape = 'Landscape',
+  Kitchen = 'Kitchen',
   Lamp = 'Lamp',
+  Landscape = 'Landscape',
   LaptopSafe = 'LaptopSafe',
   LaundryMachine = 'LaundryMachine',
   Link = 'Link',
   LocalBar = 'LocalBar',
   Location = 'Location',
   Lock = 'Lock',
-  Breakfast = 'Breakfast',
   Luggage = 'Luggage',
   LuggageLockers = 'LuggageLockers',
   MagicWand = 'MagicWand',
@@ -163,11 +165,11 @@ export enum IconName {
   StarFilled = 'StarFilled',
   Street = 'Street',
   Swim = 'Swim',
-  Theatre = 'Theatre',
   Swipe = 'Swipe',
+  Theatre = 'Theatre',
   Thermostat = 'Thermostat',
-  Toilet = 'Toilet',
   Ticket = 'Ticket',
+  Toilet = 'Toilet',
   Train = 'Train',
   Tripadvisor = 'Tripadvisor',
   Trophy = 'Trophy',
@@ -179,5 +181,4 @@ export enum IconName {
   WarningTriangle = 'WarningTriangle',
   Wheelchair = 'Wheelchair',
   Wifi = 'Wifi',
-  Kitchen = 'Kitchen',
 }