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'