diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/bedOptions.module.css b/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/bedOptions.module.css
index b52fefa3e..0f026213f 100644
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/bedOptions.module.css
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/bedOptions.module.css
@@ -8,7 +8,7 @@
display: grid;
gap: var(--Spacing-x2);
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
- width: min(600px, 100%);
+ width: min(700px, 100%);
}
.iconContainer {
diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/index.tsx b/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/index.tsx
index 8a67d2da5..334f981c1 100644
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/index.tsx
@@ -10,7 +10,7 @@ import {
type ExtraBedTypeEnum,
} from "@/constants/booking"
-import RadioCard from "@/components/TempDesignSystem/Form/ChoiceCard/Radio"
+import RadioCard from "@/components/TempDesignSystem/Form/RadioCard"
import { useRoomContext } from "@/contexts/Details/Room"
import BedTypeInfo from "./BedTypeInfo"
@@ -114,8 +114,8 @@ function BedIconRenderer({
return (
-
- {ExtraBedIcon && }
+
+ {ExtraBedIcon && }
)
}
diff --git a/apps/scandic-web/components/TempDesignSystem/Form/ChoiceCard/Radio.tsx b/apps/scandic-web/components/TempDesignSystem/Form/ChoiceCard/Radio.tsx
deleted file mode 100644
index f35ab6a5e..000000000
--- a/apps/scandic-web/components/TempDesignSystem/Form/ChoiceCard/Radio.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import Card from "./_Card"
-
-import type { RadioProps } from "./_Card/card"
-
-export default function RadioCard(props: RadioProps) {
- return
-}
diff --git a/apps/scandic-web/components/TempDesignSystem/Form/ChoiceCard/_Card/card.module.css b/apps/scandic-web/components/TempDesignSystem/Form/ChoiceCard/_Card/card.module.css
deleted file mode 100644
index 29c3a0ea5..000000000
--- a/apps/scandic-web/components/TempDesignSystem/Form/ChoiceCard/_Card/card.module.css
+++ /dev/null
@@ -1,76 +0,0 @@
-.label {
- background-color: var(--Base-Surface-Primary-light-Normal);
- border: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-Large);
- cursor: pointer;
- display: grid;
- grid-template-columns: 1fr auto;
- padding: var(--Spacing-x-one-and-half) var(--Spacing-x2);
- transition: all 200ms ease;
- width: min(100%, 600px);
- grid-column-gap: var(--Spacing-x2);
-}
-
-.label:hover {
- background-color: var(--Base-Surface-Secondary-light-Hover);
-}
-
-.label:has(:checked) {
- background-color: var(--Primary-Light-Surface-Normal);
- border-color: var(--Base-Border-Hover);
-}
-
-.icon {
- align-self: center;
- grid-column: 2/3;
- grid-row: 1/3;
- justify-self: flex-end;
- transition: fill 200ms ease;
-}
-
-.label:hover .icon,
-.label:hover .icon *,
-.label:has(:checked) .icon,
-.label:has(:checked) .icon * {
- fill: var(--Base-Text-Medium-contrast);
-}
-
-.label[data-declined="true"]:hover .icon,
-.label[data-declined="true"]:hover .icon *,
-.label[data-declined="true"]:has(:checked) .icon,
-.label[data-declined="true"]:has(:checked) .icon * {
- fill: var(--Base-Text-Disabled);
-}
-
-.subtitle {
- grid-column: 1 / 2;
- grid-row: 2;
-}
-
-.title {
- grid-column: 1 / 2;
-}
-
-.label .text {
- margin-top: var(--Spacing-x1);
- grid-column: 1/-1;
-}
-
-.listItem {
- align-items: center;
- display: flex;
- gap: var(--Spacing-x-quarter);
- grid-column: 1/-1;
-}
-
-.listItem:first-of-type {
- margin-top: var(--Spacing-x1);
-}
-
-.listItem:nth-of-type(n + 2) {
- margin-top: var(--Spacing-x-quarter);
-}
-
-.highlight {
- color: var(--Scandic-Brand-Scandic-Red);
-}
diff --git a/apps/scandic-web/components/TempDesignSystem/Form/ChoiceCard/_Card/card.ts b/apps/scandic-web/components/TempDesignSystem/Form/ChoiceCard/_Card/card.ts
deleted file mode 100644
index cfcaf726a..000000000
--- a/apps/scandic-web/components/TempDesignSystem/Form/ChoiceCard/_Card/card.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import type { IconProps } from "@scandic-hotels/design-system/Icons"
-
-interface BaseCardProps
- extends Omit, "title"> {
- Icon?: (props: IconProps) => JSX.Element
- declined?: boolean
- highlightSubtitle?: boolean
- iconHeight?: number
- iconWidth?: number
- name: string
- subtitle?: React.ReactNode
- title: React.ReactNode
- type: "checkbox" | "radio"
- value?: string
-}
-
-interface ListCardProps extends BaseCardProps {
- list: {
- title: string
- }[]
- text?: never
-}
-
-interface TextCardProps extends BaseCardProps {
- list?: never
- text: React.ReactNode
-}
-
-interface CleanCardProps extends BaseCardProps {
- list?: never
- text?: never
-}
-
-export type CardProps = ListCardProps | TextCardProps | CleanCardProps
-
-export type CheckboxProps =
- | Omit
- | Omit
-export type RadioProps =
- | Omit
- | Omit
- | Omit
-
-export interface ListProps extends Pick {
- list?: ListCardProps["list"]
-}
-
-export interface SubtitleProps
- extends Pick {}
-
-export interface TextProps extends Pick {}
diff --git a/apps/scandic-web/components/TempDesignSystem/Form/ChoiceCard/_Card/index.tsx b/apps/scandic-web/components/TempDesignSystem/Form/ChoiceCard/_Card/index.tsx
deleted file mode 100644
index 6c8421cf8..000000000
--- a/apps/scandic-web/components/TempDesignSystem/Form/ChoiceCard/_Card/index.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-"use client"
-
-import { useFormContext } from "react-hook-form"
-
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
-
-import Caption from "@/components/TempDesignSystem/Text/Caption"
-import Footnote from "@/components/TempDesignSystem/Text/Footnote"
-
-import styles from "./card.module.css"
-
-import type { CardProps, ListProps, SubtitleProps, TextProps } from "./card"
-
-export default function Card({
- Icon,
- iconHeight = 32,
- iconWidth = 32,
- declined = false,
- highlightSubtitle = false,
- id,
- list,
- name,
- subtitle,
- text,
- title,
- type,
- value,
-}: CardProps) {
- const { register, setValue } = useFormContext()
-
- function onLabelClick(event: React.MouseEvent) {
- // Preventing click event on label elements firing twice: https://github.com/facebook/react/issues/14295
- event.preventDefault()
- setValue(name, value)
- }
- return (
-
- )
-}
-
-function List({ declined, list }: ListProps) {
- if (!list) {
- return null
- }
-
- return list.map((listItem) => (
-
- {declined ? (
-
- ) : (
-
- )}
- {listItem.title}
-
- ))
-}
-
-function Subtitle({ highlightSubtitle, subtitle }: SubtitleProps) {
- if (!subtitle) {
- return null
- }
-
- return (
-
- {subtitle}
-
- )
-}
-
-function Text({ text }: TextProps) {
- if (!text) {
- return null
- }
- return (
-
- {text}
-
- )
-}
-
-export function Highlight({ children }: React.PropsWithChildren) {
- return {children}
-}
diff --git a/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/index.tsx b/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/index.tsx
new file mode 100644
index 000000000..76c30251c
--- /dev/null
+++ b/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/index.tsx
@@ -0,0 +1,69 @@
+"use client"
+
+import { cx } from "class-variance-authority"
+import { useFormContext } from "react-hook-form"
+
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+import { Typography } from "@scandic-hotels/design-system/Typography"
+
+import styles from "./radioCard.module.css"
+
+import type { RadioCardProps } from "./types"
+
+export default function RadioCard({
+ Icon,
+ iconHeight = 32,
+ id,
+ name,
+ subtitle,
+ title,
+ value,
+ disabled = false,
+}: RadioCardProps) {
+ const { register, setValue } = useFormContext()
+
+ function onLabelClick(event: React.MouseEvent) {
+ // Preventing click event on label elements firing twice: https://github.com/facebook/react/issues/14295
+ event.preventDefault()
+ if (!disabled) {
+ setValue(name, value)
+ }
+ }
+
+ return (
+
+ )
+}
diff --git a/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/radioCard.module.css b/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/radioCard.module.css
new file mode 100644
index 000000000..f38161512
--- /dev/null
+++ b/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/radioCard.module.css
@@ -0,0 +1,55 @@
+.label {
+ position: relative;
+ cursor: pointer;
+ display: grid;
+ grid-template-columns: 1fr auto;
+ grid-template-areas: "icon icon" "title subtitle";
+ border-radius: var(--Corner-radius-md);
+ border: 1px solid var(--Border-Intense);
+ background: var(--Surface-Primary-Default);
+ padding: var(--Space-x2) var(--Space-x3);
+ gap: var(--Space-x1);
+}
+
+.label.disabled {
+ background: var(--Surface-Primary-Disabled);
+ filter: grayscale(1);
+ opacity: 0.5;
+ cursor: not-allowed;
+}
+
+.label:has(:checked) {
+ border: 2px solid var(--Border-Interactive-Selected);
+}
+
+.label:not(:has(:checked)) .selectedIcon {
+ display: none;
+}
+
+.selectedIcon {
+ position: absolute;
+ top: calc(-1 * var(--Space-x15));
+ right: calc(-1 * var(--Space-x15));
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 32px;
+ height: 32px;
+ border: 2px solid var(--Base-Border-Inverted);
+ border-radius: var(--Corner-radius-Rounded);
+ background-color: var(--Surface-Feedback-Succes-Accent);
+}
+
+.icon {
+ grid-area: icon;
+}
+
+.subtitle {
+ grid-area: subtitle;
+ color: var(--Text-Default);
+}
+
+.title {
+ grid-area: title;
+ color: var(--Text-Default);
+}
diff --git a/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/types.ts b/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/types.ts
new file mode 100644
index 000000000..142276c9e
--- /dev/null
+++ b/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/types.ts
@@ -0,0 +1,12 @@
+import type { IconProps } from "@scandic-hotels/design-system/Icons"
+
+export interface RadioCardProps
+ extends Omit, "title"> {
+ Icon?: (props: IconProps) => JSX.Element
+ iconHeight?: number
+ name: string
+ subtitle?: React.ReactNode
+ title: React.ReactNode
+ value?: string
+ disabled?: boolean
+}
diff --git a/apps/scandic-web/constants/booking.tsx b/apps/scandic-web/constants/booking.tsx
index 47a278265..54a821b3b 100644
--- a/apps/scandic-web/constants/booking.tsx
+++ b/apps/scandic-web/constants/booking.tsx
@@ -1,9 +1,14 @@
import {
+ BedBunkExtraIcon,
+ BedGenericIcon,
+ BedKingIcon,
+ BedPullOutExtraIcon,
+ BedQueenIcon,
+ BedSingleIcon,
+ BedSofaExtraIcon,
+ BedTwinIcon,
+ BedWallExtraIcon,
type IconProps,
- MaterialIcon,
- MdiBunkBedIcon,
- MovingBedsIcon,
- WardIcon,
} from "@scandic-hotels/design-system/Icons"
export enum BookingStatusEnum {
@@ -142,15 +147,16 @@ export const BED_TYPE_ICONS: Record<
BedTypes,
(props: IconProps) => JSX.Element
> = {
- King: () => ,
- Queen: () => ,
- Single: () => ,
- Twin: () => ,
- SofaBed: () => ,
- WallBed: WardIcon,
- BunkBed: MdiBunkBedIcon,
- PullOutBed: MovingBedsIcon,
- Other: () => ,
+ King: BedKingIcon,
+ Queen: BedQueenIcon,
+ Single: BedSingleIcon,
+ Twin: BedTwinIcon,
+
+ SofaBed: BedSofaExtraIcon,
+ WallBed: BedWallExtraIcon,
+ BunkBed: BedBunkExtraIcon,
+ PullOutBed: BedPullOutExtraIcon,
+ Other: BedGenericIcon,
}
export enum CancellationRuleEnum {
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/BedHotel.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/BedHotel.tsx
index 2e5edb99b..95ce422ad 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/BedHotel.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/BedHotel.tsx
@@ -27,8 +27,8 @@ export default function BedHotelIcon({
fill="#26201E"
/>
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Hairdryer.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Hairdryer.tsx
index 331dcc53e..eb37a8381 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Hairdryer.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Hairdryer.tsx
@@ -24,8 +24,8 @@ export default function HairdryerIcon({
fill="#26201E"
/>
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/HandSoap.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/HandSoap.tsx
index e58651292..1e10f87c7 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/HandSoap.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/HandSoap.tsx
@@ -21,8 +21,8 @@ export default function HandSoapIcon({
>
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/IceMachine.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/IceMachine.tsx
index 9b09cfc96..13e66ff15 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/IceMachine.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/IceMachine.tsx
@@ -21,8 +21,8 @@ export default function IceMachineIcon({
>
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Massage.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Massage.tsx
index 22b1521f2..d7714fde3 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Massage.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Massage.tsx
@@ -21,20 +21,20 @@ export default function MassageIcon({
>
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Mirror.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Mirror.tsx
index 350cb22f9..611b0c17e 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Mirror.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Mirror.tsx
@@ -28,8 +28,8 @@ export default function MirrorIcon({
fill="#26201E"
/>
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/MovingBeds.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/MovingBeds.tsx
index ef5e51cfd..9bf0011b9 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/MovingBeds.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/MovingBeds.tsx
@@ -20,50 +20,50 @@ export default function MovingBedsIcon({
{...props}
>
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/SafetyBox.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/SafetyBox.tsx
index 6ff11fce0..c615fff23 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/SafetyBox.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/SafetyBox.tsx
@@ -20,8 +20,8 @@ export default function SafetyBoxIcon({
{...props}
>
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Slippers.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Slippers.tsx
index 5da85e569..cdde47c3b 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Slippers.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Slippers.tsx
@@ -20,38 +20,38 @@ export default function SlippersIcon({
{...props}
>
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/View.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/View.tsx
index 64082c145..932ce34a4 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/View.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/View.tsx
@@ -24,8 +24,8 @@ export default function ViewIcon({
fill="#26201E"
/>
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/WindowNotAvailable.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/WindowNotAvailable.tsx
index ca2ef86fc..fd1be9b71 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/WindowNotAvailable.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/WindowNotAvailable.tsx
@@ -24,14 +24,14 @@ export default function WindowNotAvailableIcon({
fill="#26201E"
/>
diff --git a/packages/design-system/lib/components/Icons/Customised/Benefits/DiamondAdd.tsx b/packages/design-system/lib/components/Icons/Customised/Benefits/DiamondAdd.tsx
index d80d22640..dee9e93fb 100644
--- a/packages/design-system/lib/components/Icons/Customised/Benefits/DiamondAdd.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Benefits/DiamondAdd.tsx
@@ -20,8 +20,8 @@ export default function DiamondAddIcon({
{...props}
>
diff --git a/packages/design-system/lib/components/Icons/Customised/Socials/Tripadvisor.tsx b/packages/design-system/lib/components/Icons/Customised/Socials/Tripadvisor.tsx
index b63dbc017..6edbe84bf 100644
--- a/packages/design-system/lib/components/Icons/Customised/Socials/Tripadvisor.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Socials/Tripadvisor.tsx
@@ -20,8 +20,8 @@ export default function TripadvisorIcon({
{...props}
>
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedBunk.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedBunk.tsx
new file mode 100644
index 000000000..832dbc36b
--- /dev/null
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedBunk.tsx
@@ -0,0 +1,90 @@
+import type { LogoAndIllustrationProps } from '../icon'
+
+export default function BedBunkIcon({
+ color,
+ ...props
+}: LogoAndIllustrationProps) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedBunkExtra.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedBunkExtra.tsx
new file mode 100644
index 000000000..b71e12b60
--- /dev/null
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedBunkExtra.tsx
@@ -0,0 +1,96 @@
+import type { LogoAndIllustrationProps } from '../icon'
+
+export default function BedBunkExtraIcon({
+ color,
+ ...props
+}: LogoAndIllustrationProps) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedGeneric.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedGeneric.tsx
new file mode 100644
index 000000000..259811f3a
--- /dev/null
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedGeneric.tsx
@@ -0,0 +1,54 @@
+import type { LogoAndIllustrationProps } from '../icon'
+
+export default function BedGenericIcon({
+ color,
+ ...props
+}: LogoAndIllustrationProps) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedKing.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedKing.tsx
new file mode 100644
index 000000000..03bd8636d
--- /dev/null
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedKing.tsx
@@ -0,0 +1,24 @@
+import type { LogoAndIllustrationProps } from '../icon'
+
+export default function BedKingIcon({
+ color,
+ ...props
+}: LogoAndIllustrationProps) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedPullOut.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedPullOut.tsx
new file mode 100644
index 000000000..40649032b
--- /dev/null
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedPullOut.tsx
@@ -0,0 +1,24 @@
+import type { LogoAndIllustrationProps } from '../icon'
+
+export default function BedPullOutIcon({
+ color,
+ ...props
+}: LogoAndIllustrationProps) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedPullOutExtra.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedPullOutExtra.tsx
new file mode 100644
index 000000000..07d4de24e
--- /dev/null
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedPullOutExtra.tsx
@@ -0,0 +1,24 @@
+import type { LogoAndIllustrationProps } from '../icon'
+
+export default function BedPullOutExtraIcon({
+ color,
+ ...props
+}: LogoAndIllustrationProps) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedQueen.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedQueen.tsx
new file mode 100644
index 000000000..1d2b2c238
--- /dev/null
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedQueen.tsx
@@ -0,0 +1,24 @@
+import type { LogoAndIllustrationProps } from '../icon'
+
+export default function BedQueenIcon({
+ color,
+ ...props
+}: LogoAndIllustrationProps) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedSingle.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedSingle.tsx
new file mode 100644
index 000000000..bf11111c7
--- /dev/null
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedSingle.tsx
@@ -0,0 +1,24 @@
+import type { LogoAndIllustrationProps } from '../icon'
+
+export default function BedSingleIcon({
+ color,
+ ...props
+}: LogoAndIllustrationProps) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedSofa.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedSofa.tsx
new file mode 100644
index 000000000..5b6bb5592
--- /dev/null
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedSofa.tsx
@@ -0,0 +1,24 @@
+import type { LogoAndIllustrationProps } from '../icon'
+
+export default function BedSofaIcon({
+ color,
+ ...props
+}: LogoAndIllustrationProps) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedSofaExtra.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedSofaExtra.tsx
new file mode 100644
index 000000000..268c1f97e
--- /dev/null
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedSofaExtra.tsx
@@ -0,0 +1,22 @@
+import type { LogoAndIllustrationProps } from '../icon'
+
+export default function BedSofaExtraIcon({
+ color,
+ ...props
+}: LogoAndIllustrationProps) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedTwin.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedTwin.tsx
new file mode 100644
index 000000000..409f1c172
--- /dev/null
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedTwin.tsx
@@ -0,0 +1,24 @@
+import type { LogoAndIllustrationProps } from '../icon'
+
+export default function BedTwinIcon({
+ color,
+ ...props
+}: LogoAndIllustrationProps) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedWallExtra.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedWallExtra.tsx
new file mode 100644
index 000000000..b66982f57
--- /dev/null
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedWallExtra.tsx
@@ -0,0 +1,24 @@
+import type { LogoAndIllustrationProps } from '../icon'
+
+export default function BedWallExtraIcon({
+ color,
+ ...props
+}: LogoAndIllustrationProps) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Icons/index.tsx b/packages/design-system/lib/components/Icons/index.tsx
index ed392b0ae..1f1e06e18 100644
--- a/packages/design-system/lib/components/Icons/index.tsx
+++ b/packages/design-system/lib/components/Icons/index.tsx
@@ -24,6 +24,18 @@ export { default as InstagramIcon } from './Customised/Socials/Instagram'
export { default as TripadvisorIcon } from './Customised/Socials/Tripadvisor'
export { default as MinimizeIcon } from './Customised/UI/Minimize'
export { default as BedIcon } from './Illustrations/Bed'
+export { default as BedBunkIcon } from './Illustrations/BedBunk'
+export { default as BedBunkExtraIcon } from './Illustrations/BedBunkExtra'
+export { default as BedGenericIcon } from './Illustrations/BedGeneric'
+export { default as BedKingIcon } from './Illustrations/BedKing'
+export { default as BedPullOutIcon } from './Illustrations/BedPullOut'
+export { default as BedPullOutExtraIcon } from './Illustrations/BedPullOutExtra'
+export { default as BedQueenIcon } from './Illustrations/BedQueen'
+export { default as BedSingleIcon } from './Illustrations/BedSingle'
+export { default as BedSofaIcon } from './Illustrations/BedSofa'
+export { default as BedSofaExtraIcon } from './Illustrations/BedSofaExtra'
+export { default as BedTwinIcon } from './Illustrations/BedTwin'
+export { default as BedWallExtraIcon } from './Illustrations/BedWallExtra'
export { default as CoinIcon } from './Illustrations/Coin'
export { default as CroissantCoffeeEggIcon } from './Illustrations/CroissantCoffeeEgg'
export { default as CutleryOneIcon } from './Illustrations/CutleryOne'
@@ -37,6 +49,7 @@ export { default as MagicWandIcon } from './Illustrations/MagicWand'
export { default as MoneyHandIcon } from './Illustrations/MoneyHand'
export { default as SurpriseIcon } from './Illustrations/Surprise'
export { default as VoucherIcon } from './Illustrations/Voucher'
+export { default as HotelLogo } from './Logos'
export { default as DowntownCamperIcon } from './Logos/DowntownCamper'
export { default as GrandHotelOsloLogoIcon } from './Logos/GrandHotelOslo'
export { default as HaymarketIcon } from './Logos/Haymarket'
@@ -44,6 +57,7 @@ export { default as HotelNorgeIcon } from './Logos/HotelNorge'
export { default as MarskiLogoIcon } from './Logos/Marski'
export { default as ScandicGoLogoIcon } from './Logos/ScandicGoLogo'
export { default as ScandicLogoIcon } from './Logos/ScandicLogo'
+export { MaterialIcon } from './MaterialIcon'
export { default as BathroomCabinet2Icon } from './Nucleo/Amenities&Facilities/bathroom-cabinet-2'
export { default as ConferenceRoomIcon } from './Nucleo/Amenities&Facilities/conference-room'
export { default as Door2Icon } from './Nucleo/Amenities&Facilities/door-2'
@@ -57,15 +71,13 @@ export { default as BowlingPinsIcon } from './Nucleo/Experiences/bowling-pins'
export { default as PalmTree2Icon } from './Nucleo/Experiences/palm-tree-2'
export { default as Chips3Icon } from './Nucleo/Food/chips-3'
export { default as Popcorn2Icon } from './Nucleo/Food/popcorn-2'
-export { default as HotelLogo } from './Logos'
-export { MaterialIcon } from './MaterialIcon'
-export type {
- MaterialIconProps,
- MaterialIconSetIconProps,
-} from './MaterialIcon'
export type {
IconProps,
LogoAndIllustrationProps,
NucleoIconProps,
} from './icon'
+export type {
+ MaterialIconProps,
+ MaterialIconSetIconProps,
+} from './MaterialIcon'