Merged in feat/SW-1711-SW-2077-icons (pull request #1709)

Fix(SW-1711)/(SW-2077): Export icons individually

* fix(SW-1711): export icons individually


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

apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/RoomDetails.tsx

@@ -2,7 +2,7 @@
 
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { getBedIconName } from "../RoomSidePeek/bedIcon"

apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/index.tsx

@@ -1,9 +1,7 @@
 import { useIntl } from "react-intl"
 
-import {
-  Discount22Icon,
-  MaterialIcon,
-} from "@scandic-hotels/design-system/Icons"
+import DiscountIcon from "@scandic-hotels/design-system/Icons/DiscountIcon"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { dt } from "@/lib/dt"
@@ -295,7 +293,7 @@ export default function BookedRoomSidePeek({
           {bookingCode && (
             <IconChip
               color="blue"
-              icon={<Discount22Icon color="Icon/Feedback/Information" />}
+              icon={<DiscountIcon color="Icon/Feedback/Information" />}
             >
               <Typography variant="Body/Supporting text (caption)/smBold">
                 <p className={styles.bookingCode}>

apps/scandic-web/components/SidePeeks/HotelSidePeek/Accordions/Parking.tsx

@@ -1,6 +1,6 @@
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { IconName } from "@/components/Icons/iconName"
 import AccordionItem from "@/components/TempDesignSystem/Accordion/AccordionItem"

apps/scandic-web/components/SidePeeks/RoomSidePeek/facilityIcon.tsx

@@ -1,38 +1,40 @@
+import BathroomCabinetIcon from "@scandic-hotels/design-system/Icons/BathroomCabinetIcon"
+import BedHotelIcon from "@scandic-hotels/design-system/Icons/BedHotelIcon"
+import BowlingPinsIcon from "@scandic-hotels/design-system/Icons/BowlingPinsIcon"
+import BunkBedIcon from "@scandic-hotels/design-system/Icons/BunkBedIcon"
+import ConferenceRoomIcon from "@scandic-hotels/design-system/Icons/ConferenceRoomIcon"
+import CoolingIcon from "@scandic-hotels/design-system/Icons/CoolingIcon"
+import CouchTableIcon from "@scandic-hotels/design-system/Icons/CouchTableIcon"
+import DoorIcon from "@scandic-hotels/design-system/Icons/DoorIcon"
+import FootStoolIcon from "@scandic-hotels/design-system/Icons/FootStoolIcon"
+import HairdresserIcon from "@scandic-hotels/design-system/Icons/HairdresserIcon"
+import HairdryerIcon from "@scandic-hotels/design-system/Icons/HairdryerIcon"
+import HandSoapIcon from "@scandic-hotels/design-system/Icons/HandSoapIcon"
+import IceMachineIcon from "@scandic-hotels/design-system/Icons/IceMachineIcon"
+import MassageIcon from "@scandic-hotels/design-system/Icons/MassageIcon"
 import {
-  BathroomCabinet2Icon,
-  BedHotelIcon,
-  BowlingPinsIcon,
-  ConferenceRoomIcon,
-  CoolingIcon,
-  CouchTableIcon,
-  Door2Icon,
-  FootStoolIcon,
-  Hairdresser1Icon,
-  HairDryerIcon,
-  HandSoapIcon,
-  IceMachineIcon,
-  type IconProps,
-  MassageIcon,
   MaterialIcon,
   type MaterialIconSetIconProps,
-  MdiBunkBedIcon,
-  MirrorIcon,
-  MovingBedsIcon,
-  type NucleoIconProps,
-  RecordPlayer3Icon,
-  RoadIcon,
-  RugIcon,
-  SafetyBoxIcon,
-  SlippersIcon,
-  Toilet2Icon,
-  TowelIcon,
-  UserPolice2Icon,
-  ViewIcon,
-  WardIcon,
-  WindowNotAvailableIcon,
-  WoodFloorIcon,
-} from "@scandic-hotels/design-system/Icons"
+} from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import MirrorIcon from "@scandic-hotels/design-system/Icons/MirrorIcon"
+import MovingBedsIcon from "@scandic-hotels/design-system/Icons/MovingBedsIcon"
+import RecordPlayerIcon from "@scandic-hotels/design-system/Icons/RecordPlayerIcon"
+import RoadIcon from "@scandic-hotels/design-system/Icons/RoadIcon"
+import RugIcon from "@scandic-hotels/design-system/Icons/RugIcon"
+import SafetyBoxIcon from "@scandic-hotels/design-system/Icons/SafetyBoxIcon"
+import SlippersIcon from "@scandic-hotels/design-system/Icons/SlippersIcon"
+import ToiletIcon from "@scandic-hotels/design-system/Icons/ToiletIcon"
+import TowelIcon from "@scandic-hotels/design-system/Icons/TowelIcon"
+import UserPoliceIcon from "@scandic-hotels/design-system/Icons/UserPoliceIcon"
+import ViewIcon from "@scandic-hotels/design-system/Icons/ViewIcon"
+import WardIcon from "@scandic-hotels/design-system/Icons/WardIcon"
+import WindowNotAvailableIcon from "@scandic-hotels/design-system/Icons/WindowNotAvailableIcon"
+import WoodFloorIcon from "@scandic-hotels/design-system/Icons/WoodFloorIcon"
 
+import type {
+  IconProps,
+  NucleoIconProps,
+} from "@scandic-hotels/design-system/Icons"
 import type { MaterialSymbolProps } from "react-material-symbols"
 
 interface FacilityIconProps {
@@ -194,38 +196,38 @@ const MaterialIconMappings: {
 ]
 
 const CustomIconMappings = [
-  { icon: BathroomCabinet2Icon, name: "bathroomwithshowerorbathtub" },
+  { icon: BathroomCabinetIcon, name: "bathroomwithshowerorbathtub" },
   { icon: MovingBedsIcon, name: "adjustablebeds" },
   { icon: MovingBedsIcon, name: "pulloutbed" },
   { icon: BedHotelIcon, name: "extrabed" },
   { icon: CoolingIcon, name: "coolingcabinet" },
   { icon: FootStoolIcon, name: "footstool" },
-  { icon: HairDryerIcon, name: "hairdryer" },
-  { icon: Hairdresser1Icon, name: "hairdresser" },
+  { icon: HairdryerIcon, name: "hairdryer" },
+  { icon: HairdresserIcon, name: "hairdresser" },
   { icon: HandSoapIcon, name: "toiletries" },
   { icon: TowelIcon, name: "bathrobes" },
   { icon: HandSoapIcon, name: "bodycareproducts" },
   { icon: HandSoapIcon, name: "bodylotion" },
   { icon: BowlingPinsIcon, name: "bowling" },
-  { icon: MdiBunkBedIcon, name: "bunkbed" },
-  { icon: MdiBunkBedIcon, name: "bunkbed80x188cm" },
+  { icon: BunkBedIcon, name: "bunkbed" },
+  { icon: BunkBedIcon, name: "bunkbed80x188cm" },
   { icon: IceMachineIcon, name: "icemachine" },
   { icon: IceMachineIcon, name: "icemachinereception" },
   { icon: MassageIcon, name: "massage" },
   { icon: ConferenceRoomIcon, name: "meetingarea" },
-  { icon: UserPolice2Icon, name: "overnightsecurity" },
-  { icon: UserPolice2Icon, name: "security24hoours" },
-  { icon: UserPolice2Icon, name: "servicesecurity24h" },
+  { icon: UserPoliceIcon, name: "overnightsecurity" },
+  { icon: UserPoliceIcon, name: "security24hoours" },
+  { icon: UserPoliceIcon, name: "servicesecurity24h" },
   { icon: FootStoolIcon, name: "footstool" },
   { icon: WindowNotAvailableIcon, name: "nowindow" },
-  { icon: Door2Icon, name: "luggagelockers" },
+  { icon: DoorIcon, name: "luggagelockers" },
   { icon: MirrorIcon, name: "cosmeticmirror" },
   { icon: WardIcon, name: "wallbed" },
   { icon: CouchTableIcon, name: "sofawithtable" },
   { icon: SafetyBoxIcon, name: "safetybox" },
-  { icon: RecordPlayer3Icon, name: "modernvinylplayer" },
+  { icon: RecordPlayerIcon, name: "modernvinylplayer" },
   { icon: RugIcon, name: "carpetingwalltowallcarpet" },
-  { icon: Toilet2Icon, name: "separatetoilet" },
+  { icon: ToiletIcon, name: "separatetoilet" },
   { icon: WoodFloorIcon, name: "woodenfloor" },
   { icon: ViewIcon, name: "view" },
   { icon: HandSoapIcon, name: "shampoo" },

apps/scandic-web/components/SidePeeks/RoomSidePeek/index.tsx

@@ -1,6 +1,6 @@
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import ImageGallery from "@/components/ImageGallery"
 import SidePeek from "@/components/TempDesignSystem/SidePeek"