scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in feat/SW-1711-switch-icons (pull request #1558)

Browse Source 
Switches out all the old icons to new ones, and moves them to the design system. The new icons are of three different types: Materialise Symbol, Nucleo, and Customized. Also adds further mapping between facilities/amenities and icons.

Approved-by: Michael Zetterberg
Approved-by: Erik Tiekstra
This commit is contained in:
Matilda Landström
2025-03-27 09:42:52 +00:00
parent 93c7fe64bf
commit 5de2a993a7
524 changed files with 4442 additions and 6802 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/design-system/lib/components/ChipButton/ChipButton.stories.tsx
View File

@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react'
import { fn } from '@storybook/test'
import { ChipButton } from './ChipButton.tsx'
import ChevronRightSmallIcon from '../Icons/ChevronRightSmall.tsx'
import { MaterialSymbol } from 'react-material-symbols'
const meta: Meta<typeof ChipButton> = {
title: 'Components/Chip/ChipButton 🚧',
@@ -26,7 +26,8 @@ export const Default: Story = {
onPress: fn(),
children: (
<>
Button Chip <ChevronRightSmallIcon width={20} height={20} />
Button Chip
<MaterialSymbol icon="chevron_right" size={20} />
</>
),
},

5
packages/design-system/lib/components/ChipLink/ChipLink.stories.tsx
View File

@@ -1,7 +1,7 @@
import type { Meta, StoryObj } from '@storybook/react'
import { ChipLink } from './ChipLink.tsx'
import ChevronRightSmallIcon from '../Icons/ChevronRightSmall.tsx'
import { MaterialIcon } from '../Icons/MaterialIcon'
const meta: Meta<typeof ChipLink> = {
title: 'Components/Chip/ChipLInk 🚧',
@@ -18,7 +18,8 @@ export const Default: Story = {
onClick: (e) => e.preventDefault(),
children: (
<>
Link Chip <ChevronRightSmallIcon width={20} height={20} />
Link Chip
<MaterialIcon icon="chevron_right" size={20} />
</>
),
},

17
packages/design-system/lib/components/Icons/CheckCircle.tsx
View File

@@ -1,17 +0,0 @@
import { SVGProps } from 'react'
export default function CheckCircleIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg
fill="none"
viewBox="0 0 32 32"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M14.6667 18.4333L11.8148 15.5814C11.5716 15.3383 11.2778 15.2167 10.9333 15.2167C10.5889 15.2167 10.2944 15.3389 10.05 15.5833C9.80556 15.8278 9.68333 16.1222 9.68333 16.4667C9.68333 16.8111 9.8036 17.1036 10.0441 17.3441L13.7833 21.0833C14.0348 21.3389 14.3283 21.4667 14.6636 21.4667C14.999 21.4667 15.2944 21.3389 15.55 21.0833L22.95 13.6833C23.1944 13.4389 23.3167 13.1444 23.3167 12.8C23.3167 12.4556 23.1944 12.1611 22.95 11.9167C22.7056 11.6722 22.4111 11.55 22.0667 11.55C21.7222 11.55 21.4292 11.6708 21.1877 11.9123L14.6667 18.4333ZM16.5 29C14.7021 29 13.0125 28.6582 11.4312 27.9746C9.84986 27.2909 8.47433 26.3632 7.3046 25.1912C6.13487 24.0193 5.20833 22.6435 4.525 21.0638C3.84167 19.484 3.5 17.7961 3.5 16C3.5 14.2021 3.84181 12.5125 4.52543 10.9312C5.20906 9.34986 6.13683 7.97433 7.30877 6.8046C8.4807 5.63487 9.85652 4.70833 11.4362 4.025C13.016 3.34167 14.7039 3 16.5 3C18.2979 3 19.9875 3.34181 21.5688 4.02543C23.1501 4.70906 24.5257 5.63683 25.6954 6.80877C26.8651 7.9807 27.7917 9.35652 28.475 10.9362C29.1583 12.516 29.5 14.2039 29.5 16C29.5 17.7979 29.1582 19.4875 28.4746 21.0688C27.7909 22.6501 26.8632 24.0257 25.6912 25.1954C24.5193 26.3651 23.1435 27.2917 21.5638 27.975C19.984 28.6583 18.2961 29 16.5 29Z"
fill="currentColor"
/>
</svg>
)
}

16
packages/design-system/lib/components/Icons/ChevronRightSmall.tsx
View File

@@ -1,16 +0,0 @@
export default function ChevronRightSmallIcon(
props: React.SVGAttributes<HTMLOrSVGElement>
) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="currentColor"
{...props}
>
<path d="M12.65 12L8.77495 8.12497C8.59995 7.94997 8.51245 7.73538 8.51245 7.48122C8.51245 7.22705 8.59995 7.0083 8.77495 6.82497C8.94995 6.64163 9.16662 6.54788 9.42495 6.54372C9.68328 6.53955 9.90412 6.62913 10.0875 6.81247L14.6125 11.3375C14.7041 11.4291 14.7729 11.5312 14.8187 11.6437C14.8645 11.7562 14.8875 11.875 14.8875 12C14.8875 12.125 14.8645 12.2437 14.8187 12.3562C14.7729 12.4687 14.7041 12.5708 14.6125 12.6625L10.0875 17.1875C9.90412 17.3708 9.68328 17.4604 9.42495 17.4562C9.16662 17.4521 8.94995 17.3583 8.77495 17.175C8.59995 16.9916 8.51245 16.7729 8.51245 16.5187C8.51245 16.2646 8.59995 16.05 8.77495 15.875L12.65 12Z" />
</svg>
)
}

37
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/BedHotel.tsx Normal file
View File

@@ -0,0 +1,37 @@
import type { IconProps } from '../../icon'
import { iconVariants } from '../../variants'
export default function BedHotelIcon({
className,
color,
size = 24,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M1.9375 22.4618C1.67917 22.4618 1.45833 22.3702 1.275 22.1868C1.09167 22.0035 1 21.7826 1 21.5243V8.79932C1 8.54098 1.09167 8.32015 1.275 8.13682C1.45833 7.95348 1.67917 7.86182 1.9375 7.86182C2.19583 7.86182 2.41667 7.95348 2.6 8.13682C2.78333 8.32015 2.875 8.54098 2.875 8.79932V17.6118H10.825V11.7118C10.825 11.1962 11.0086 10.7548 11.3758 10.3876C11.743 10.0204 12.1844 9.83682 12.7 9.83682H18.65C19.7167 9.83682 20.625 10.2118 21.375 10.9618C22.125 11.7118 22.5 12.6202 22.5 13.6868V21.5243C22.5 21.7826 22.4083 22.0035 22.225 22.1868C22.0417 22.3702 21.8208 22.4618 21.5625 22.4618C21.3042 22.4618 21.0833 22.3702 20.9 22.1868C20.7167 22.0035 20.625 21.7826 20.625 21.5243V19.4868H2.875V21.5243C2.875 21.7826 2.78333 22.0035 2.6 22.1868C2.41667 22.3702 2.19583 22.4618 1.9375 22.4618ZM12.7 17.6118H20.625V13.6844C20.625 13.1443 20.431 12.6806 20.043 12.2931C19.655 11.9056 19.1886 11.7118 18.6438 11.7118H12.7V17.6118Z"
fill="#26201E"
/>
<path
d="M5.24998 15.4869C5.64164 15.8785 6.11248 16.0744 6.66248 16.0744C7.21248 16.0744 7.68331 15.8785 8.07498 15.4869C8.46664 15.0952 8.66248 14.6244 8.66248 14.0744C8.66248 13.5244 8.46664 13.0535 8.07498 12.6619C7.68331 12.2702 7.21248 12.0744 6.66248 12.0744C6.11248 12.0744 5.64164 12.2702 5.24998 12.6619C4.85831 13.0535 4.66248 13.5244 4.66248 14.0744C4.66248 14.6244 4.85831 15.0952 5.24998 15.4869Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M9.46429 5.96429H10.7857V7.28571C10.7857 7.54911 10.8821 7.78088 11.0685 7.96725C11.2548 8.15363 11.4866 8.25 11.75 8.25C12.0134 8.25 12.2452 8.15363 12.4315 7.96725C12.6179 7.78088 12.7143 7.54911 12.7143 7.28571V5.96429H14.0357C14.2991 5.96429 14.5309 5.86791 14.7173 5.68154C14.9036 5.49516 15 5.2634 15 5C15 4.7366 14.9036 4.50484 14.7173 4.31846C14.5309 4.13209 14.2991 4.03571 14.0357 4.03571H12.7143V2.71429C12.7143 2.45089 12.6179 2.21912 12.4315 2.03275C12.2452 1.84637 12.0134 1.75 11.75 1.75C11.4866 1.75 11.2548 1.84637 11.0685 2.03275C10.8821 2.21912 10.7857 2.45089 10.7857 2.71429V4.03571H9.46429C9.20089 4.03571 8.96912 4.13209 8.78275 4.31846C8.59637 4.50484 8.5 4.7366 8.5 5C8.5 5.2634 8.59637 5.49516 8.78275 5.68154C8.96912 5.86791 9.20089 5.96429 9.46429 5.96429Z"
fill="#26201E"
/>
</svg>
)
}

32
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Cooling.tsx Normal file
View File

@@ -0,0 +1,32 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function CoolingIcon({
className,
color,
size,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width={24}
height={24}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M4.125 21.75C3.60937 21.75 3.16796 21.5664 2.80077 21.1992C2.43359 20.832 2.25 20.3906 2.25 19.875V4.125C2.25 3.60937 2.43359 3.16796 2.80077 2.80078C3.16796 2.43359 3.60937 2.25 4.125 2.25H19.875C20.3906 2.25 20.832 2.43359 21.1992 2.80078C21.5664 3.16796 21.75 3.60937 21.75 4.125V19.875C21.75 20.3906 21.5664 20.832 21.1992 21.1992C20.832 21.5664 20.3906 21.75 19.875 21.75H4.125ZM4.125 19.875H19.875V4.125H4.125V19.875Z"
fill="#26201E"
/>
<path
d="M11.434 15.3113L9.97658 16.7404C9.87282 16.8442 9.74311 16.8961 9.58746 16.8961C9.43182 16.8961 9.30211 16.8395 9.19834 16.7263C9.08515 16.6225 9.02855 16.4928 9.02855 16.3372C9.02855 16.1815 9.08515 16.0471 9.19834 15.9339L11.434 13.6982V12.5662H10.302L8.05221 14.8161C7.94845 14.9198 7.81874 14.9717 7.66309 14.9717C7.50744 14.9717 7.37302 14.9151 7.25982 14.8019C7.15606 14.6981 7.10418 14.5684 7.10418 14.4128C7.10418 14.2571 7.15606 14.1274 7.25982 14.0237L8.68895 12.5662H6.89193C6.73157 12.5662 6.5995 12.512 6.49574 12.4035C6.39197 12.295 6.34009 12.1606 6.34009 12.0002C6.34009 11.8399 6.39433 11.7055 6.50281 11.597C6.61129 11.4885 6.74572 11.4343 6.90608 11.4343H8.68895L7.25982 9.99098C7.15606 9.88721 7.10418 9.7575 7.10418 9.60186C7.10418 9.44621 7.16078 9.31179 7.27397 9.19859C7.37774 9.09482 7.50744 9.04294 7.66309 9.04294C7.81874 9.04294 7.95316 9.09482 8.06636 9.19859L10.302 11.4343H11.434V10.3023L9.18419 8.06661C9.08043 7.96284 9.02855 7.83313 9.02855 7.67749C9.02855 7.52184 9.08515 7.38742 9.19834 7.27422C9.30211 7.17045 9.43182 7.11857 9.58746 7.11857C9.74311 7.11857 9.87282 7.17045 9.97658 7.27422L11.434 8.6892V6.90632C11.434 6.74596 11.4883 6.61154 11.5967 6.50305C11.7052 6.39457 11.8396 6.34033 12 6.34033C12.1604 6.34033 12.2948 6.39457 12.4033 6.50305C12.5118 6.61154 12.566 6.74596 12.566 6.90632V8.6892L14.0093 7.27422C14.113 7.17045 14.2427 7.11857 14.3984 7.11857C14.554 7.11857 14.6885 7.17045 14.8017 7.27422C14.9054 7.38742 14.9573 7.52184 14.9573 7.67749C14.9573 7.83313 14.9054 7.96284 14.8017 8.06661L12.566 10.3023V11.4343H13.698L15.9336 9.19859C16.0374 9.09482 16.1671 9.04294 16.3228 9.04294C16.4784 9.04294 16.6128 9.09954 16.726 9.21274C16.8298 9.3165 16.8817 9.44621 16.8817 9.60186C16.8817 9.7575 16.8298 9.88721 16.726 9.99098L15.311 11.4343H17.0939C17.2543 11.4343 17.3887 11.4885 17.4972 11.597C17.6057 11.7055 17.6599 11.8399 17.6599 12.0002C17.6599 12.1606 17.6057 12.295 17.4972 12.4035C17.3887 12.512 17.2543 12.5662 17.0939 12.5662H15.311L16.726 14.0237C16.8298 14.1274 16.8817 14.2571 16.8817 14.4128C16.8817 14.5684 16.8298 14.6981 16.726 14.8019C16.6128 14.9151 16.4784 14.9717 16.3228 14.9717C16.1671 14.9717 16.0374 14.9151 15.9336 14.8019L13.698 12.5662H12.566V13.6982L14.8017 15.948C14.9054 16.0518 14.9573 16.1815 14.9573 16.3372C14.9573 16.4928 14.9007 16.6272 14.7875 16.7404C14.6837 16.8442 14.554 16.8961 14.3984 16.8961C14.2427 16.8961 14.113 16.8442 14.0093 16.7404L12.566 15.3113V17.1083C12.566 17.2687 12.5118 17.4007 12.4033 17.5045C12.2948 17.6083 12.1604 17.6602 12 17.6602C11.8396 17.6602 11.7052 17.6059 11.5967 17.4974C11.4883 17.389 11.434 17.2545 11.434 17.0942V15.3113Z"
fill="#26201E"
/>
</svg>
)
}

32
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/CouchTable.tsx Normal file
View File

@@ -0,0 +1,32 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function CouchTableIcon({
className,
color,
size = 24,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path
d="M4 19C3.15 19 2.4375 18.7125 1.8625 18.1375C1.2875 17.5625 1 16.85 1 16V13.5C1 12.95 1.18333 12.4375 1.55 11.9625C1.91667 11.4875 2.4 11.2 3 11.1V9C3 8.45 3.19583 7.97917 3.5875 7.5875C3.97917 7.19583 4.45 7 5 7H13C13.55 7 14.0208 7.19583 14.4125 7.5875C14.8042 7.97917 15 8.45 15 9V11.1C15.6 11.2 16.0833 11.475 16.45 11.925C16.8167 12.375 17 12.9 17 13.5V16C17 16.85 16.7125 17.5625 16.1375 18.1375C15.5625 18.7125 14.85 19 14 19H4ZM5 9V11.5C5.3 11.75 5.54167 12.0458 5.725 12.3875C5.90833 12.7292 6 13.1 6 13.5V14H12V13.5C12 13.1 12.0917 12.7292 12.275 12.3875C12.4583 12.0458 12.7 11.75 13 11.5V9H5ZM4 17H14C14.3 17 14.5417 16.8958 14.725 16.6875C14.9083 16.4792 15 16.25 15 16V13.5C15 13.35 14.9542 13.2292 14.8625 13.1375C14.7708 13.0458 14.65 13 14.5 13C14.35 13 14.2292 13.0458 14.1375 13.1375C14.0458 13.2292 14 13.35 14 13.5V16H4V13.5C4 13.35 3.95417 13.2292 3.8625 13.1375C3.77083 13.0458 3.65 13 3.5 13C3.35 13 3.22917 13.0458 3.1375 13.1375C3.04583 13.2292 3 13.35 3 13.5V16C3 16.25 3.09167 16.4792 3.275 16.6875C3.45833 16.8958 3.7 17 4 17Z"
fill="#26201E"
/>
<path
d="M21 13.8665V19H19V13.885L16.824 13.8963C16.349 13.8988 15.9627 13.5144 15.9627 13.0394C15.9627 12.567 16.3451 12.1836 16.8176 12.1826L21.9997 12.1707C22.4688 12.1696 22.8496 12.5495 22.8496 13.0186C22.8496 13.4869 22.47 13.8665 22.0017 13.8665H21Z"
fill="#26201E"
/>
</svg>
)
}

28
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/FootStool.tsx Normal file
View File

@@ -0,0 +1,28 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function FootStoolIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path
d="M3.22498 19.8125V9.9444C3.22498 9.40648 3.41456 8.95211 3.79373 8.58127C4.17289 8.21044 4.63183 8.02502 5.17053 8.02502C14.294 8.02502 15.676 8.02502 18.8294 8.02502C19.3681 8.02502 19.8271 8.21044 20.2062 8.58127C20.5854 8.95211 20.775 9.40648 20.775 9.9444V19.8125C20.775 20.0709 20.6833 20.2917 20.5 20.475C20.3166 20.6584 20.0958 20.75 19.8375 20.75C19.5791 20.75 19.3583 20.6584 19.175 20.475C18.9916 20.2917 18.9 20.0709 18.9 19.8125V14.8H5.09998V19.8125C5.09998 20.0709 5.00831 20.2917 4.82498 20.475C4.64164 20.6584 4.42081 20.75 4.16248 20.75C3.90414 20.75 3.68331 20.6584 3.49998 20.475C3.31664 20.2917 3.22498 20.0709 3.22498 19.8125ZM5.09998 12.925H18.9V9.90003H5.09998V12.925Z"
fill="#26201E"
/>
</svg>
)
}

46
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Hairdryer.tsx Normal file
View File

@@ -0,0 +1,46 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function HairdryerIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path
d="M20.3933 9.705C20.3933 8.89072 20.1059 8.19833 19.5311 7.62786C18.9563 7.05739 18.2584 6.77215 17.4372 6.77215H8.74704C8.49762 6.77215 8.2844 6.68439 8.1074 6.50886C7.93039 6.33332 7.84188 6.12189 7.84188 5.87455C7.84188 5.62722 7.93039 5.41578 8.1074 5.24025C8.2844 5.06472 8.49762 4.97696 8.74704 4.97696H17.4365C18.7554 4.97696 19.8797 5.43793 20.8093 6.35988C21.7389 7.28184 22.2037 8.39686 22.2037 9.70493V18.5425C22.2037 19.0713 21.7714 19.4999 21.2382 19.4999H17.6417C17.1085 19.4999 16.6762 19.0713 16.6762 18.5425V14.3764C15.8235 14.2551 15.0899 13.918 14.4037 13.3545C13.5291 12.6365 13.5745 12.5766 12.749 11.5593H9.71253C9.46311 11.5593 9.2499 11.4716 9.07289 11.296C8.89589 11.1205 8.80738 10.9091 8.80738 10.6617C8.80738 10.4144 8.89589 10.203 9.07289 10.0274C9.2499 9.85191 9.46311 9.76415 9.71253 9.76415H13.4811C13.9906 9.76415 14.3777 10.1879 14.5547 10.6617C14.7126 11.0846 14.987 11.4285 15.3419 11.7808C15.9167 12.3512 16.6147 12.6365 17.4358 12.6365C17.5165 12.6365 17.596 12.6337 17.6743 12.6282C18.077 12.5999 18.4865 12.8831 18.4865 13.2834V17.4563C18.4865 17.6675 18.6589 17.8388 18.8719 17.8393L20.0063 17.8417C20.2199 17.8422 20.3933 17.6706 20.3933 17.4587V9.705Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M17.438 11.4968C16.914 11.4968 16.465 11.3118 16.0909 10.9418C15.7167 10.5718 15.5297 10.127 15.5297 9.60736C15.5297 9.08776 15.7162 8.64246 16.0894 8.27145C16.4625 7.90044 16.911 7.71494 17.435 7.71494C17.959 7.71494 18.408 7.89995 18.7822 8.26996C19.1563 8.63998 19.3434 9.08479 19.3434 9.60439C19.3434 10.124 19.1568 10.5693 18.7837 10.9403C18.4105 11.3113 17.962 11.4968 17.438 11.4968ZM16.7667 10.2716C16.9477 10.4503 17.1714 10.5396 17.4378 10.5396C17.7041 10.5396 17.9274 10.4498 18.1076 10.2703C18.2878 10.0908 18.3779 9.86897 18.3779 9.60483C18.3779 9.3407 18.2874 9.11929 18.1063 8.9406C17.9253 8.76193 17.7016 8.67259 17.4352 8.67259C17.1689 8.67259 16.9456 8.76235 16.7654 8.94187C16.5852 9.12139 16.4952 9.34322 16.4952 9.60736C16.4952 9.87149 16.5857 10.0929 16.7667 10.2716Z"
fill="#26201E"
/>
<path
d="M5.98812 5.09562C6.07942 4.92317 6.07619 4.74726 5.97901 4.57747L5.9783 4.57625C5.84295 4.34975 5.66047 4.17098 5.43173 4.04089C5.20285 3.91072 4.95481 3.84558 4.68894 3.84558C4.28066 3.84558 3.93106 3.98777 3.64455 4.27118C3.35796 4.55468 3.21397 4.90158 3.21397 5.30745C3.21397 5.71333 3.35796 6.06065 3.64446 6.34505C3.93094 6.62943 4.28058 6.77215 4.68894 6.77215H6.807C6.95148 6.77215 7.07707 6.72046 7.17963 6.61876C7.28221 6.51703 7.33458 6.3922 7.33458 6.24835C7.33458 6.10451 7.28221 5.97967 7.17963 5.87795C7.07707 5.77624 6.95148 5.72455 6.807 5.72455L4.68636 5.72455C4.57124 5.72455 4.47437 5.6846 4.39176 5.60268C4.30937 5.52098 4.26913 5.42445 4.26913 5.30887C4.26913 5.19328 4.30937 5.09675 4.39176 5.01505C4.47417 4.93333 4.57182 4.89318 4.68894 4.89318C4.75984 4.89318 4.82693 4.90631 4.89079 4.93246C4.95178 4.95745 4.99815 4.99387 5.03232 5.04145L5.03304 5.04243C5.09367 5.12402 5.1651 5.1959 5.24712 5.25797C5.3369 5.32591 5.44013 5.35993 5.55412 5.35993C5.64869 5.35993 5.73479 5.33849 5.80957 5.29285C5.88428 5.24726 5.94335 5.18019 5.98812 5.09562Z"
fill="#26201E"
/>
<path
d="M8.55441 7.88364C8.45185 7.78193 8.32626 7.73024 8.18178 7.73024L2.52761 7.73024C2.38313 7.73024 2.25754 7.78193 2.15498 7.88364C2.0524 7.98536 2.00003 8.1102 2.00003 8.25404C2.00003 8.39789 2.0524 8.52273 2.15498 8.62445C2.25754 8.72615 2.38313 8.77784 2.52761 8.77784L8.18178 8.77784C8.32626 8.77784 8.45185 8.72615 8.55441 8.62445C8.65699 8.52273 8.70935 8.39789 8.70935 8.25404C8.70935 8.1102 8.65699 7.98536 8.55441 7.88364Z"
fill="#26201E"
/>
<path
d="M6.2737 12.0792C6.33521 11.9188 6.31116 11.7643 6.20583 11.625C6.10083 11.4862 5.95678 11.4157 5.78093 11.4157C5.6522 11.4157 5.53973 11.4612 5.44757 11.5506C5.36483 11.6309 5.2936 11.7206 5.23395 11.8195C5.17676 11.9163 5.09834 11.9908 4.99816 12.0427C4.89649 12.0954 4.78683 12.1218 4.66806 12.1218C4.48377 12.1218 4.32963 12.0586 4.20124 11.9312C4.07292 11.8038 4.00942 11.6507 4.00942 11.4675C4.00942 11.2844 4.07312 11.131 4.20198 11.0031C4.33086 10.8752 4.4856 10.8117 4.67061 10.8117H7.71796C7.86244 10.8117 7.98803 10.7601 8.09059 10.6584C8.19317 10.5566 8.24554 10.4318 8.24554 10.2879C8.24554 10.1441 8.19317 10.0193 8.09059 9.91754C7.98803 9.81584 7.86244 9.76415 7.71796 9.76415L4.67061 9.76415C4.19765 9.76415 3.79177 9.93043 3.45719 10.2616C3.12254 10.5928 2.95427 10.9955 2.95427 11.4655C2.95427 11.9354 3.12253 12.3386 3.45712 12.6706C3.79168 13.0027 4.19758 13.1694 4.67061 13.1694C5.03173 13.1694 5.36026 13.0715 5.65414 12.8756C5.94859 12.6793 6.15561 12.4131 6.2737 12.0792Z"
fill="#26201E"
/>
</svg>
)
}

37
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/HandSoap.tsx Normal file
View File

@@ -0,0 +1,37 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function HandSoapIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<g clip-path="url(#clip0_4037_3127)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M8.93432 2.50091C8.93432 2.01716 9.32648 1.625 9.81023 1.625H15.6496C16.2691 1.625 16.8632 1.87109 17.3013 2.30913C17.7393 2.74717 17.9854 3.34128 17.9854 3.96077C17.9854 4.44452 17.5933 4.83668 17.1095 4.83668C16.6257 4.83668 16.2336 4.44452 16.2336 3.96077C16.2336 3.8059 16.1721 3.65737 16.0626 3.54786C15.953 3.43835 15.8045 3.37682 15.6496 3.37682H12.8759V5.6396H14.1898C15.0029 5.6396 15.7826 5.96259 16.3576 6.53752C16.9325 7.11245 17.2555 7.89222 17.2555 8.70529V9.39167C17.9345 9.55274 18.562 9.89942 19.0635 10.4009C19.7753 11.1128 20.1752 12.0782 20.1752 13.0849V20.0192C20.1752 20.4451 20.006 20.8535 19.7049 21.1547C19.4037 21.4558 18.9952 21.625 18.5694 21.625H5.43067C5.00477 21.625 4.59632 21.4558 4.29517 21.1547C3.99402 20.8535 3.82483 20.4451 3.82483 20.0192V13.0849C3.82483 12.0782 4.22472 11.1128 4.93654 10.4009C5.43807 9.89942 6.0655 9.55274 6.74454 9.39167V8.70529C6.74454 7.89222 7.06753 7.11245 7.64246 6.53752C8.21739 5.96259 8.99716 5.6396 9.81023 5.6396H11.1241V3.37682H9.81023C9.32648 3.37682 8.93432 2.98467 8.93432 2.50091ZM9.81023 7.39142C9.46177 7.39142 9.12758 7.52985 8.88119 7.77625C8.63479 8.02264 8.49636 8.35683 8.49636 8.70529V9.28923H15.5037V8.70529C15.5037 8.35683 15.3652 8.02264 15.1188 7.77625C14.8724 7.52985 14.5383 7.39142 14.1898 7.39142H9.81023ZM7.62045 11.0411C7.0784 11.0411 6.55855 11.2564 6.17527 11.6397C5.79198 12.023 5.57665 12.5428 5.57665 13.0849V19.8732H18.4234V13.0849C18.4234 12.5428 18.208 12.023 17.8248 11.6397C17.4415 11.2564 16.9216 11.0411 16.3796 11.0411H7.62045Z"
fill="#26201E"
/>
</g>
<defs>
<clipPath id="clip0_4037_3127">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
)
}

43
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/IceMachine.tsx Normal file
View File

@@ -0,0 +1,43 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function IceMachineIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path d="M12.0519 15.0447H14.6V17.5928H12.0519V15.0447Z" fill="#26201E" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M4.5769 20.6484C4.0269 20.6484 3.55607 20.4526 3.1644 20.0609C2.77274 19.6693 2.5769 19.1984 2.5769 18.6484V4.64844C2.5769 4.09844 2.77274 3.6276 3.1644 3.23594C3.55607 2.84427 4.0269 2.64844 4.5769 2.64844H18.5769C19.1269 2.64844 19.5977 2.84427 19.9894 3.23594C20.3811 3.6276 20.5769 4.09844 20.5769 4.64844V18.6484C20.5769 19.1984 20.3811 19.6693 19.9894 20.0609C19.5977 20.4526 19.1269 20.6484 18.5769 20.6484H4.5769ZM4.5769 18.6484V10.6484H18.5769V18.6484H4.5769ZM18.5769 8.64844H4.5769V4.64844H18.5769V8.64844Z"
fill="#D9D9D9"
/>
<path
d="M16.5769 7.64844C16.8602 7.64844 17.0977 7.5526 17.2894 7.36094C17.4811 7.16927 17.5769 6.93177 17.5769 6.64844C17.5769 6.3651 17.4811 6.1276 17.2894 5.93594C17.0977 5.74427 16.8602 5.64844 16.5769 5.64844C16.2936 5.64844 16.0561 5.74427 15.8644 5.93594C15.6727 6.1276 15.5769 6.3651 15.5769 6.64844C15.5769 6.93177 15.6727 7.16927 15.8644 7.36094C16.0561 7.5526 16.2936 7.64844 16.5769 7.64844Z"
fill="#D9D9D9"
/>
<path
d="M8.99573 11.5868H11.5438V14.1349H8.99573V11.5868Z"
fill="#26201E"
/>
<path
d="M4.0769 18.6484V19.1484H4.5769H18.5769H19.0769V18.6484V10.6484V10.1484H18.5769H4.5769H4.0769V10.6484V18.6484ZM18.5769 9.14844H19.0769V8.64844V4.64844V4.14844H18.5769H4.5769H4.0769V4.64844V8.64844V9.14844H4.5769H18.5769ZM12.5519 15.5447H14.1V17.0928H12.5519V15.5447ZM4.5769 20.1484C4.16057 20.1484 3.8166 20.006 3.51796 19.7074C3.21931 19.4087 3.0769 19.0648 3.0769 18.6484V4.64844C3.0769 4.2321 3.21931 3.88814 3.51796 3.58949C3.8166 3.29084 4.16057 3.14844 4.5769 3.14844H18.5769C18.9932 3.14844 19.3372 3.29084 19.6359 3.58949C19.9345 3.88814 20.0769 4.2321 20.0769 4.64844V18.6484C20.0769 19.0648 19.9345 19.4087 19.6359 19.7074C19.3372 20.006 18.9932 20.1484 18.5769 20.1484H4.5769ZM16.9359 7.00738C16.8426 7.10065 16.7343 7.14844 16.5769 7.14844C16.4195 7.14844 16.3112 7.10066 16.218 7.00738C16.1247 6.91411 16.0769 6.80585 16.0769 6.64844C16.0769 6.49102 16.1247 6.38276 16.218 6.28949C16.3112 6.19622 16.4195 6.14844 16.5769 6.14844C16.7343 6.14844 16.8426 6.19622 16.9359 6.28949C17.0291 6.38276 17.0769 6.49102 17.0769 6.64844C17.0769 6.80585 17.0291 6.91411 16.9359 7.00738ZM9.49573 12.0868H11.0438V13.6349H9.49573V12.0868Z"
stroke="#26201E"
/>
</svg>
)
}

57
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Massage.tsx Normal file
View File

@@ -0,0 +1,57 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function MassageIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<g clip-path="url(#clip0_7025_35183)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M1.09521 15.5714C1.09521 15.0717 1.50029 14.6666 1.99998 14.6666H13.7619C14.0018 14.6666 14.232 14.762 14.4016 14.9316L17.6586 18.1886L20.7805 17.408C21.2652 17.2867 21.7565 17.5814 21.8777 18.0662C21.9989 18.551 21.7042 19.0422 21.2195 19.1634L18.0971 19.9442C17.7942 20.0198 17.4763 20.0158 17.1754 19.9324C16.8745 19.849 16.6003 19.6892 16.3794 19.4685L13.3871 16.4762H1.99998C1.50029 16.4762 1.09521 16.0711 1.09521 15.5714Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M5.93801 7.42855L5.93931 7.42855L6.52379 7.42855C6.76374 7.42855 6.99387 7.52387 7.16355 7.69355L11.6874 12.2174C12.0407 12.5707 12.0407 13.1436 11.6874 13.4969C11.334 13.8502 10.7612 13.8502 10.4078 13.4969L6.14902 9.23807H5.94006C5.75966 9.23844 5.58349 9.29273 5.43418 9.39396C5.28471 9.4953 5.16898 9.63905 5.10189 9.80671L3.74457 13.1937C3.55869 13.6575 3.032 13.8828 2.56818 13.697C2.10435 13.5111 1.87903 12.9844 2.06491 12.5206L3.42187 9.13448C3.62316 8.63168 3.97044 8.20015 4.41872 7.89622C4.86713 7.5922 5.39626 7.42933 5.93801 7.42855Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M1.09521 19.1905C1.09521 18.6908 1.50029 18.2857 1.99998 18.2857H12.2627C12.5026 18.2857 12.7328 18.381 12.9025 18.5507L14.712 20.3602C15.0653 20.7135 15.0653 21.2864 14.712 21.6397C14.3586 21.9931 13.7858 21.9931 13.4325 21.6397L11.8879 20.0952H1.99998C1.50029 20.0952 1.09521 19.6901 1.09521 19.1905Z"
fill="#26201E"
/>
<path
d="M4 4C4 2.89543 4.89543 2 6 2C7.10457 2 8 2.89543 8 4C8 5.10457 7.10457 6 6 6C4.89543 6 4 5.10457 4 4Z"
fill="#26201E"
/>
<path
d="M16 14C16 12.8954 16.8954 12 18 12C19.1046 12 20 12.8954 20 14C20 15.1046 19.1046 16 18 16C16.8954 16 16 15.1046 16 14Z"
fill="#26201E"
/>
</g>
<defs>
<clipPath id="clip0_7025_35183">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
)
}

36
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/MdiBunkBedOutline.tsx Normal file
View File

@@ -0,0 +1,36 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function MdiBunkBedIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M2 3.90909C2 3.40701 2.40701 3 2.90909 3C3.41117 3 3.81818 3.40701 3.81818 3.90909V9.33333H10.1818V4.90476C10.1818 4.35248 10.6295 3.90476 11.1818 3.90476H18.3636C20.3636 3.90476 22 5.53333 22 7.52381V21.0909C22 21.593 21.593 22 21.0909 22C20.5888 22 20.1818 21.593 20.1818 21.0909V20.1905H3.81818V21.0909C3.81818 21.593 3.41117 22 2.90909 22C2.40701 22 2 21.593 2 21.0909V3.90909ZM12 5.71429V9.33333H20.1818V7.52381C20.1818 6.52857 19.3636 5.71429 18.3636 5.71429H12ZM3.81818 11.1429V18.381H10.1818V13.9524C10.1818 13.4001 10.6295 12.9524 11.1818 12.9524H18.3636C19 12.9524 19.6364 13.1333 20.1818 13.4952V11.1429H3.81818ZM12 14.7619V18.381H20.1818V16.5714C20.1818 15.5762 19.3636 14.7619 18.3636 14.7619H12Z"
fill="#26201E"
/>
<path
d="M5.5 16.5C5.89167 16.8917 6.3625 17.0875 6.9125 17.0875C7.4625 17.0875 7.93333 16.8917 8.325 16.5C8.71667 16.1083 8.9125 15.6375 8.9125 15.0875C8.9125 14.5375 8.71667 14.0667 8.325 13.675C7.93333 13.2833 7.4625 13.0875 6.9125 13.0875C6.3625 13.0875 5.89167 13.2833 5.5 13.675C5.10833 14.0667 4.9125 14.5375 4.9125 15.0875C4.9125 15.6375 5.10833 16.1083 5.5 16.5Z"
fill="#26201E"
/>
<path
d="M5.49998 7.5C5.89164 7.89167 6.36248 8.0875 6.91248 8.0875C7.46248 8.0875 7.93331 7.89167 8.32498 7.5C8.71664 7.10833 8.91248 6.6375 8.91248 6.0875C8.91248 5.5375 8.71664 5.06667 8.32498 4.675C7.93331 4.28333 7.46248 4.0875 6.91248 4.0875C6.36248 4.0875 5.89164 4.28333 5.49998 4.675C5.10831 5.06667 4.91248 5.5375 4.91248 6.0875C4.91248 6.6375 5.10831 7.10833 5.49998 7.5Z"
fill="#26201E"
/>
</svg>
)
}

38
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Mirror.tsx Normal file
View File

@@ -0,0 +1,38 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function MirrorIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width={size}
height={size}
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M10.9233 7.02326C10.6256 7.32089 10.6256 7.77918 10.9233 8.07681C11.0287 8.18223 11.1666 8.21874 11.2589 8.23413C11.3545 8.25007 11.4467 8.25005 11.4963 8.25004L11.5059 8.25004C11.5532 8.25007 11.6492 8.25015 11.7366 8.23268C11.781 8.2238 11.848 8.20596 11.9095 8.1634L11.9216 8.15513C11.9672 8.12385 12.0456 8.07018 12.1 8.00004L12.9768 7.07681C13.2744 6.77918 13.2744 6.32089 12.9768 6.02326C12.6792 5.72563 12.2209 5.72563 11.9233 6.02326L10.9233 7.02326Z"
fill="#26201E"
/>
<path
d="M9.04121 7.98411C9.13355 7.96872 9.22424 7.9346 9.37689 7.82678L11.7789 5.32481C12.0745 5.02713 12.0739 4.5702 11.7769 4.27323C11.4793 3.9756 11.021 3.9756 10.7233 4.27323L8.22333 6.77323C7.9257 7.07086 7.9257 7.52915 8.22333 7.82678C8.32875 7.93221 8.46667 7.96872 8.55901 7.98411C8.65461 8.00004 8.74676 8.00002 8.79633 8.00001H8.80388C8.85345 8.00002 8.94561 8.00004 9.04121 7.98411Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M15.7871 6.75C15.8213 6.64109 15.8791 6.54233 15.9607 6.46074C16.1014 6.32005 16.2932 6.25002 16.5 6.25002C16.7068 6.25002 16.8986 6.32005 17.0393 6.46074C17.18 6.60144 17.25 6.79321 17.25 7.00002C17.25 10.7847 14.4286 13.8436 10.7499 14.2127V16.75H12.5C12.7069 16.75 12.8986 16.8201 13.0393 16.9608C13.18 17.1015 13.25 17.2932 13.25 17.5C13.25 17.7069 13.18 17.8986 13.0393 18.0393C12.8986 18.18 12.7069 18.25 12.5 18.25H7.50004C7.29323 18.25 7.10146 18.18 6.96076 18.0393C6.82007 17.8986 6.75004 17.7069 6.75004 17.5C6.75004 17.2932 6.82007 17.1015 6.96076 16.9608C7.10146 16.8201 7.29323 16.75 7.50004 16.75H9.24994V14.2126C5.57135 13.8435 2.75 10.7846 2.75 7.00002C2.75 6.79321 2.82003 6.60144 2.96072 6.46074C3.10142 6.32005 3.29319 6.25002 3.5 6.25002C3.70681 6.25002 3.89858 6.32005 4.03928 6.46074C4.12086 6.54233 4.17869 6.64109 4.21287 6.75H4.75563C4.8825 3.93184 7.14581 1.75 10 1.75C12.8542 1.75 15.1175 3.93184 15.2444 6.75H15.7871ZM4.38783 8.25H4.8946C5.44341 10.5679 7.49394 12.25 10 12.25C12.5061 12.25 14.5566 10.5679 15.1054 8.25H15.6122C15.0373 10.8164 12.733 12.75 10 12.75C7.26696 12.75 4.96267 10.8164 4.38783 8.25ZM10 3.25C7.93809 3.25 6.25002 4.93807 6.25002 7C6.25002 9.06193 7.93809 10.75 10 10.75C12.0619 10.75 13.75 9.06193 13.75 7C13.75 4.93807 12.0619 3.25 10 3.25Z"
fill="#26201E"
/>
</svg>
)
}

72
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/MovingBeds.tsx Normal file
View File

@@ -0,0 +1,72 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function MovingBedsIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M12.21 17.2193C12.21 16.7528 12.5882 16.3746 13.0547 16.3746H19.6011C19.6322 16.3746 19.6633 16.3764 19.6942 16.3798C20.2608 16.4426 20.7817 16.7201 21.1501 17.1551C21.5185 17.5901 21.7063 18.1496 21.675 18.7188C21.6436 19.2879 21.3955 19.8235 20.9817 20.2154C20.5678 20.6073 20.0195 20.8259 19.4495 20.8262H13.0547C12.5882 20.8262 12.21 20.448 12.21 19.9815C12.21 19.515 12.5882 19.1368 13.0547 19.1368H19.4486C19.4486 19.1368 19.4487 19.1368 19.4486 19.1368C19.5867 19.1367 19.7198 19.0837 19.8201 18.9887C19.9204 18.8937 19.9805 18.7639 19.9881 18.6259C19.9957 18.4879 19.9502 18.3523 19.8609 18.2468C19.7794 18.1505 19.667 18.0861 19.5435 18.064H13.0547C12.5882 18.064 12.21 17.6859 12.21 17.2193Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M4.3054 8.39727C4.33568 8.39398 4.36612 8.39233 4.39658 8.39233H10.943C11.4095 8.39233 11.7877 8.77051 11.7877 9.23703C11.7877 9.70354 11.4095 10.0817 10.943 10.0817H4.45291C4.33 10.1032 4.21791 10.1667 4.13611 10.2619C4.04665 10.366 4.00013 10.5002 4.006 10.6374C4.01187 10.7745 4.06969 10.9043 4.16773 11.0003C4.26402 11.0947 4.39202 11.1496 4.52657 11.1545H10.943C11.4095 11.1545 11.7877 11.5327 11.7877 11.9992C11.7877 12.4657 11.4095 12.8439 10.943 12.8439H4.51484L4.49577 12.8437C3.9297 12.8309 3.38968 12.6032 2.98528 12.2069C2.58088 11.8106 2.34238 11.2753 2.31816 10.7096C2.29394 10.1439 2.48582 9.59019 2.85487 9.16077C3.22391 8.73134 3.74249 8.45839 4.3054 8.39727Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M13.0547 15.3103C12.9113 15.3103 12.7738 15.3673 12.6724 15.4687C12.5711 15.57 12.5141 15.7076 12.5141 15.8509C12.5141 15.9943 12.5711 16.1318 12.6724 16.2332C12.7738 16.3346 12.9113 16.3915 13.0547 16.3915C13.5212 16.3915 13.8994 16.7697 13.8994 17.2362C13.8994 17.7027 13.5212 18.0809 13.0547 18.0809C12.4633 18.0809 11.8961 17.846 11.4779 17.4278C11.0597 17.0096 10.8247 16.4424 10.8247 15.8509C10.8247 15.2595 11.0597 14.6923 11.4779 14.2741C11.8961 13.8559 12.4633 13.6209 13.0547 13.6209H17.5569C18.0234 13.6209 18.4016 13.9991 18.4016 14.4656C18.4016 14.9321 18.0234 15.3103 17.5569 15.3103H13.0547Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M5.59611 6.48332C5.59611 6.01681 5.97429 5.63862 6.4408 5.63862H10.943C11.2359 5.63862 11.5258 5.6963 11.7964 5.80837C12.067 5.92044 12.3128 6.0847 12.5199 6.29177C12.7269 6.49885 12.8912 6.74468 13.0033 7.01523C13.1153 7.28579 13.173 7.57577 13.173 7.86862C13.173 8.16146 13.1153 8.45144 13.0033 8.722C12.8912 8.99255 12.7269 9.23838 12.5199 9.44546C12.3128 9.65253 12.067 9.81679 11.7964 9.92886C11.5258 10.0409 11.2359 10.0986 10.943 10.0986C10.4765 10.0986 10.0983 9.72042 10.0983 9.25391C10.0983 8.7874 10.4765 8.40922 10.943 8.40922C11.014 8.40922 11.0843 8.39524 11.1499 8.36807C11.2155 8.3409 11.2751 8.30108 11.3253 8.25088C11.3755 8.20068 11.4153 8.14109 11.4425 8.0755C11.4696 8.00991 11.4836 7.93961 11.4836 7.86862C11.4836 7.79762 11.4696 7.72732 11.4425 7.66174C11.4153 7.59615 11.3755 7.53655 11.3253 7.48635C11.2751 7.43615 11.2155 7.39633 11.1499 7.36916C11.0843 7.34199 11.014 7.32801 10.943 7.32801H6.4408C5.97429 7.32801 5.59611 6.94983 5.59611 6.48332Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M12.4162 11.1469C12.4292 11.1463 12.4421 11.146 12.455 11.146H18.2612C18.9951 11.1487 19.7091 11.3845 20.3003 11.8193C20.8916 12.2541 21.3294 12.8655 21.5506 13.5653C21.7718 14.265 21.7651 15.017 21.5313 15.7126C21.2975 16.4083 20.8487 17.0117 20.2497 17.4357L20.2438 17.44C19.6613 17.8449 18.9692 18.0626 18.2599 18.0641C17.7933 18.0651 17.4144 17.6877 17.4134 17.2212C17.4124 16.7547 17.7898 16.3757 18.2563 16.3747C18.6209 16.3739 18.9767 16.2624 19.2765 16.0549C19.5818 15.8378 19.8105 15.5296 19.9299 15.1744C20.0497 14.8181 20.0531 14.4329 19.9398 14.0745C19.8265 13.7161 19.6022 13.403 19.2994 13.1803C18.997 12.9578 18.6318 12.8371 18.2564 12.8354H12.4756C11.6705 12.8771 10.9114 13.2251 10.3543 13.8084C9.79296 14.3961 9.47972 15.1776 9.47972 15.9904C9.47972 16.8031 9.79296 17.5846 10.3543 18.1723C10.9114 18.7557 11.6705 19.1036 12.4756 19.1453H13.0548C13.5213 19.1453 13.8994 19.5235 13.8994 19.99C13.8994 20.4565 13.5213 20.8347 13.0548 20.8347H12.455C12.4421 20.8347 12.4292 20.8344 12.4162 20.8338C11.1702 20.7765 9.99414 20.2412 9.13261 19.3392C8.27107 18.4371 7.79034 17.2377 7.79034 15.9904C7.79034 14.743 8.27107 13.5436 9.13261 12.6416C9.99414 11.7395 11.1702 11.2042 12.4162 11.1469Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M3.6911 3.82439C4.28551 3.38909 5.00326 3.1547 5.74001 3.15527C5.73987 3.15527 5.74015 3.15527 5.74001 3.15527H11.5427C11.5556 3.15527 11.5686 3.15557 11.5815 3.15617C12.8276 3.21344 14.0036 3.74875 14.8651 4.6508C15.7267 5.55284 16.2074 6.75223 16.2074 7.99959C16.2074 9.24696 15.7267 10.4463 14.8651 11.3484C14.0036 12.2504 12.8276 12.7857 11.5815 12.843C11.5686 12.8436 11.5556 12.8439 11.5427 12.8439L10.943 12.8439C10.4764 12.8439 10.0983 12.4657 10.0983 11.9992C10.0983 11.5327 10.4764 11.1545 10.943 11.1545L11.5222 11.1545C11.5161 11.1548 11.51 11.1551 11.5039 11.1554L11.5427 11.9992V11.1545H11.5222C12.3273 11.1129 13.0863 10.7649 13.6434 10.1816C14.2048 9.59382 14.518 8.81234 14.518 7.99959C14.518 7.18685 14.2048 6.40537 13.6434 5.81763C13.0863 5.23428 12.3273 4.88633 11.5222 4.84466H11.5427V3.99997L11.5039 4.84377C11.51 4.84405 11.5161 4.84435 11.5222 4.84466H5.73967C5.36223 4.84432 4.99376 4.96438 4.68924 5.18738C4.38473 5.41038 4.15928 5.7247 4.04568 6.08464C3.93209 6.44458 3.93626 6.83137 4.0576 7.18877C4.17879 7.54576 4.41057 7.85483 4.71928 8.07118C4.71894 8.07094 4.71861 8.07071 4.71827 8.07048L4.23611 8.76404L4.72036 8.07194C4.72 8.07168 4.71964 8.07143 4.71928 8.07118C5.01947 8.27956 5.37601 8.3916 5.74146 8.39238C6.20797 8.39336 6.58535 8.77235 6.58436 9.23886C6.58337 9.70537 6.20439 10.0827 5.73788 10.0818C5.02849 10.0803 4.33642 9.86253 3.75396 9.45761L3.75186 9.45615C3.14808 9.03369 2.69478 8.42966 2.45789 7.73187C2.22099 7.03408 2.21284 6.27892 2.43463 5.57619C2.65641 4.87345 3.09657 4.25978 3.6911 3.82439Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M7.08617 11.1469C7.09909 11.1463 7.11202 11.146 7.12496 11.146H12.455C12.9215 11.146 13.2997 11.5242 13.2997 11.9907C13.2997 12.4572 12.9215 12.8354 12.455 12.8354H7.14551C6.34039 12.8771 5.58138 13.2251 5.02424 13.8084C4.46289 14.3961 4.14966 15.1776 4.14966 15.9904C4.14966 16.8031 4.46289 17.5846 5.02424 18.1723C5.58138 18.7557 6.34039 19.1036 7.14551 19.1453H12.455C12.9215 19.1453 13.2997 19.5235 13.2997 19.99C13.2997 20.4565 12.9215 20.8347 12.455 20.8347H7.12496C7.11202 20.8347 7.09909 20.8344 7.08617 20.8338C5.84012 20.7765 4.66407 20.2412 3.80254 19.3392C2.94101 18.4371 2.46027 17.2377 2.46027 15.9904C2.46027 14.743 2.94101 13.5436 3.80254 12.6416C4.66407 11.7395 5.84012 11.2042 7.08617 11.1469Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M10.698 3.99997C10.698 3.53346 11.0762 3.15527 11.5427 3.15527L16.8727 3.15527C16.8856 3.15527 16.8986 3.15557 16.9115 3.15616C18.1575 3.21344 19.3336 3.74875 20.1951 4.6508C21.0567 5.55284 21.5374 6.75222 21.5374 7.99959C21.5374 9.24696 21.0567 10.4463 20.1951 11.3484C19.3336 12.2504 18.1575 12.7857 16.9115 12.843C16.8986 12.8436 16.8856 12.8439 16.8727 12.8439L11.5427 12.8439C11.0762 12.8439 10.698 12.4657 10.698 11.9992C10.698 11.5327 11.0762 11.1545 11.5427 11.1545L16.8522 11.1545C17.6573 11.1129 18.4163 10.7649 18.9734 10.1816C19.5348 9.59382 19.848 8.81234 19.848 7.99959C19.848 7.18685 19.5348 6.40537 18.9734 5.81762C18.4163 5.23428 17.6573 4.88633 16.8522 4.84466L11.5427 4.84466C11.0762 4.84466 10.698 4.46648 10.698 3.99997Z"
fill="#26201E"
/>
</svg>
)
}

28
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Road.tsx Normal file
View File

@@ -0,0 +1,28 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function RoadIcon({
className,
color,
size = 24,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path
d="M5 20C4.44772 20 4 19.5523 4 19V5C4 4.44772 4.44772 4 5 4C5.55228 4 6 4.44772 6 5V19C6 19.5523 5.55228 20 5 20ZM12 20C11.4477 20 11 19.5523 11 19V17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17V19C13 19.5523 12.5523 20 12 20ZM19 20C18.4477 20 18 19.5523 18 19V5C18 4.44772 18.4477 4 19 4C19.5523 4 20 4.44772 20 5V19C20 19.5523 19.5523 20 19 20ZM12 14C11.4477 14 11 13.5523 11 13V11C11 10.4477 11.4477 10 12 10C12.5523 10 13 10.4477 13 11V13C13 13.5523 12.5523 14 12 14ZM12 8C11.4477 8 11 7.55228 11 7V5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5V7C13 7.55228 12.5523 8 12 8Z"
fill="#26201E"
/>
</svg>
)
}

30
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Rug.tsx Normal file
View File

@@ -0,0 +1,30 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function RugIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M12.6942 15.9883L12.6942 15.9883C12.6222 16.1081 12.5204 16.2073 12.3988 16.2761C12.2772 16.3448 12.1398 16.381 12.0001 16.381L12.6942 15.9883ZM12.6942 15.9883L14.837 12.4169M12.6942 15.9883L11.3059 15.9883M11.3059 15.9883L11.3059 15.9883L9.16304 12.4169C9.16303 12.4169 9.16302 12.4169 9.16301 12.4169C9.08739 12.291 9.04743 12.1469 9.04743 12C9.04743 11.8531 9.0874 11.709 9.16304 11.5831L11.3059 8.01172C11.3778 7.89184 11.4795 7.79264 11.6012 7.72376C11.7228 7.65488 11.8602 7.61868 12 7.61868C12.1398 7.61868 12.2772 7.65488 12.3989 7.72376C12.5205 7.79264 12.6223 7.89184 12.6942 8.01171L14.837 11.5831C14.9127 11.709 14.9526 11.8531 14.9526 12C14.9526 12.1469 14.9127 12.291 14.837 12.4169M11.3059 15.9883C11.3779 16.1081 11.4796 16.2073 11.6013 16.2761M11.3059 15.9883L11.6013 16.2761M14.837 12.4169L14.7554 12.3679M14.837 12.4169L14.8371 12.4169L14.7554 12.3679M14.7554 12.3679L12.6125 15.9393L14.7554 11.6321C14.8221 11.7432 14.8574 11.8704 14.8574 12C14.8574 12.1296 14.8221 12.2568 14.7554 12.3679ZM11.6013 16.2761C11.7229 16.3448 11.8603 16.381 12 16.381L11.6013 16.2761ZM4.99904 21.8581L5.06639 21.7908L4.99904 21.8581C5.15086 22.01 5.35676 22.0952 5.57146 22.0952C5.78616 22.0952 5.99207 22.01 6.14388 21.8581L6.07654 21.7908L6.14388 21.8581C6.2957 21.7063 6.38099 21.5004 6.38099 21.2857V19.9524H9.04765V21.2857C9.04765 21.5004 9.13294 21.7063 9.28476 21.8581C9.43657 22.01 9.64248 22.0952 9.85718 22.0952C10.0719 22.0952 10.2778 22.01 10.4296 21.8581C10.5814 21.7063 10.6667 21.5004 10.6667 21.2857V19.9524H13.3334V21.2857C13.3334 21.5004 13.4187 21.7063 13.5705 21.8581C13.7223 22.01 13.9282 22.0952 14.1429 22.0952C14.3576 22.0952 14.5635 22.01 14.7153 21.8581C14.8671 21.7063 14.9524 21.5004 14.9524 21.2857V19.9524H17.6191V21.2857C17.6191 21.5004 17.7044 21.7063 17.8562 21.8581C18.008 22.01 18.2139 22.0952 18.4286 22.0952C18.6433 22.0952 18.8492 22.01 19.001 21.8581C19.1528 21.7063 19.2381 21.5004 19.2381 21.2857V2.71429C19.2381 2.49959 19.1528 2.29368 19.001 2.14187C18.8492 1.99005 18.6433 1.90476 18.4286 1.90476C18.2139 1.90476 18.008 1.99005 17.8562 2.14187C17.7044 2.29368 17.6191 2.49959 17.6191 2.71429V4.04762H14.9524V2.71429C14.9524 2.49959 14.8671 2.29368 14.7153 2.14187C14.5635 1.99005 14.3576 1.90476 14.1429 1.90476C13.9282 1.90476 13.7223 1.99005 13.5705 2.14187C13.4187 2.29368 13.3334 2.49959 13.3334 2.71429V4.04762H10.6667V2.71429C10.6667 2.49959 10.5814 2.29368 10.4296 2.14187C10.2778 1.99005 10.0719 1.90476 9.85718 1.90476C9.64248 1.90476 9.43657 1.99005 9.28476 2.14187C9.13294 2.29368 9.04765 2.49959 9.04765 2.71429V4.04762H6.38099V2.71429C6.38099 2.49959 6.2957 2.29368 6.14388 2.14187C5.99207 1.99005 5.78616 1.90476 5.57146 1.90476C5.35676 1.90476 5.15086 1.99005 4.99904 2.14187C4.84723 2.29368 4.76194 2.49959 4.76194 2.71429V21.2857C4.76194 21.5004 4.84723 21.7063 4.99904 21.8581ZM6.38099 5.66667H17.6191V18.3333H6.38099V5.66667ZM10.8013 12L12 10.0021L13.1988 12L12 13.9979L10.8013 12Z"
fill="#26201E"
stroke="#26201E"
stroke-width="0.190476"
/>
</svg>
)
}

34
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/SafetyBox.tsx Normal file
View File

@@ -0,0 +1,34 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function SafetyBoxIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M4.92582 18.7339C4.39621 18.7339 3.94284 18.5454 3.5657 18.1682C3.18857 17.7911 3 17.3377 3 16.8081V4.68827C3 4.15866 3.18857 3.70529 3.5657 3.32815C3.94284 2.95102 4.39621 2.76245 4.92582 2.76245H19.0999C19.6295 2.76245 20.0828 2.95102 20.46 3.32815C20.8371 3.70529 21.0257 4.15866 21.0257 4.68827V16.8081C21.0257 17.3377 20.8371 17.7911 20.46 18.1682C20.0828 18.5454 19.6295 18.7339 19.0999 18.7339V19.7995C19.0999 20.0649 19.0057 20.2917 18.8174 20.48C18.6291 20.6683 18.4023 20.7625 18.1369 20.7625C17.8716 20.7625 17.6448 20.6683 17.4565 20.48C17.2682 20.2917 17.174 20.0649 17.174 19.7995V18.7339H6.85164V19.7995C6.85164 20.0649 6.75749 20.2917 6.56919 20.48C6.38088 20.6683 6.15407 20.7625 5.88873 20.7625C5.62339 20.7625 5.39658 20.6683 5.20827 20.48C5.01997 20.2917 4.92582 20.0649 4.92582 19.7995V18.7339ZM4.92582 4.68827V16.8081H19.0999V14.3431H18.0728C17.8074 14.3431 17.5806 14.2489 17.3923 14.0606C17.204 13.8723 17.1098 13.6455 17.1098 13.3802C17.1098 13.1148 17.204 12.888 17.3923 12.6997C17.5806 12.5114 17.8074 12.4173 18.0728 12.4173H19.0999V9.07917H18.0728C17.8074 9.07917 17.5806 8.98501 17.3923 8.79671C17.204 8.60841 17.1098 8.38159 17.1098 8.11626C17.1098 7.85092 17.204 7.6241 17.3923 7.4358C17.5806 7.2475 17.8074 7.15335 18.0728 7.15335H19.0999V4.68827H4.92582Z"
fill="#26201E"
/>
<path
d="M13.5633 11.2715C13.9505 10.8843 14.1441 10.4189 14.1441 9.87515C14.1441 9.33141 13.9505 8.86596 13.5633 8.47877C13.1761 8.09157 12.7106 7.89797 12.1669 7.89797C11.6232 7.89797 11.1577 8.09157 10.7705 8.47877C10.3833 8.86596 10.1897 9.33141 10.1897 9.87515C10.1897 10.4189 10.3833 10.8843 10.7705 11.2715C10.9158 11.4168 11.0545 11.5252 11.2218 11.6159V12.6612C11.2218 12.9265 11.316 13.1533 11.5043 13.3416C11.6926 13.5299 11.9194 13.6241 12.1847 13.6241C12.4501 13.6241 12.6769 13.5299 12.8652 13.3416C13.0535 13.1533 13.1476 12.9265 13.1476 12.6612V11.5956C13.3037 11.5072 13.4267 11.4081 13.5633 11.2715Z"
fill="#26201E"
/>
</svg>
)
}

60
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Slippers.tsx Normal file
View File

@@ -0,0 +1,60 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function SlippersIcon({
className,
color,
size = 24,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M3.52076 1.87074C4.39843 0.99307 5.58881 0.5 6.83002 0.5C8.07124 0.5 9.26161 0.99307 10.1393 1.87074C11.017 2.74841 11.51 3.93879 11.51 5.18V11.5C11.51 12.0523 11.0623 12.5 10.51 12.5C9.95774 12.5 9.51002 12.0523 9.51002 11.5C9.51002 10.9582 9.30069 10.5766 8.97932 10.3119C8.6385 10.0313 8.11422 9.84 7.46002 9.84H6.20002C5.54582 9.84 5.02154 10.0313 4.68073 10.3119C4.35936 10.5766 4.15002 10.9582 4.15002 11.5C4.15002 12.0523 3.70231 12.5 3.15002 12.5C2.59774 12.5 2.15002 12.0523 2.15002 11.5V5.18C2.15002 3.93879 2.64309 2.74841 3.52076 1.87074ZM4.15002 8.29263C4.77224 7.9872 5.47995 7.84 6.20002 7.84H7.46002C8.1801 7.84 8.88781 7.9872 9.51002 8.29263V5.18C9.51002 4.46922 9.22767 3.78755 8.72507 3.28495C8.22247 2.78236 7.5408 2.5 6.83002 2.5C6.11924 2.5 5.43758 2.78236 4.93498 3.28495C4.43238 3.78755 4.15002 4.46922 4.15002 5.18V8.29263Z"
fill="#57514E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M13.8608 6.51074C14.7384 5.63307 15.9288 5.14 17.17 5.14C18.4112 5.14 19.6016 5.63307 20.4793 6.51074C21.357 7.38841 21.85 8.57879 21.85 9.82V16.15C21.85 16.7023 21.4023 17.15 20.85 17.15C20.2977 17.15 19.85 16.7023 19.85 16.15C19.85 15.6013 19.6392 15.2173 19.3183 14.9523C18.9779 14.6712 18.4542 14.48 17.8 14.48H16.49C15.8673 14.48 15.3564 14.6676 15.0198 14.9488C14.7016 15.2145 14.49 15.6006 14.49 16.15C14.49 16.7023 14.0423 17.15 13.49 17.15C12.9377 17.15 12.49 16.7023 12.49 16.15V9.82C12.49 8.57879 12.9831 7.38841 13.8608 6.51074ZM14.49 12.9263C15.0999 12.6258 15.7906 12.48 16.49 12.48H17.8C18.5199 12.48 19.2276 12.6271 19.85 12.9331V9.82C19.85 9.10922 19.5677 8.42755 19.0651 7.92495C18.5625 7.42236 17.8808 7.14 17.17 7.14C16.4592 7.14 15.7776 7.42236 15.275 7.92495C14.7724 8.42755 14.49 9.10922 14.49 9.82V12.9263Z"
fill="#57514E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M4.68073 10.3119C4.35936 10.5766 4.15002 10.9582 4.15002 11.5V14.18C4.15002 14.8908 4.43238 15.5724 4.93498 16.075C5.43758 16.5776 6.11925 16.86 6.83002 16.86C7.5408 16.86 8.22247 16.5776 8.72507 16.075C9.22767 15.5724 9.51002 14.8908 9.51002 14.18V11.5C9.51002 10.9709 9.30264 10.5872 8.97724 10.3177C8.63417 10.0336 8.10944 9.84 7.46002 9.84H6.20002C5.54582 9.84 5.02154 10.0313 4.68073 10.3119ZM3.40932 8.76807C4.1735 8.13874 5.17422 7.84 6.20002 7.84H7.46002C8.49061 7.84 9.49088 8.14637 10.2528 8.77728C11.0324 9.42284 11.51 10.3691 11.51 11.5V14.18C11.51 15.4212 11.017 16.6116 10.1393 17.4893C9.26161 18.3669 8.07124 18.86 6.83002 18.86C5.58881 18.86 4.39843 18.3669 3.52076 17.4893C2.64309 16.6116 2.15002 15.4212 2.15002 14.18V11.5C2.15002 10.3618 2.62569 9.41341 3.40932 8.76807Z"
fill="#57514E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M15.0198 14.9488C14.7016 15.2145 14.49 15.6006 14.49 16.15V18.82C14.49 19.5308 14.7724 20.2124 15.275 20.715C15.7776 21.2176 16.4592 21.5 17.17 21.5C17.8808 21.5 18.5625 21.2176 19.0651 20.715C19.5677 20.2124 19.85 19.5308 19.85 18.82V16.15C19.85 15.614 19.6411 15.2279 19.3162 14.9581C18.9735 14.6736 18.4494 14.48 17.8 14.48H16.49C15.8673 14.48 15.3564 14.6676 15.0198 14.9488ZM13.7377 13.4137C14.4937 12.7824 15.4828 12.48 16.49 12.48H17.8C18.8306 12.48 19.8315 12.7864 20.5938 13.4194C21.3739 14.0671 21.85 15.016 21.85 16.15V18.82C21.85 20.0612 21.357 21.2516 20.4793 22.1293C19.6016 23.0069 18.4112 23.5 17.17 23.5C15.9288 23.5 14.7384 23.0069 13.8608 22.1293C12.9831 21.2516 12.49 20.0612 12.49 18.82V16.15C12.49 15.0094 12.9634 14.0605 13.7377 13.4137Z"
fill="#57514E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M17.17 12.48C17.7223 12.48 18.17 12.9277 18.17 13.48V18.18C18.17 18.7323 17.7223 19.18 17.17 19.18C16.6177 19.18 16.17 18.7323 16.17 18.18V13.48C16.17 12.9277 16.6177 12.48 17.17 12.48Z"
fill="#57514E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M6.83002 7.84C7.38231 7.84 7.83002 8.28772 7.83002 8.84V13.48C7.83002 14.0323 7.38231 14.48 6.83002 14.48C6.27774 14.48 5.83002 14.0323 5.83002 13.48V8.84C5.83002 8.28772 6.27774 7.84 6.83002 7.84Z"
fill="#57514E"
/>
</svg>
)
}

28
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Towel.tsx Normal file
View File

@@ -0,0 +1,28 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function TowelIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H13C13.55 2 14.0208 2.19583 14.4125 2.5875C14.8042 2.97917 15 3.45 15 4V20C15 20.55 14.8042 21.0208 14.4125 21.4125C14.0208 21.8042 13.55 22 13 22H4ZM4 10.525C4.3 10.3417 4.61667 10.2083 4.95 10.125C5.28333 10.0417 5.63333 10 6 10H11C11.3667 10 11.7167 10.0417 12.05 10.125C12.3833 10.2083 12.7 10.3417 13 10.525V4H4V10.525ZM8.5 9C7.95 9 7.47917 8.80417 7.0875 8.4125C6.69583 8.02083 6.5 7.55 6.5 7C6.5 6.45 6.69583 5.97917 7.0875 5.5875C7.47917 5.19583 7.95 5 8.5 5C9.05 5 9.52083 5.19583 9.9125 5.5875C10.3042 5.97917 10.5 6.45 10.5 7C10.5 7.55 10.3042 8.02083 9.9125 8.4125C9.52083 8.80417 9.05 9 8.5 9ZM20.204 14.796C19.8152 15.1848 19.1848 15.1848 18.796 14.796C18.4103 14.4103 18.4067 13.7861 18.7879 13.3961L19.175 13H17C16.4477 13 16 12.5523 16 12C16 11.4477 16.4477 11 17 11H19.175L18.7879 10.6039C18.4067 10.2139 18.4103 9.58969 18.796 9.20402C19.1848 8.8152 19.8152 8.8152 20.204 9.20402L22.2929 11.2929C22.6834 11.6834 22.6834 12.3166 22.2929 12.7071L20.204 14.796ZM4 20H13V14C13 13.45 12.8042 12.9792 12.4125 12.5875C12.0208 12.1958 11.55 12 11 12H6C5.45 12 4.97917 12.1958 4.5875 12.5875C4.19583 12.9792 4 13.45 4 14V20Z"
fill="#26201E"
/>
</svg>
)
}

34
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/View.tsx Normal file
View File

@@ -0,0 +1,34 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function ViewIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M7.13748 17.0121H16.8826C17.0775 17.0121 17.2208 16.9267 17.3125 16.7559C17.4041 16.585 17.3875 16.4204 17.2625 16.2621L14.575 12.6871C14.4807 12.5621 14.3551 12.4996 14.198 12.4996C14.041 12.4996 13.9166 12.5621 13.825 12.6871L11.25 16.1121L9.42498 13.6996C9.33074 13.5746 9.2051 13.5121 9.04805 13.5121C8.891 13.5121 8.76664 13.5746 8.67498 13.6996L6.76588 16.2603C6.63861 16.4198 6.62185 16.585 6.7156 16.7559C6.80935 16.9267 6.94998 17.0121 7.13748 17.0121Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M5.09998 20.7746C4.58434 20.7746 4.14293 20.591 3.77575 20.2238C3.40857 19.8567 3.22498 19.4152 3.22498 18.8996V5.09961C3.22498 4.58398 3.40857 4.14257 3.77575 3.77538C4.14293 3.4082 4.58434 3.22461 5.09998 3.22461H18.9C19.4156 3.22461 19.857 3.4082 20.2242 3.77538C20.5914 4.14257 20.775 4.58398 20.775 5.09961V18.8996C20.775 19.4152 20.5914 19.8567 20.2242 20.2238C19.857 20.591 19.4156 20.7746 18.9 20.7746H5.09998ZM18.9 10.4996V18.8996H5.09998V10.4996H11.0625V12.5855C11.0625 12.7695 11.2899 12.8558 11.4121 12.7183L12.9375 10.9996V10.4996H18.9ZM18.9 5.09961V8.6246H12.9375V5.09961H18.9ZM5.09998 5.09961H11.0625V8.58085L5.09998 8.6246V5.09961Z"
fill="#26201E"
/>
</svg>
)
}

28
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Ward.tsx Normal file
View File

@@ -0,0 +1,28 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function WardIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M3 2H5C5.28333 2 5.52083 2.09583 5.7125 2.2875C5.90417 2.47917 6 2.71667 6 3V22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4H3C2.71667 4 2.47917 3.90417 2.2875 3.7125C2.09583 3.52083 2 3.28333 2 3C2 2.71667 2.09583 2.47917 2.2875 2.2875C2.47917 2.09583 2.71667 2 3 2ZM9 22C8.45 22 7.97917 21.8042 7.5875 21.4125C7.19583 21.0208 7 20.55 7 20V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H9ZM9 10.525C9.3 10.3417 9.61667 10.2083 9.95 10.125C10.2833 10.0417 10.6333 10 11 10H16C16.3667 10 16.7167 10.0417 17.05 10.125C17.3833 10.2083 17.7 10.3417 18 10.525V4H9V10.525ZM13.5 9C12.95 9 12.4792 8.80417 12.0875 8.4125C11.6958 8.02083 11.5 7.55 11.5 7C11.5 6.45 11.6958 5.97917 12.0875 5.5875C12.4792 5.19583 12.95 5 13.5 5C14.05 5 14.5208 5.19583 14.9125 5.5875C15.3042 5.97917 15.5 6.45 15.5 7C15.5 7.55 15.3042 8.02083 14.9125 8.4125C14.5208 8.80417 14.05 9 13.5 9ZM9 20H18V14C18 13.45 17.8042 12.9792 17.4125 12.5875C17.0208 12.1958 16.55 12 16 12H11C10.45 12 9.97917 12.1958 9.5875 12.5875C9.19583 12.9792 9 13.45 9 14V20Z"
fill="#26201E"
/>
</svg>
)
}

40
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/WindowNotAvailable.tsx Normal file
View File

@@ -0,0 +1,40 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function WindowNotAvailableIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path
d="M3.12638 4.26255L10.8139 11.95L13.6889 14.8625L15.0264 16.2L16.3764 17.5125L19.9264 21.05C20.1097 21.2334 20.3285 21.325 20.5826 21.325C20.8368 21.325 21.0555 21.2334 21.2389 21.05C21.4222 20.8667 21.5118 20.648 21.5076 20.3938C21.5035 20.1396 21.4139 19.925 21.2389 19.75L4.43888 2.95005C4.25555 2.76672 4.0368 2.67505 3.78263 2.67505C3.52846 2.67505 3.30971 2.76672 3.12638 2.95005C2.94305 3.13338 2.85346 3.35422 2.85763 3.61255C2.8618 3.87088 2.95138 4.08755 3.12638 4.26255Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M5.95054 4.46519C5.52518 4.49131 5.15729 4.65958 4.84687 4.97C4.50793 5.30894 4.33846 5.71639 4.33846 6.19236V19.2308H3.35769C3.11923 19.2308 2.91539 19.3154 2.74616 19.4847C2.57692 19.6539 2.49231 19.8577 2.49231 20.0962C2.49231 20.3347 2.57692 20.5385 2.74616 20.7077C2.91539 20.877 3.11923 20.9616 3.35769 20.9616H19.9731C20.2115 20.9616 20.4154 20.877 20.5846 20.7077C20.7538 20.5385 20.8385 20.3347 20.8385 20.0962C20.8385 19.8577 20.7538 19.6539 20.5846 19.4847C20.4154 19.3154 20.2115 19.2308 19.9731 19.2308H18.9923V17.5049L18.4182 16.9328L17.2615 15.8083V19.2308H13.5577C13.6808 18.1385 14.0423 17.0366 14.6423 15.9251C14.9739 15.3107 15.389 14.8168 15.8874 14.4433L15.4619 14.0178L14.6843 13.2301C13.938 13.84 13.3356 14.6095 12.8769 15.5385C12.2769 16.7539 11.9231 17.9847 11.8154 19.2308H11.5154C11.4077 17.9847 11.0538 16.7539 10.4538 15.5385C9.85385 14.3231 9.00769 13.3808 7.91539 12.7116C9.00769 12.0424 9.85385 11.1001 10.4538 9.88467C10.557 9.67565 10.6529 9.46617 10.7416 9.25623L9.3933 7.90796C9.21395 8.4372 8.98001 8.96913 8.69149 9.50374C8.08947 10.6192 7.21539 11.3385 6.06923 11.6616V6.19236H7.6777L5.95054 4.46519ZM9.78462 19.2308H6.06923V13.7731C7.21539 14.0962 8.09039 14.8135 8.69423 15.9251C9.29808 17.0366 9.66154 18.1385 9.78462 19.2308Z"
fill="#26201E"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M11.4051 7.03227L8.83444 4.46159H17.2615C17.7375 4.46159 18.145 4.63106 18.4839 4.97C18.8228 5.30894 18.9923 5.71639 18.9923 6.19236V14.6195L12.0659 7.69308C11.9423 7.19534 11.8588 6.6951 11.8154 6.19236H11.5154C11.4911 6.47311 11.4544 6.75308 11.4051 7.03227ZM13.5462 6.19236H17.2615V11.6616C16.1154 11.3385 15.2404 10.6193 14.6365 9.5039C14.0327 8.38852 13.6692 7.28467 13.5462 6.19236Z"
fill="#26201E"
/>
</svg>
)
}

72
packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/WoodFloor.tsx Normal file
View File

@@ -0,0 +1,72 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function WoodFloorIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path
d="M3.93297 21C3.67588 21 3.45612 20.9083 3.27367 20.725C3.09122 20.5417 3 20.3208 3 20.0625C3 19.8042 3.09122 19.5833 3.27367 19.4C3.45612 19.2167 3.67588 19.125 3.93297 19.125H10.0283C10.2854 19.125 10.5052 19.2167 10.6876 19.4C10.8701 19.5833 10.9613 19.8042 10.9613 20.0625C10.9613 20.3208 10.8701 20.5417 10.6876 20.725C10.5052 20.9083 10.2854 21 10.0283 21H3.93297Z"
fill="#26201E"
/>
<path
d="M3.93296 17.5C3.67588 17.5 3.45612 17.4083 3.27367 17.225C3.09122 17.0417 3 16.8208 3 16.5625C3 16.3042 3.09122 16.0833 3.27367 15.9C3.45612 15.7167 3.67588 15.625 3.93296 15.625H10.0283C10.2854 15.625 10.5052 15.7167 10.6876 15.9C10.8701 16.0833 10.9613 16.3042 10.9613 16.5625C10.9613 16.8208 10.8701 17.0417 10.6876 17.225C10.5052 17.4083 10.2854 17.5 10.0283 17.5H3.93296Z"
fill="#26201E"
/>
<path
d="M3.93297 13.9688C3.67588 13.9688 3.45612 13.8771 3.27367 13.6938C3.09122 13.5104 3 13.2896 3 13.0312C3 12.7729 3.09122 12.5521 3.27367 12.3688C3.45612 12.1854 3.67588 12.0938 3.93297 12.0938H10.0283C10.2854 12.0938 10.5052 12.1854 10.6876 12.3688C10.8701 12.5521 10.9613 12.7729 10.9613 13.0312C10.9613 13.2896 10.8701 13.5104 10.6876 13.6938C10.5052 13.8771 10.2854 13.9688 10.0283 13.9688H3.93297Z"
fill="#26201E"
/>
<path
d="M11.8321 10.0625C11.8321 10.3208 11.7408 10.5417 11.5584 10.725C11.376 10.9083 11.1562 11 10.8991 11C10.642 11 10.4223 10.9083 10.2398 10.725C10.0574 10.5417 9.96614 10.3208 9.96614 10.0625V3.9375C9.96614 3.67917 10.0574 3.45833 10.2398 3.275C10.4223 3.09167 10.642 3 10.8991 3C11.1562 3 11.376 3.09167 11.5584 3.275C11.7408 3.45833 11.8321 3.67917 11.8321 3.9375V10.0625Z"
fill="#26201E"
/>
<path
d="M8.36593 10.0625C8.36593 10.3208 8.27471 10.5417 8.09226 10.725C7.90981 10.9083 7.69005 11 7.43297 11C7.17588 11 6.95612 10.9083 6.77367 10.725C6.59122 10.5417 6.5 10.3208 6.5 10.0625V3.9375C6.5 3.67917 6.59122 3.45833 6.77367 3.275C6.95612 3.09167 7.17588 3 7.43297 3C7.69005 3 7.90981 3.09167 8.09226 3.275C8.27471 3.45833 8.36593 3.67917 8.36593 3.9375V10.0625Z"
fill="#26201E"
/>
<path
d="M4.86593 10.0625C4.86593 10.3208 4.77471 10.5417 4.59226 10.725C4.40981 10.9083 4.19005 11 3.93297 11C3.67588 11 3.45612 10.9083 3.27367 10.725C3.09122 10.5417 3 10.3208 3 10.0625V3.9375C3 3.67917 3.09122 3.45833 3.27367 3.275C3.45612 3.09167 3.67588 3 3.93297 3C4.19005 3 4.40981 3.09167 4.59226 3.275C4.77471 3.45833 4.86593 3.67917 4.86593 3.9375V10.0625Z"
fill="#26201E"
/>
<path
d="M20.067 3C20.3241 3 20.5439 3.09167 20.7263 3.275C20.9088 3.45833 21 3.67917 21 3.9375C21 4.19583 20.9088 4.41667 20.7263 4.6C20.5439 4.78333 20.3241 4.875 20.067 4.875H13.933C13.6759 4.875 13.4561 4.78333 13.2737 4.6C13.0912 4.41667 13 4.19583 13 3.9375C13 3.67917 13.0912 3.45833 13.2737 3.275C13.4561 3.09167 13.6759 3 13.933 3H20.067Z"
fill="#26201E"
/>
<path
d="M20.067 6.5C20.3241 6.5 20.5439 6.59167 20.7263 6.775C20.9088 6.95833 21 7.17917 21 7.4375C21 7.69583 20.9088 7.91667 20.7263 8.1C20.5439 8.28333 20.3241 8.375 20.067 8.375H13.933C13.6759 8.375 13.4561 8.28333 13.2737 8.1C13.0912 7.91667 13 7.69583 13 7.4375C13 7.17917 13.0912 6.95833 13.2737 6.775C13.4561 6.59167 13.6759 6.5 13.933 6.5H20.067Z"
fill="#26201E"
/>
<path
d="M12.1679 13.9375C12.1679 13.6792 12.2592 13.4583 12.4416 13.275C12.624 13.0917 12.8438 13 13.1009 13C13.358 13 13.5777 13.0917 13.7602 13.275C13.9426 13.4583 14.0339 13.6792 14.0339 13.9375V20.0312C14.0339 20.2896 13.9426 20.5104 13.7602 20.6938C13.5777 20.8771 13.358 20.9688 13.1009 20.9688C12.8438 20.9688 12.624 20.8771 12.4416 20.6938C12.2592 20.5104 12.1679 20.2896 12.1679 20.0312V13.9375Z"
fill="#26201E"
/>
<path
d="M15.6341 13.9688C15.6341 13.7104 15.7253 13.4896 15.9077 13.3062C16.0902 13.1229 16.31 13.0312 16.567 13.0312C16.8241 13.0312 17.0439 13.1229 17.2263 13.3062C17.4088 13.4896 17.5 13.7104 17.5 13.9688V20.0625C17.5 20.3208 17.4088 20.5417 17.2263 20.725C17.0439 20.9083 16.8241 21 16.567 21C16.31 21 16.0902 20.9083 15.9077 20.725C15.7253 20.5417 15.6341 20.3208 15.6341 20.0625V13.9688Z"
fill="#26201E"
/>
<path
d="M19.1341 13.9375C19.1341 13.6792 19.2253 13.4583 19.4077 13.275C19.5902 13.0917 19.81 13 20.067 13C20.3241 13 20.5439 13.0917 20.7263 13.275C20.9088 13.4583 21 13.6792 21 13.9375V20.0312C21 20.2896 20.9088 20.5104 20.7263 20.6938C20.5439 20.8771 20.3241 20.9688 20.067 20.9688C19.81 20.9688 19.5902 20.8771 19.4077 20.6938C19.2253 20.5104 19.1341 20.2896 19.1341 20.0312V13.9375Z"
fill="#26201E"
/>
<path
d="M20.067 10C20.3241 10 20.5439 10.0917 20.7263 10.275C20.9088 10.4583 21 10.6792 21 10.9375C21 11.1958 20.9088 11.4167 20.7263 11.6C20.5439 11.7833 20.3241 11.875 20.067 11.875H13.933C13.6759 11.875 13.4561 11.7833 13.2737 11.6C13.0912 11.4167 13 11.1958 13 10.9375C13 10.6792 13.0912 10.4583 13.2737 10.275C13.4561 10.0917 13.6759 10 13.933 10H20.067Z"
fill="#26201E"
/>
</svg>
)
}

34
packages/design-system/lib/components/Icons/Customised/Benefits/DiamondAdd.tsx Normal file
View File

@@ -0,0 +1,34 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function DiamondAddIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M17.4051 14.4114L13.4383 19.1625C13.2466 19.3875 13.0255 19.5583 12.775 19.675C12.5245 19.7917 12.2662 19.85 12 19.85C11.7339 19.85 11.4758 19.7917 11.2258 19.675C10.9758 19.5583 10.7549 19.3875 10.5633 19.1625L2.85078 9.925C2.70911 9.75237 2.60286 9.56403 2.53203 9.36C2.4612 9.15597 2.42578 8.94409 2.42578 8.72437C2.42578 8.58312 2.43828 8.44167 2.46328 8.3C2.48828 8.15833 2.53828 8.02083 2.61328 7.8875L4.52578 4.1C4.69245 3.78333 4.92096 3.53125 5.21131 3.34375C5.50166 3.15625 5.82731 3.0625 6.18828 3.0625H17.8133C18.0566 3.0625 18.2839 3.1051 18.4951 3.19029C17.3598 3.48353 16.3548 4.10077 15.5845 4.9375H15.0008L15.2191 5.37413C14.7463 5.99653 14.3923 6.71406 14.1908 7.49297L12.9123 4.9375H11.0883L9.52578 8.0625H14.0728C14.0249 8.36796 14 8.68108 14 9C14 9.31892 14.0249 9.63204 14.0728 9.9375H12.9383V16.85L15.8575 13.3405C16.3114 13.7738 16.8331 14.1366 17.4051 14.4114ZM11.0633 9.9375V16.85L5.31328 9.9375H11.0633ZM7.43828 8.0625H4.65078L6.21328 4.9375H9.00078L7.43828 8.0625Z"
fill="#26201E"
/>
<path
d="M16.9375 9.875H19V11.9375C19 12.1958 19.0917 12.4167 19.275 12.6C19.4583 12.7833 19.6792 12.875 19.9375 12.875C20.1958 12.875 20.4167 12.7833 20.6 12.6C20.7833 12.4167 20.875 12.1958 20.875 11.9375V9.875H22.9375C23.1958 9.875 23.4167 9.78333 23.6 9.6C23.7833 9.41667 23.875 9.19583 23.875 8.9375C23.875 8.67917 23.7833 8.45833 23.6 8.275C23.4167 8.09167 23.1958 8 22.9375 8H20.875V5.9375C20.875 5.67917 20.7833 5.45833 20.6 5.275C20.4167 5.09167 20.1958 5 19.9375 5C19.6792 5 19.4583 5.09167 19.275 5.275C19.0917 5.45833 19 5.67917 19 5.9375V8H16.9375C16.6792 8 16.4583 8.09167 16.275 8.275C16.0917 8.45833 16 8.67917 16 8.9375C16 9.19583 16.0917 9.41667 16.275 9.6C16.4583 9.78333 16.6792 9.875 16.9375 9.875Z"
fill="#26201E"
/>
</svg>
)
}

28
packages/design-system/lib/components/Icons/Customised/Socials/Facebook.tsx Normal file
View File

@@ -0,0 +1,28 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function FacebookIcon({
className,
color,
size = 24,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path
d="M18.25 2C19.283 2 20.1662 2.36675 20.8997 3.10026C21.6332 3.83377 22 4.71701 22 5.75V18.25C22 19.283 21.6332 20.1662 20.8997 20.8997C20.1662 21.6332 19.283 22 18.25 22H15.8021V14.2526H18.3932L18.7839 11.2318H15.8021V9.30469C15.8021 8.81858 15.9041 8.45399 16.1081 8.21094C16.3121 7.96788 16.7092 7.84635 17.2995 7.84635L18.888 7.83333V5.13802C18.3411 5.0599 17.5686 5.02083 16.5703 5.02083C15.3898 5.02083 14.4457 5.36806 13.7383 6.0625C13.0308 6.75694 12.6771 7.73785 12.6771 9.00521V11.2318H10.0729V14.2526H12.6771V22H5.75C4.71701 22 3.83377 21.6332 3.10026 20.8997C2.36675 20.1662 2 19.283 2 18.25V5.75C2 4.71701 2.36675 3.83377 3.10026 3.10026C3.83377 2.36675 4.71701 2 5.75 2H18.25Z"
fill="#26201E"
/>
</svg>
)
}

28
packages/design-system/lib/components/Icons/Customised/Socials/Instagram.tsx Normal file
View File

@@ -0,0 +1,28 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function InstagramIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path
d="M17.34 5.46012C17.1027 5.46012 16.8707 5.5305 16.6733 5.66236C16.476 5.79422 16.3222 5.98163 16.2313 6.2009C16.1405 6.42017 16.1168 6.66145 16.1631 6.89423C16.2094 7.12701 16.3236 7.34083 16.4915 7.50865C16.6593 7.67647 16.8731 7.79076 17.1059 7.83706C17.3387 7.88337 17.5799 7.8596 17.7992 7.76878C18.0185 7.67795 18.2059 7.52415 18.3378 7.32681C18.4696 7.12947 18.54 6.89746 18.54 6.66012C18.54 6.34186 18.4136 6.03664 18.1885 5.81159C17.9635 5.58655 17.6583 5.46012 17.34 5.46012ZM21.94 7.88012C21.9206 7.05042 21.7652 6.22952 21.48 5.45012C21.2257 4.78325 20.83 4.1794 20.32 3.68012C19.8248 3.16755 19.2196 2.7743 18.55 2.53012C17.7727 2.23628 16.9508 2.07733 16.12 2.06012C15.06 2.00012 14.72 2.00012 12 2.00012C9.28 2.00012 8.94 2.00012 7.88 2.06012C7.04915 2.07733 6.22734 2.23628 5.45 2.53012C4.78168 2.77677 4.17693 3.16968 3.68 3.68012C3.16743 4.1753 2.77418 4.78056 2.53 5.45012C2.23616 6.22747 2.07721 7.04927 2.06 7.88012C2 8.94012 2 9.28012 2 12.0001C2 14.7201 2 15.0601 2.06 16.1201C2.07721 16.951 2.23616 17.7728 2.53 18.5501C2.77418 19.2197 3.16743 19.8249 3.68 20.3201C4.17693 20.8306 4.78168 21.2235 5.45 21.4701C6.22734 21.764 7.04915 21.9229 7.88 21.9401C8.94 22.0001 9.28 22.0001 12 22.0001C14.72 22.0001 15.06 22.0001 16.12 21.9401C16.9508 21.9229 17.7727 21.764 18.55 21.4701C19.2196 21.2259 19.8248 20.8327 20.32 20.3201C20.8322 19.8227 21.2283 19.2183 21.48 18.5501C21.7652 17.7707 21.9206 16.9498 21.94 16.1201C21.94 15.0601 22 14.7201 22 12.0001C22 9.28012 22 8.94012 21.94 7.88012ZM20.14 16.0001C20.1327 16.6349 20.0178 17.2638 19.8 17.8601C19.6403 18.2953 19.3839 18.6885 19.05 19.0101C18.7256 19.3406 18.3332 19.5966 17.9 19.7601C17.3037 19.9779 16.6748 20.0928 16.04 20.1001C15.04 20.1501 14.67 20.1601 12.04 20.1601C9.41 20.1601 9.04 20.1601 8.04 20.1001C7.38089 20.1125 6.72459 20.011 6.1 19.8001C5.68578 19.6282 5.31136 19.3729 5 19.0501C4.66809 18.7289 4.41484 18.3353 4.26 17.9001C4.01586 17.2953 3.88044 16.6521 3.86 16.0001C3.86 15.0001 3.8 14.6301 3.8 12.0001C3.8 9.37012 3.8 9.00012 3.86 8.00012C3.86448 7.35118 3.98295 6.70807 4.21 6.10012C4.38605 5.67803 4.65627 5.30178 5 5.00012C5.30381 4.65629 5.67929 4.38322 6.1 4.20012C6.70955 3.98017 7.352 3.8652 8 3.86012C9 3.86012 9.37 3.80012 12 3.80012C14.63 3.80012 15 3.80012 16 3.86012C16.6348 3.8674 17.2637 3.98237 17.86 4.20012C18.3144 4.36877 18.7223 4.64297 19.05 5.00012C19.3777 5.3073 19.6338 5.68285 19.8 6.10012C20.0223 6.70906 20.1373 7.3519 20.14 8.00012C20.19 9.00012 20.2 9.37012 20.2 12.0001C20.2 14.6301 20.19 15.0001 20.14 16.0001ZM12 6.87012C10.9858 6.8721 9.99496 7.17465 9.15265 7.73954C8.31035 8.30443 7.65438 9.10632 7.26763 10.0439C6.88089 10.9814 6.78072 12.0126 6.97979 13.0071C7.17886 14.0015 7.66824 14.9147 8.38608 15.6311C9.10392 16.3475 10.018 16.8351 11.0129 17.0323C12.0077 17.2294 13.0387 17.1272 13.9755 16.7387C14.9123 16.3501 15.7129 15.6926 16.2761 14.8492C16.8394 14.0057 17.14 13.0143 17.14 12.0001C17.1413 11.3252 17.0092 10.6567 16.7512 10.0331C16.4933 9.40943 16.1146 8.84293 15.6369 8.36617C15.1592 7.88941 14.5919 7.5118 13.9678 7.25505C13.3436 6.9983 12.6749 6.86748 12 6.87012ZM12 15.3301C11.3414 15.3301 10.6976 15.1348 10.15 14.7689C9.60234 14.403 9.17552 13.8829 8.92348 13.2745C8.67144 12.666 8.6055 11.9964 8.73398 11.3505C8.86247 10.7045 9.17963 10.1112 9.64533 9.64546C10.111 9.17975 10.7044 8.8626 11.3503 8.73411C11.9963 8.60562 12.6659 8.67156 13.2743 8.9236C13.8828 9.17564 14.4029 9.60246 14.7688 10.1501C15.1347 10.6977 15.33 11.3415 15.33 12.0001C15.33 12.4374 15.2439 12.8704 15.0765 13.2745C14.9092 13.6785 14.6639 14.0456 14.3547 14.3548C14.0454 14.664 13.6784 14.9093 13.2743 15.0766C12.8703 15.244 12.4373 15.3301 12 15.3301Z"
fill="#26201E"
/>
</svg>
)
}

30
packages/design-system/lib/components/Icons/Customised/Socials/Tripadvisor.tsx Normal file
View File

@@ -0,0 +1,30 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function TripadvisorIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M8.4535 13.2211C8.4535 14.2532 7.5806 15.0898 6.50383 15.0898C5.42706 15.0898 4.55416 14.2532 4.55416 13.2211C4.55416 12.1891 5.42706 11.3525 6.50383 11.3525C7.58043 11.3517 8.45378 12.1877 8.45453 13.2195V13.2211H8.4535ZM17.4963 11.3525C16.4195 11.3525 15.5466 12.1891 15.5466 13.2211C15.5466 14.2532 16.4195 15.0898 17.4963 15.0898C18.5731 15.0898 19.4459 14.2532 19.4459 13.2211C19.4459 12.1891 18.5731 11.3525 17.4963 11.3525ZM17.4963 16.7858C15.4422 16.7858 13.7771 15.1899 13.7771 13.2211C13.7771 11.2524 15.4422 9.65646 17.4963 9.65646C19.5503 9.65646 21.2154 11.2524 21.2154 13.2211C21.2154 15.1899 19.5503 16.7858 17.4963 16.7858ZM12.0018 13.1184C12.0018 10.7727 10.2206 8.75988 7.87394 7.89842C10.5156 6.84372 13.4873 6.84372 16.1289 7.89842C13.7815 8.7602 12.0018 10.7727 12.0018 13.1184ZM6.50486 16.7858C4.45082 16.7858 2.78568 15.1899 2.78568 13.2211C2.78568 11.2524 4.45082 9.65646 6.50486 9.65646C8.5589 9.65646 10.224 11.2524 10.224 13.2211C10.224 15.1899 8.5589 16.7858 6.50486 16.7858ZM21.2017 9.32816L23 7.45291H19.0133C14.7854 4.69522 9.22834 4.69522 5.00047 7.45291H1.00351L2.80178 9.32816C0.554454 11.2836 0.386546 14.615 2.42675 16.769C4.46695 18.9231 7.94269 19.0839 10.19 17.1285C10.2067 17.1139 10.2233 17.0993 10.2398 17.0846L12.0018 18.9231L13.7627 17.0869C14.7772 17.9904 16.1113 18.4918 17.4963 18.49C20.5314 18.49 22.9942 16.1315 22.9942 13.2225C22.9965 11.7402 22.3455 10.3259 21.2017 9.32816Z"
fill="#26201E"
/>
</svg>
)
}

28
packages/design-system/lib/components/Icons/Customised/UI/Minimize.tsx Normal file
View File

@@ -0,0 +1,28 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
export default function MinimizeIcon({
className,
size = 24,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path
d="M9.06248 16.25L5.06248 20.2625C4.87914 20.4458 4.66456 20.5375 4.41873 20.5375C4.17289 20.5375 3.95414 20.4417 3.76248 20.25C3.57081 20.0583 3.47498 19.8375 3.47498 19.5875C3.47498 19.3375 3.57081 19.1167 3.76248 18.925L7.74998 14.9375H6.22498C5.96664 14.9375 5.74581 14.8458 5.56248 14.6625C5.37914 14.4792 5.28748 14.2583 5.28748 14C5.28748 13.7417 5.37914 13.5208 5.56248 13.3375C5.74581 13.1542 5.96664 13.0625 6.22498 13.0625H9.99998C10.2583 13.0625 10.4791 13.1542 10.6625 13.3375C10.8458 13.5208 10.9375 13.7417 10.9375 14V17.775C10.9375 18.0333 10.8458 18.2542 10.6625 18.4375C10.4791 18.6208 10.2583 18.7125 9.99998 18.7125C9.74164 18.7125 9.52081 18.6208 9.33748 18.4375C9.15414 18.2542 9.06248 18.0333 9.06248 17.775V16.25ZM16.25 9.06251H17.775C18.0333 9.06251 18.2541 9.15418 18.4375 9.33751C18.6208 9.52084 18.7125 9.74168 18.7125 10C18.7125 10.2583 18.6208 10.4792 18.4375 10.6625C18.2541 10.8458 18.0333 10.9375 17.775 10.9375H14C13.7416 10.9375 13.5208 10.8458 13.3375 10.6625C13.1541 10.4792 13.0625 10.2583 13.0625 10V6.22501C13.0625 5.96668 13.1541 5.74584 13.3375 5.56251C13.5208 5.37918 13.7416 5.28751 14 5.28751C14.2583 5.28751 14.4791 5.37918 14.6625 5.56251C14.8458 5.74584 14.9375 5.96668 14.9375 6.22501V7.75001L18.925 3.75001C19.1083 3.56668 19.325 3.47293 19.575 3.46876C19.825 3.46459 20.0458 3.55834 20.2375 3.75001C20.4291 3.94168 20.525 4.16251 20.525 4.41251C20.525 4.66251 20.4291 4.88334 20.2375 5.07501L16.25 9.06251Z"
fill="#26201E"
/>
</svg>
)
}

28
packages/design-system/lib/components/Icons/Illustrations/Bed.tsx Normal file
View File

File diff suppressed because one or more lines are too long

25
packages/design-system/lib/components/Icons/Illustrations/Coin.tsx Normal file
View File

File diff suppressed because one or more lines are too long

29
packages/design-system/lib/components/Icons/Illustrations/CroissantCoffeeEgg.tsx Normal file
View File

File diff suppressed because one or more lines are too long

46
packages/design-system/lib/components/Icons/Illustrations/CutleryOne.tsx Normal file
View File

File diff suppressed because one or more lines are too long

156
packages/design-system/lib/components/Icons/Illustrations/CutleryTwo.tsx Normal file
View File

File diff suppressed because one or more lines are too long

24
packages/design-system/lib/components/Icons/Illustrations/GiftOpen.tsx Normal file
View File

File diff suppressed because one or more lines are too long

25
packages/design-system/lib/components/Icons/Illustrations/HandKey.tsx Normal file
View File

File diff suppressed because one or more lines are too long

42
packages/design-system/lib/components/Icons/Illustrations/HotelNight.tsx Normal file
View File

File diff suppressed because one or more lines are too long

25
packages/design-system/lib/components/Icons/Illustrations/Kids.tsx Normal file
View File

File diff suppressed because one or more lines are too long

105
packages/design-system/lib/components/Icons/Illustrations/KidsMocktail.tsx Normal file
View File

File diff suppressed because one or more lines are too long

52
packages/design-system/lib/components/Icons/Illustrations/MagicWand.tsx Normal file
View File

File diff suppressed because one or more lines are too long

25
packages/design-system/lib/components/Icons/Illustrations/MoneyHand.tsx Normal file
View File

File diff suppressed because one or more lines are too long

40
packages/design-system/lib/components/Icons/Illustrations/Surprise.tsx Normal file
View File

File diff suppressed because one or more lines are too long

34
packages/design-system/lib/components/Icons/Illustrations/Voucher.tsx Normal file
View File

@@ -0,0 +1,34 @@
import type { LogoAndIllustrationProps } from '../icon'
export default function VoucherIcon({
color,
...props
}: LogoAndIllustrationProps) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 358 202"
fill="none"
{...props}
>
<path fill="#fff" d="M0 .375h358V201.75H0z" />
<g fill="#4d001b">
<path d="M117.481 107.462c-.185-.315-.011-.663.365-.697l3.353-.325a.48.48 0 0 1 .455.236l5.059 8.794.152-.017 3.257-9.609a.51.51 0 0 1 .399-.32l3.352-.325c.377-.04.612.269.495.612l-6.256 17.734a.5.5 0 0 1-.399.32l-.253.022a.47.47 0 0 1-.455-.235zM143.959 103.953c5.043-.494 9.468 3.167 9.962 8.21s-3.145 9.44-8.187 9.934a9.035 9.035 0 0 1-9.934-8.16c-.495-5.042 3.116-9.49 8.159-9.984m1.382 14.112c2.774-.27 4.818-2.763 4.548-5.509s-2.763-4.846-5.537-4.571c-2.746.269-4.79 2.785-4.52 5.559.269 2.746 2.757 4.796 5.509 4.527zM155.898 103.519a.5.5 0 0 1 .432-.527l3.1-.304c.275-.028.5.18.528.433l.999 10.209c.174 1.763 1.623 3.049 3.409 2.869 1.814-.179 3.01-1.718 2.842-3.481l-1-10.209a.486.486 0 0 1 .432-.528l3.1-.304c.253-.022.5.18.528.433l1.016 10.411c.377 3.83-2.538 7.323-6.519 7.71-3.959.388-7.469-2.476-7.845-6.306l-1.017-10.411zM182.061 100.224c2.521-.247 4.465.354 6.329 1.747a.47.47 0 0 1 .095.702l-1.763 2.235a.446.446 0 0 1-.629.061 5.19 5.19 0 0 0-3.527-.954c-2.847.28-4.705 2.852-4.43 5.677.275 2.797 2.617 4.908 5.464 4.633 1.185-.118 2.426-.668 3.257-1.539.163-.168.488-.202.657-.039l2.173 1.898c.191.157.202.489.039.685-1.55 1.831-3.644 2.825-5.885 3.044-5.043.494-9.49-3.117-9.984-8.16s3.167-9.496 8.21-9.99zM191.276 100.055a.504.504 0 0 1 .433-.528l2.998-.292c.275-.028.5.18.528.433l.623 6.351 7.211-.707-.623-6.352a.486.486 0 0 1 .432-.528l2.999-.292c.252-.022.5.18.528.433l1.634 16.684c.022.252-.18.5-.433.528l-2.998.292a.485.485 0 0 1-.528-.433l-.652-6.626-7.21.707.651 6.627a.486.486 0 0 1-.432.528l-2.999.292a.504.504 0 0 1-.528-.433zM210.734 98.152a.487.487 0 0 1 .433-.528l10.434-1.022a.484.484 0 0 1 .527.433l.27 2.746a.486.486 0 0 1-.432.527l-6.981.686.304 3.127 5.744-.561c.253-.023.5.18.528.432l.27 2.746c.028.275-.18.5-.433.528l-5.744.562.331 3.403 6.98-.685c.275-.028.5.179.528.432l.27 2.746a.487.487 0 0 1-.433.528l-10.434 1.022a.486.486 0 0 1-.528-.432l-1.634-16.684zM225.503 96.708a.486.486 0 0 1 .432-.528l7.536-.735c3.027-.298 5.734 1.91 6.026 4.908.225 2.319-1.129 4.335-3.235 5.43l4.077 6.065c.208.309.073.73-.359.775l-3.353.326a.46.46 0 0 1-.426-.186l-4.004-6.351-1.741.169.629 6.424c.022.253-.18.5-.433.528l-2.998.292a.486.486 0 0 1-.528-.433l-1.634-16.684zm8.373 6.301c1.033-.101 1.819-1.145 1.718-2.201s-1.067-1.83-2.1-1.73l-3.729.365.388 3.931 3.728-.365z" />
</g>
<path
fill="#cd0921"
d="M185.11 140.69c-31.891 1.528-33.177 2.769-34.767 33.453-1.589-30.684-2.88-31.925-34.766-33.453 31.891-1.527 33.177-2.768 34.766-33.452 1.59 30.684 2.881 31.925 34.767 33.452M235.6 57.713c-43.465 2.365-45.223 4.285-47.391 51.731-2.167-47.446-3.925-49.366-47.39-51.73 43.465-2.365 45.223-4.285 47.39-51.732 2.168 47.447 3.926 49.367 47.391 51.731"
/>
<path
stroke="#4d001b"
stroke-miterlimit="10"
stroke-width="1.685"
d="M262.19 59.623c-.062-.629-.933-1.056-1.561-.994q-3.303.325-6.599.64c-3.302.326-3.302.287-6.604.612s-3.262.702-6.559 1.022c-3.296.32-3.313.174-6.615.5s-3.336-.017-6.632.309-3.313.196-6.61.517c-3.296.32-3.24.954-6.536 1.28-3.297.326-3.341-.135-6.643.19s-3.297.349-6.593.67c-3.297.32-3.291.403-6.593.73s-3.313.173-6.609.499c-3.297.326-3.308.264-6.604.584s-3.291.432-6.588.758c-3.296.326-3.285.444-6.587.77s-3.285.449-6.587.769-3.347-.169-6.649.151-3.296.348-6.598.669-3.246.887-6.542 1.207c-3.297.32-3.353-.208-6.655.118s-3.24.943-6.542 1.269-3.307.213-6.609.534-3.353-.197-6.649.129c-3.297.325-3.285.471-6.587.792s-3.319.134-6.621.454-3.235 1-6.537 1.326-3.307.292-6.61.612c-.628.061-1.364.331-1.302.966.224 2.302.747 4.582.971 6.884s.056 4.65.287 6.952c.23 2.303.449 4.61.674 6.919.224 2.308.977 4.56 1.201 6.862s.37 4.616.596 6.924c.224 2.308.005 4.656.235 6.958.225 2.302.905 4.565 1.13 6.874s.218 4.632.443 6.94c.224 2.303.904 4.566 1.129 6.874s.286 4.627.51 6.93.09 4.644.315 6.952.921 4.565 1.151 6.868c.062.629.382 1.471 1.011 1.409 3.302-.326 3.291-.387 6.593-.707 3.302-.321 3.302-.281 6.604-.607s3.296-.354 6.598-.674 3.24-.954 6.537-1.28 3.33-.039 6.626-.365 3.28-.551 6.576-.871 3.336.04 6.632-.28 3.319-.124 6.615-.444 3.252-.786 6.554-1.112 3.307-.236 6.609-.561 3.341.089 6.638-.236c3.296-.326 3.274-.596 6.57-.916s3.268-.657 6.57-.982c3.302-.326 3.325-.079 6.621-.399s3.274-.612 6.57-.938 3.364.32 6.666 0 3.235-1 6.537-1.325c3.302-.326 3.341.095 6.643-.225s3.274-.589 6.576-.915 3.352.219 6.654-.107 3.257-.741 6.559-1.061 3.342.09 6.644-.236 3.262-.741 6.564-1.067 3.319-.129 6.621-.455 3.302-.314 6.604-.64 3.291-.472 6.593-.798c.629-.061 1.044-.578.983-1.207-.315-3.19-.377-3.184-.691-6.374-.315-3.189 0-3.217-.315-6.413-.314-3.195-.741-3.15-1.055-6.34-.315-3.189.179-3.24-.13-6.435-.207-2.128-.651-4.234-.859-6.363-.208-2.128-.64-4.234-.848-6.362s-.224-4.274-.432-6.402-.36-4.262-.567-6.39c-.208-2.129-.382-4.257-.59-6.385s-.825-4.218-1.033-6.346.241-4.318.033-6.447c-.207-2.128-.758-4.223-.965-6.351-.208-2.128-.107-4.285-.315-6.413z"
/>
<path
fill="#cd0921"
d="M143.122 35.325c-18.891.943-19.655 1.707-20.598 20.598-.944-18.891-1.707-19.655-20.598-20.598 18.891-.944 19.654-1.708 20.598-20.598.943 18.89 1.707 19.654 20.598 20.598M248.813 176.168c-18.891.944-19.654 1.708-20.598 20.598-.943-18.89-1.707-19.654-20.598-20.598 18.891-.943 19.655-1.707 20.598-20.598.944 18.891 1.707 19.655 20.598 20.598"
/>
</svg>
)
}

18
packages/design-system/lib/components/Icons/InfoCircle.tsx
View File

@@ -1,18 +0,0 @@
import { SVGProps } from 'react'
export default function InfoCircleIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={props.width ?? 20}
height={props.height ?? 20}
fill="none"
{...props}
>
<path
fill="currentColor"
d="M10.005 13.896a.68.68 0 0 0 .494-.205.667.667 0 0 0 .208-.493v-3.48a.674.674 0 0 0-.204-.492.666.666 0 0 0-.49-.205.68.68 0 0 0-.493.205.667.667 0 0 0-.209.493v3.48c0 .19.068.355.204.492.136.137.3.205.49.205Zm-.013-6.313a.701.701 0 0 0 .507-.201.668.668 0 0 0 .208-.5.701.701 0 0 0-.202-.507.668.668 0 0 0-.5-.208.701.701 0 0 0-.506.202.668.668 0 0 0-.209.5c0 .198.068.367.202.506a.668.668 0 0 0 .5.208Zm.012 10.209a7.594 7.594 0 0 1-3.027-.61 7.85 7.85 0 0 1-4.16-4.162 7.588 7.588 0 0 1-.61-3.03c0-1.075.203-2.083.61-3.022a7.884 7.884 0 0 1 4.162-4.15 7.589 7.589 0 0 1 3.03-.61c1.075 0 2.083.204 3.022.61a7.883 7.883 0 0 1 4.15 4.157c.406.942.61 1.949.61 3.02a7.594 7.594 0 0 1-.61 3.027 7.849 7.849 0 0 1-4.158 4.16 7.54 7.54 0 0 1-3.019.61ZM10 16.396c1.77 0 3.28-.623 4.526-1.87 1.246-1.246 1.87-2.755 1.87-4.526 0-1.77-.624-3.28-1.87-4.526-1.247-1.246-2.755-1.87-4.526-1.87s-3.28.624-4.526 1.87C4.226 6.721 3.603 8.23 3.603 10s.623 3.28 1.87 4.526c1.246 1.247 2.755 1.87 4.526 1.87Z"
/>
</svg>
)
}

18
packages/design-system/lib/components/Icons/InfoCircleFilled.tsx
View File

@@ -1,18 +0,0 @@
import { SVGProps } from 'react'
export default function InfoCircleFilledIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={props.width ?? 20}
height={props.height ?? 20}
fill="none"
{...props}
>
<path
fill="currentColor"
d="M10.007 13.896a.68.68 0 0 0 .494-.205.667.667 0 0 0 .208-.493v-3.48a.674.674 0 0 0-.204-.492.665.665 0 0 0-.49-.205.68.68 0 0 0-.494.205.667.667 0 0 0-.208.493v3.48c0 .19.068.355.204.492.136.137.3.205.49.205Zm-.013-6.313a.701.701 0 0 0 .507-.201.668.668 0 0 0 .208-.5.701.701 0 0 0-.202-.507.668.668 0 0 0-.5-.208.701.701 0 0 0-.506.202.668.668 0 0 0-.209.5c0 .198.068.367.202.506a.668.668 0 0 0 .5.208Zm.012 10.209a7.594 7.594 0 0 1-3.028-.61 7.85 7.85 0 0 1-4.16-4.162 7.588 7.588 0 0 1-.609-3.03c0-1.075.203-2.083.61-3.022a7.884 7.884 0 0 1 4.162-4.15 7.589 7.589 0 0 1 3.03-.61c1.075 0 2.083.204 3.022.61a7.884 7.884 0 0 1 4.15 4.157 7.54 7.54 0 0 1 .61 3.02 7.594 7.594 0 0 1-.61 3.027 7.852 7.852 0 0 1-4.158 4.16 7.541 7.541 0 0 1-3.019.61Z"
/>
</svg>
)
}

112
packages/design-system/lib/components/Icons/Logos/DowntownCamper.tsx Normal file
View File

@@ -0,0 +1,112 @@
import type { LogoAndIllustrationProps } from '../icon'
import { iconVariants } from '../variants'
export default function DowntownCamperIcon({
className,
color,
...props
}: LogoAndIllustrationProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width="123"
height="30"
viewBox="0 0 123 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M96.0419 15.3495L95.3648 13.7244L94.6879 15.3495H96.0419ZM94.8627 12.4001H95.8963L98.0802 17.4472H96.9082L96.4423 16.3231H94.2875L93.8216 17.4472H92.6787L94.8627 12.4001Z"
fill="#1A1918"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M87.7476 14.9558V14.9415C87.7476 13.5168 88.8396 12.3501 90.4047 12.3501C91.3655 12.3501 91.9407 12.6651 92.4138 13.1233L91.7004 13.9322C91.3074 13.5814 90.907 13.3665 90.3975 13.3665C89.5383 13.3665 88.9196 14.0681 88.9196 14.9272V14.9415C88.9196 15.8005 89.5238 16.5165 90.3975 16.5165C90.9797 16.5165 91.3365 16.2874 91.7369 15.9296L92.4502 16.6383C91.9261 17.1894 91.3437 17.5329 90.3609 17.5329C88.8614 17.5329 87.7476 16.3949 87.7476 14.9558Z"
fill="#1A1918"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M100.802 12.4358L102.141 14.555L103.481 12.4358H104.689V17.4472H103.575V14.1754L102.141 16.3161H102.112L100.693 14.197V17.4472H99.5935V12.4358H100.802Z"
fill="#1A1918"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M108.648 14.9631C109.209 14.9631 109.536 14.6336 109.536 14.2043V14.19C109.536 13.696 109.187 13.4311 108.627 13.4311H107.76V14.9631H108.648ZM106.639 12.4358H108.721C109.937 12.4358 110.672 13.1449 110.672 14.1684V14.1827C110.672 15.3423 109.755 15.9439 108.612 15.9439H107.76V17.4472H106.639V12.4358Z"
fill="#1A1918"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M112.175 12.4358H116.019V13.4166H113.289V14.4332H115.691V15.414H113.289V16.4664H116.055V17.4472H112.175V12.4358Z"
fill="#1A1918"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M120.037 14.87C120.583 14.87 120.896 14.5835 120.896 14.1613V14.1469C120.896 13.6744 120.561 13.4311 120.015 13.4311H118.901V14.87H120.037ZM117.78 12.4358H120.11C120.758 12.4358 121.26 12.615 121.595 12.9441C121.879 13.2235 122.032 13.617 122.032 14.0898V14.1041C122.032 14.913 121.588 15.4213 120.94 15.6575L122.184 17.4472H120.874L119.782 15.8436H118.901V17.4472H117.78V12.4358Z"
fill="#1A1918"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M30.7865 16.535C31.7037 16.535 32.3225 15.9265 32.3225 15.0386V15.0243C32.3225 14.1368 31.7037 13.5137 30.7865 13.5137H29.9201V16.535H30.7865ZM28.7991 12.5186H30.7865C32.388 12.5186 33.4945 13.5996 33.4945 15.0101V15.0243C33.4945 16.4346 32.388 17.53 30.7865 17.53H28.7991V12.5186Z"
fill="#1A1918"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M39.1299 15.0385V15.0242C39.1299 14.1652 38.4893 13.4492 37.5867 13.4492C36.684 13.4492 36.058 14.1508 36.058 15.01V15.0242C36.058 15.8832 36.6986 16.5992 37.6012 16.5992C38.5039 16.5992 39.1299 15.8976 39.1299 15.0385ZM34.886 15.0385V15.0242C34.886 13.5995 36.0288 12.4326 37.6012 12.4326C39.1736 12.4326 40.3021 13.5852 40.3021 15.01V15.0242C40.3021 16.4487 39.1591 17.6156 37.5867 17.6156C36.0142 17.6156 34.886 16.4632 34.886 15.0385Z"
fill="#1A1918"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M41.3423 12.5186H42.5433L43.599 15.912L44.7418 12.5044H45.7029L46.8457 15.912L47.9012 12.5186H49.0733L47.3334 17.5656H46.358L45.2078 14.2871L44.0575 17.5656H43.0821L41.3423 12.5186Z"
fill="#1A1918"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M50.6294 12.5186H51.6631L54.0507 15.6043V12.5186H55.1572V17.53H54.2038L51.7359 14.3442V17.53H50.6294V12.5186Z"
fill="#1A1918"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M58.2941 13.5351H56.7437V12.5186H60.966V13.5351H59.4153V17.53H58.2941V13.5351Z"
fill="#1A1918"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M66.3523 15.0385V15.0242C66.3523 14.1652 65.7118 13.4492 64.8089 13.4492C63.9064 13.4492 63.2802 14.1508 63.2802 15.01V15.0242C63.2802 15.8832 63.921 16.5992 64.8235 16.5992C65.7263 16.5992 66.3523 15.8976 66.3523 15.0385ZM62.1084 15.0385V15.0242C62.1084 13.5995 63.2511 12.4326 64.8235 12.4326C66.3961 12.4326 67.5243 13.5852 67.5243 15.01V15.0242C67.5243 16.4487 66.3815 17.6156 64.8089 17.6156C63.2367 17.6156 62.1084 16.4632 62.1084 15.0385Z"
fill="#1A1918"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M68.5647 12.5186H69.7659L70.8212 15.912L71.9641 12.5044H72.9253L74.0679 15.912L75.1235 12.5186H76.2955L74.5558 17.5656H73.5802L72.43 14.2871L71.2798 17.5656H70.3043L68.5647 12.5186Z"
fill="#1A1918"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M77.8521 12.5186H78.8858L81.2736 15.6043V12.5186H82.3803V17.53H81.4264L78.9587 14.3442V17.53H77.8521V12.5186Z"
fill="#1A1918"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M1.21659 25.8034H9.61438C9.62255 25.8034 9.63167 25.8036 9.63968 25.8036C15.4622 25.8036 19.9698 22.4621 21.083 17.41H16.9031C15.9839 20.5465 13.2437 22.4718 9.63811 22.4718H9.62113H5.0929V7.52819H9.64581C13.1087 7.53391 15.8143 9.37558 16.8166 12.3677H21.0466C19.8755 7.45971 15.3878 4.20598 9.65258 4.1964H1.21659V25.8034ZM9.6411 27H9.61327H0V3H9.65352C16.2722 3.01113 21.3895 6.97661 22.3887 12.8675L22.5067 13.5643H15.8942L15.7745 13.1189C15.0472 10.4134 12.6985 8.72969 9.64472 8.72459H6.3095V21.2751H9.62208H9.63654C12.8185 21.2751 15.193 19.5161 15.8371 16.6812L15.9434 16.2134H22.5209L22.4145 16.9017C21.4794 22.9446 16.3477 27 9.6411 27Z"
fill="#1A1918"
/>
</svg>
)
}

27
packages/design-system/lib/components/Icons/Logos/GrandHotelOslo.tsx Normal file
View File

File diff suppressed because one or more lines are too long

63
packages/design-system/lib/components/Icons/Logos/Haymarket.tsx Normal file
View File

@@ -0,0 +1,63 @@
import { iconVariants } from '../variants'
import type { LogoAndIllustrationProps } from '../icon'
export default function HaymarketIcon({
className,
color,
...props
}: LogoAndIllustrationProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width="100"
height="26"
viewBox="0 0 100 26"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M12.8731 24.9845C19.6178 24.9845 25.1297 19.509 25.1297 12.8004C25.1297 6.09193 19.6178 0.580078 12.8731 0.580078C6.12831 0.580078 0.616455 6.05567 0.616455 12.7642C0.616455 19.4727 6.12831 24.9845 12.8731 24.9845ZM8.66666 9.24675H17.1158L12.8731 16.5354L8.66666 9.24675ZM8.66666 8.77534L10.6973 5.22164H15.0488L17.0795 8.77534H8.66666ZM17.2608 23.6791C15.9191 24.223 14.5411 24.4769 13.0907 24.5131V17.0794L17.2608 9.8632V23.6791ZM17.7322 2.10309C21.9386 3.98873 24.6583 8.19514 24.6583 12.7642C24.6583 17.3332 21.9386 21.5396 17.7322 23.4615V2.10309ZM17.2608 1.88552V8.12262L13.1994 1.05149C14.5774 1.08775 15.9554 1.37785 17.2608 1.88552ZM14.795 4.75023H10.9512L12.8731 1.45037L14.795 4.75023ZM8.48535 1.88552C9.79079 1.37785 11.1688 1.08775 12.583 1.05149L8.48535 8.12262V1.88552ZM8.48535 9.8632L12.6555 17.0794V24.5131C11.205 24.4769 9.82705 24.1868 8.48535 23.6791V9.8632ZM8.01394 2.10309V23.4615C3.80753 21.5759 1.08786 17.3695 1.08786 12.7642C1.08786 8.15888 3.80753 3.98873 8.01394 2.10309Z"
fill="black"
/>
<path
d="M34.8479 12.1114H31.6931V9.75439H30.4602V16.0278H31.6931V13.1993H34.8479V16.0278H36.0446V9.75439H34.8479V12.1114Z"
fill="black"
/>
<path
d="M41.3389 9.75439L38.6555 16.064H39.9247L40.5049 14.6861H43.0432L43.6234 16.064H44.8926L42.2092 9.75439H41.3389ZM40.9763 13.5619L41.7741 11.7126L42.5718 13.5619H40.9763Z"
fill="black"
/>
<path
d="M50.2232 9.75439L48.8453 11.9664L47.4673 9.75439H46.0894L48.2288 13.1993V16.0278H49.4617V13.1993L51.6012 9.75439H50.2232Z"
fill="black"
/>
<path
d="M57.3667 13.5257L55.0822 9.75439H54.2119V16.0278H55.4448V12.5466L56.9678 15.0124H57.8019L59.3249 12.5466V16.0278H60.5215V9.75439H59.6512L57.3667 13.5257Z"
fill="black"
/>
<path
d="M69.3697 16.0279L66.6863 9.71826H65.816L63.1326 16.0279H64.4017L64.9819 14.6499H67.5203L68.1005 16.0279H69.3697ZM65.4533 13.5621L66.2511 11.7127L67.0489 13.5621H65.4533Z"
fill="black"
/>
<path
d="M75.0265 13.1632C75.2803 13.0906 75.4979 12.9456 75.643 12.8005C75.9693 12.4742 76.1869 12.0028 76.1869 11.5314C76.1869 11.0237 75.9693 10.5523 75.643 10.2622C75.3166 9.97208 74.9177 9.79077 74.265 9.79077H71.9805V16.1004H73.2134V13.3082H73.6485L75.8968 16.1004H77.3835L75.0265 13.1632ZM74.8089 11.9665C74.7001 12.0753 74.5551 12.1478 74.1925 12.1478H73.1771V10.8061H74.1925C74.5551 10.8061 74.7001 10.8786 74.8089 10.9874C74.9177 11.0962 74.9902 11.2775 74.9902 11.4588C74.9902 11.6764 74.9177 11.8577 74.8089 11.9665Z"
fill="black"
/>
<path
d="M85.1074 9.75439H83.5118L81.1185 12.2565V9.75439H79.9219V16.0278H81.1185V12.9455L83.9107 16.0278H85.47L82.3514 12.6191L85.1074 9.75439Z"
fill="black"
/>
<path
d="M89.2776 13.1993H91.1995V12.1114H89.2776V10.806H91.8159V9.75439H88.0447V16.0278H91.9247V14.9762H89.2776V13.1993Z"
fill="black"
/>
<path
d="M94.3906 9.75439V10.806H96.0587V16.0278H97.2553V10.806H98.9234V9.75439H94.3906Z"
fill="black"
/>
</svg>
)
}

96
packages/design-system/lib/components/Icons/Logos/HotelNorge.tsx Normal file
View File

@@ -0,0 +1,96 @@
import { iconVariants } from '../variants'
import type { LogoAndIllustrationProps } from '../icon'
export default function HotelNorgeIcon({
className,
color,
...props
}: LogoAndIllustrationProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width="117"
height="24"
viewBox="0 0 117 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M3.54285 11.7371H11.6228V3.54285H3.54285V11.7371ZM20.4114 19.28V3.54285H12.5371L20.4114 19.28ZM3.54285 20.4115H11.6228V12.4343H3.54285V20.4115ZM20.1943 20.4114L12.32 4.67427V20.4114H20.1943ZM2.8457 21.0971H21.0971V2.8457H2.8457V21.0971Z"
fill="#2A1000"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M0 23.9429H23.9429V0H0V23.9429ZM0.697143 23.2571H23.2571V0.697143H0.697143V23.2571Z"
fill="#2A1000"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M30.3086 8.22852H31.7714V11.6571H35.9543V8.22852H37.4172V16.1258H35.9543V12.4457H31.7714V16.1258H30.3086V8.22852Z"
fill="#2A1000"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M43.1315 15.4972C44.6629 15.4972 45.5086 14.2401 45.5086 12.1714C45.5086 10.0801 44.6629 8.83437 43.1315 8.83437C41.5886 8.83437 40.7544 10.0915 40.7544 12.1714C40.7544 14.2515 41.5886 15.4972 43.1315 15.4972ZM43.1315 8.11426C45.3944 8.11426 47.1544 9.86294 47.1544 12.1714C47.1544 14.4801 45.3944 16.2285 43.1315 16.2285C40.8572 16.2285 39.1086 14.4801 39.1086 12.1714C39.1086 9.86294 40.8572 8.11426 43.1315 8.11426Z"
fill="#2A1000"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M50.663 9.01709H47.6802V8.22852H55.0973V9.01709H52.1145V16.1257H50.6516V9.01709H50.663Z"
fill="#2A1000"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M56.7886 8.22852H62.4114V9.02852H58.2514V11.6457H61.3029V12.4457H58.2514V15.3142H62.5943V16.1258H56.7886V8.22852Z"
fill="#2A1000"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M64.4228 8.22852H65.8857V15.3142H69.8742V16.1258H64.4114V8.22852H64.4228Z"
fill="#2A1000"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M80.7658 8.22852H81.7144V16.1485H81.1429L76.0001 9.88566V16.1258H75.0515V8.22852H76.4572L80.7658 13.5085V8.22852Z"
fill="#2A1000"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M87.4286 15.4972C88.96 15.4972 89.8058 14.2401 89.8058 12.1714C89.8058 10.0801 88.96 8.83437 87.4286 8.83437C85.8857 8.83437 85.0514 10.0915 85.0514 12.1714C85.0514 14.2515 85.8857 15.4972 87.4286 15.4972ZM87.4286 8.11426C89.6915 8.11426 91.4514 9.86294 91.4514 12.1714C91.4514 14.4801 89.6915 16.2285 87.4286 16.2285C85.1544 16.2285 83.4058 14.4801 83.4058 12.1714C83.3943 9.86294 85.1428 8.11426 87.4286 8.11426Z"
fill="#2A1000"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M94.6058 11.9314H96.0458C97.1428 11.9314 97.8972 11.5199 97.8972 10.4342C97.8972 9.45137 97.2 9.00566 96.0458 9.00566H94.6058V11.9314ZM94.6058 16.1257H93.1428V8.22852H96.4915C98.1143 8.22852 99.4744 8.79994 99.4744 10.3657C99.4744 11.7371 98.2744 12.3085 97.1085 12.3314V12.3657C98.1029 12.4571 98.6058 12.8913 98.9143 13.7714L99.3258 14.8913C99.4972 15.3484 99.68 15.7028 100.012 16.1371H98.3657C98.1258 15.7714 97.9544 15.3484 97.8514 15.0285L97.3943 13.7599C97.1201 12.9828 96.8115 12.6971 95.8972 12.6971H94.6285V16.1257H94.6058Z"
fill="#2A1000"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M107.897 16.1257L107.371 15.0056C106.937 15.7257 106.012 16.24 104.949 16.24C102.686 16.24 100.994 14.6743 100.994 12.2628C100.994 9.81716 102.869 8.12573 105.189 8.12573C106.64 8.12573 107.737 8.70859 108.389 9.85145L107.771 10.5029C107.28 9.61145 106.594 8.96002 105.349 8.96002C103.783 8.96002 102.652 10.1257 102.652 12.16C102.652 14.16 103.692 15.3943 105.177 15.3943C106.137 15.3943 106.971 14.7657 106.971 13.8172V12.3999H108.457V16.1372H107.897V16.1257Z"
fill="#2A1000"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M110.549 8.22852H116.171V9.02852H112.011V11.6457H115.063V12.4457H112.011V15.3142H116.354V16.1258H110.549V8.22852Z"
fill="#2A1000"
/>
</svg>
)
}

59
packages/design-system/lib/components/Icons/Logos/Marski.tsx Normal file
View File

@@ -0,0 +1,59 @@
import { iconVariants } from '../variants'
import type { LogoAndIllustrationProps } from '../icon'
export default function MarskiLogoIcon({
className,
color,
...props
}: LogoAndIllustrationProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width="92"
height="30"
viewBox="0 0 92 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M0 10.2275H4.03407L5.34883 15.842H5.37449L6.68925 10.2275H10.7233V19.7719H8.04249V13.6496H8.01683L6.41874 19.7719H4.30494L2.70685 13.6496H2.68083V19.7719H0V10.2275Z"
fill="#002435"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M22.4422 10.2273H25.2132L28.564 19.7717H25.6255L25.2389 18.4081H22.3132L21.9008 19.7717H19.0525L22.4422 10.2273ZM24.6722 16.3633L23.8471 13.4221H23.8215L22.9319 16.3633H24.6722Z"
fill="#002435"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M37.1377 10.2273H42.5378C44.1491 10.2273 45.5412 11.1495 45.5412 12.9541C45.5412 13.9436 45.1028 14.986 44.162 15.3468C44.9353 15.6547 45.4122 16.537 45.5152 17.7265C45.5541 18.1945 45.5669 19.3303 45.8246 19.7717H42.989C42.8472 19.2904 42.7959 18.7959 42.757 18.3013C42.6797 17.3923 42.6027 16.4431 41.4811 16.4431H39.9728V19.7717H37.1377V10.2273ZM39.9728 14.3983H41.4555C41.9836 14.3983 42.7057 14.3044 42.7057 13.4491C42.7057 12.8473 42.3832 12.4998 41.3008 12.4998H39.9728V14.3983Z"
fill="#002435"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M57.0406 16.564C57.0406 16.8043 57.0791 17.0183 57.1436 17.192C57.3499 17.7672 57.9686 17.8869 58.4968 17.8869C58.9609 17.8869 59.6697 17.7269 59.6697 17.0183C59.6697 16.5241 59.2702 16.3899 57.685 15.9223C56.2287 15.4946 54.5661 15.0803 54.5661 13.1552C54.5661 10.95 56.383 10.0007 58.278 10.0007C60.2756 10.0007 62.0412 10.7892 62.1185 13.1153H59.4377C59.4894 12.7542 59.3347 12.5135 59.1027 12.3531C58.8707 12.1794 58.5485 12.1128 58.2648 12.1128C57.8785 12.1128 57.2466 12.2197 57.2466 12.7542C57.2983 13.4361 58.613 13.5829 59.9146 13.9573C61.2165 14.3314 62.5052 14.9598 62.5052 16.7107C62.5052 19.1969 60.3013 19.9994 58.252 19.9994C57.2081 19.9994 54.2307 19.6117 54.2051 16.564H57.0406Z"
fill="#002435"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M71.2209 10.2273H74.0565V13.516H74.0821L76.6083 10.2273H80.101L76.7629 13.9569L80.6423 19.7717H77.1112L74.8423 16.0557L74.0565 16.9514V19.7717H71.2209V10.2273Z"
fill="#002435"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M89.1646 19.7717H92.0001V10.2273H89.1646V19.7717Z"
fill="#002435"
/>
</svg>
)
}

69
packages/design-system/lib/components/Icons/Logos/ScandicGoLogo.tsx Normal file
View File

@@ -0,0 +1,69 @@
import { iconVariants } from '../variants'
import type { LogoAndIllustrationProps } from '../icon'
export default function ScandicGoLogoIcon({
className,
color,
...props
}: LogoAndIllustrationProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width="90"
height="18"
viewBox="0 0 90 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15.9257 15.1859C15.5404 15.2802 15.155 15.343 14.7698 15.3823C14.3844 15.4216 13.9992 15.4373 13.6139 15.4373C12.2332 15.4373 11.0934 15.1231 10.2987 14.4397C9.50405 13.7563 9.05444 12.7037 9.05444 11.227C9.05444 9.81317 9.52002 8.80773 10.3147 8.15575C11.1094 7.50377 12.2332 7.20525 13.5497 7.20525C13.935 7.20525 14.3202 7.22088 14.7056 7.2523C15.0908 7.28371 15.4762 7.33091 15.8615 7.39374V8.08503V8.77632C15.5725 8.74475 15.3156 8.71333 15.0668 8.68981C14.8179 8.66629 14.5772 8.6505 14.3202 8.6505C13.2606 8.6505 12.474 8.80773 11.9523 9.22402C11.4306 9.64031 11.1736 10.3158 11.1736 11.3527C11.1736 12.3267 11.4144 12.9866 11.9283 13.4029C12.4419 13.8191 13.2285 13.992 14.3202 13.992C14.6093 13.992 14.8661 13.9762 15.1149 13.9527C15.3638 13.9292 15.6047 13.8978 15.8615 13.8663V14.5261V15.1859H15.8936H15.9257Z"
fill="#093021"
/>
<path
d="M44.3738 5.76011H45.4012H46.4287V4.84891V3.93772H45.4012H44.3738V4.84891V5.76011ZM44.3738 15.249H45.4012H46.4287V11.2901V7.33117H45.4012H44.3738V11.2901V15.249Z"
fill="#093021"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M40.7136 13.8663V11.2898V8.71342C40.5852 8.71342 40.4086 8.69764 40.2079 8.682C40.0072 8.66622 39.7825 8.65059 39.5578 8.65059C38.6266 8.65059 37.9844 8.8705 37.5751 9.3182C37.1657 9.7659 36.989 10.4416 36.989 11.3526C36.989 12.1695 37.1495 12.8294 37.543 13.285C37.9363 13.7406 38.5624 13.9919 39.4936 13.9919C39.6862 13.9919 39.8788 13.9763 40.0795 13.9526C40.2802 13.9291 40.4889 13.8977 40.7136 13.8663ZM42.7044 15.0602C42.5118 15.0916 42.0622 15.1702 41.4843 15.241C40.9063 15.3115 40.1998 15.3745 39.4936 15.3745C38.177 15.3745 37.0373 15.076 36.2264 14.4161C35.4158 13.7562 34.9341 12.7352 34.9341 11.2898C34.9341 9.90735 35.3676 8.8705 36.1301 8.17921C36.8927 7.48808 37.9844 7.14235 39.3009 7.14235C39.4936 7.14235 39.7504 7.15814 39.9993 7.17377C40.2481 7.18956 40.4889 7.20518 40.6494 7.20518V5.57144V3.93755H41.6769H42.7044V9.56952V15.0602Z"
fill="#093021"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M33.5856 15.2488H32.5902H31.5948V12.6409V10.0331C31.5948 9.59313 31.4985 9.24756 31.2417 9.01187C30.9847 8.77618 30.5674 8.65052 29.9252 8.65052C29.4757 8.65052 29.0101 8.69772 28.657 8.74476C28.3037 8.79196 28.063 8.83916 28.063 8.83916V12.044V15.2488H27.0676H26.0723V11.4155V7.58225C26.1365 7.58225 26.8106 7.488 27.6536 7.39376C28.4963 7.29951 29.5078 7.20527 30.2463 7.20527C31.1454 7.20527 31.9962 7.28373 32.6223 7.66086C33.2484 8.03785 33.6498 8.71335 33.6498 9.90743V12.578V15.2488H33.6177H33.5856Z"
fill="#093021"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M22.3475 14.0548V12.9237V11.7926H21.6251H20.999C20.3889 11.7926 19.8912 11.8083 19.546 11.9653C19.2009 12.1226 19.0083 12.4209 19.0083 12.9866C19.0083 13.552 19.249 13.8506 19.6104 14.0076C19.9716 14.1649 20.4531 14.1805 20.9348 14.1805C21.2238 14.1491 21.4485 14.1335 21.6653 14.1177C21.882 14.102 22.0907 14.0863 22.3475 14.0548ZM24.4025 15.2488C23.696 15.3116 23.0699 15.3588 22.4679 15.3902C21.866 15.4216 21.288 15.4373 20.6778 15.4373C19.6504 15.4373 18.7192 15.3588 18.045 14.9974C17.3707 14.6361 16.9534 13.992 16.9534 12.8609C16.9534 11.7612 17.467 11.18 18.2136 10.8657C18.9601 10.5515 19.9395 10.5043 20.8706 10.4729H21.585H22.3475C22.3475 9.78176 22.3314 9.31038 22.0586 9.01186C21.7856 8.71349 21.2559 8.58767 20.2284 8.58767C19.7146 8.58767 19.1848 8.63487 18.7032 8.6977C18.2215 8.76053 17.7881 8.83915 17.467 8.90198V8.17928V7.45657C17.8524 7.36233 18.3501 7.2995 18.8638 7.25245C19.3776 7.20525 19.9074 7.17384 20.3568 7.14242C21.5127 7.14242 22.5242 7.20525 23.2466 7.5666C23.969 7.92796 24.4025 8.58767 24.4025 9.78176V12.5152V15.2488Z"
fill="#093021"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M54.5844 15.1859C54.1991 15.2802 53.8137 15.343 53.4285 15.3823C53.0431 15.4216 52.6579 15.4373 52.2726 15.4373C50.8918 15.4373 49.7521 15.1231 48.9574 14.4397C48.1627 13.7563 47.7131 12.7037 47.7131 11.227C47.7131 9.81317 48.1787 8.80773 48.9734 8.15575C49.7681 7.50377 50.8918 7.20525 52.2084 7.20525C52.5936 7.20525 52.9789 7.22088 53.3643 7.2523C53.7495 7.28371 54.1349 7.33091 54.5202 7.39374V8.08503V8.77632C54.2312 8.74475 53.9743 8.71333 53.7255 8.68981C53.4766 8.66629 53.2359 8.6505 52.9789 8.6505C51.9193 8.6505 51.1327 8.80773 50.611 9.22402C50.0893 9.64031 49.8323 10.3158 49.8323 11.3527C49.8323 12.3267 50.0731 12.9866 50.5869 13.4029C51.1006 13.8191 51.8872 13.992 52.9789 13.992C53.268 13.992 53.5248 13.9762 53.7736 13.9527C54.0225 13.9292 54.2633 13.8978 54.5202 13.8663V14.5261V15.1859H54.5523H54.5844Z"
fill="#093021"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M8.02712 12.1068C8.02712 13.2693 7.56155 14.102 6.75074 14.644C5.94008 15.1859 4.7842 15.4373 3.40344 15.4373C2.50454 15.4373 1.7339 15.3588 1.16395 15.2723C0.593993 15.1859 0.224724 15.0917 0.128414 15.0603V14.2433V13.4264C0.449606 13.4892 0.94713 13.5992 1.50918 13.6935C2.07107 13.7877 2.69716 13.8663 3.27502 13.8663C3.85304 13.8663 4.51124 13.8035 5.02506 13.5836C5.53871 13.3635 5.90798 12.9866 5.90798 12.3581C5.90798 11.9497 5.74746 11.667 5.4424 11.4469C5.13734 11.227 4.68789 11.0699 4.10987 10.9129C3.88515 10.85 3.66042 10.7872 3.43554 10.7244C3.21082 10.6615 2.98609 10.5986 2.76137 10.5357C1.99073 10.3158 1.30043 10.0487 0.802744 9.61679C0.305062 9.18472 0 8.58767 0 7.70805C0 6.45114 0.513813 5.66576 1.32446 5.19438C2.13527 4.72315 3.24292 4.56592 4.43091 4.56592C5.13734 4.56592 5.77957 4.62875 6.26918 4.69947C6.7588 4.77019 7.09597 4.84881 7.19228 4.88022V5.63419V6.38831C7.06386 6.35689 6.7267 6.27843 6.26918 6.20771C5.81167 6.13698 5.23365 6.07415 4.62369 6.07415C4.04567 6.07415 3.41957 6.10557 2.93786 6.29406C2.45631 6.48255 2.11914 6.82827 2.11914 7.45657C2.11914 7.92796 2.31176 8.22648 2.64086 8.43849C2.96996 8.65066 3.43554 8.77632 3.98146 8.90198C4.23829 8.99623 4.49527 9.05906 4.7521 9.12189C5.00893 9.18472 5.26575 9.24755 5.52274 9.34179C6.19691 9.53028 6.82301 9.78176 7.28068 10.2059C7.73819 10.6301 8.02712 11.227 8.02712 12.1068Z"
fill="#093021"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M59.0903 8.99215C59.0903 4.51876 62.6801 0.988525 67.4969 0.988525C69.9951 0.988525 72.1319 2.209 73.5742 3.86603L72.2456 4.97044C71.0678 3.61719 69.3886 2.69307 67.4969 2.69307C63.6173 2.69307 60.8345 5.48548 60.8345 8.99215C60.8345 12.1173 63.3815 15.3067 67.3756 15.3067C69.0106 15.3067 70.2829 14.7036 71.1681 13.9161C72.0193 13.1588 72.4748 12.2677 72.5817 11.6246C72.0576 11.7078 71.5506 11.7402 71.0722 11.7274C69.899 11.696 68.8017 11.3882 68.0713 10.7828C67.6966 10.4721 67.3972 10.0627 67.2805 9.56115C67.1623 9.05276 67.252 8.5359 67.5035 8.05595L67.5036 8.05592C67.9157 7.26968 68.6781 6.88342 69.4526 6.78634C70.2137 6.69094 71.0358 6.85988 71.7671 7.21185C72.6806 7.65153 73.5336 8.42169 73.9968 9.4646C75.1253 9.00516 76.2915 8.23634 77.3343 7.06067C77.4156 6.96121 77.4896 6.87635 77.5514 6.80547C77.5671 6.78744 77.582 6.77032 77.596 6.75409L78.9412 7.83893C78.8562 7.94218 78.7703 8.04309 78.6835 8.1417C78.3131 8.59935 77.8429 9.33605 77.8429 10.5372C77.8429 12.4859 79.4128 14.3635 81.9088 14.3635C83.9655 14.3635 85.7401 12.604 85.7533 10.4952C85.7549 10.2347 85.7317 9.98571 85.6873 9.74882C84.5315 10.0577 83.4564 10.0634 82.5452 9.84803C81.6076 9.62644 80.7973 9.15441 80.3252 8.48172C79.826 7.77059 79.7435 6.86655 80.2781 6.06155C80.7646 5.32882 81.5753 5.04031 82.354 5.02588C83.1277 5.01156 83.9529 5.25635 84.6936 5.67983C85.4354 6.10394 86.1373 6.73426 86.6533 7.54326C87.2472 7.23409 87.8705 6.81482 88.5089 6.25995L89.6681 7.5336C88.8868 8.21268 88.1015 8.73395 87.3331 9.11828C87.4418 9.55129 87.5005 10.0144 87.4974 10.5055V10.5056C87.4787 13.4987 84.978 16.068 81.9088 16.068C78.3884 16.068 76.0987 13.3665 76.0987 10.5372C76.0987 10.4624 76.1 10.3887 76.1026 10.3161C75.5253 10.6656 74.9391 10.944 74.3579 11.1581C74.3592 11.3235 74.3516 11.4929 74.3342 11.6662C74.219 12.8179 73.5004 14.1462 72.3422 15.1766C71.1617 16.2268 69.4787 17.0113 67.3756 17.0113C62.3043 17.0113 59.0903 12.9433 59.0903 8.99215ZM84.9773 8.1653C84.6481 7.73748 84.2415 7.39614 83.8129 7.15111C83.2889 6.85156 82.7769 6.7229 82.3871 6.73012C82.0025 6.73725 81.8237 6.86526 81.7412 6.98945L81.7412 6.9895C81.6259 7.16301 81.6245 7.3195 81.7635 7.51753C81.9295 7.75402 82.3144 8.03979 82.9552 8.19125C83.4942 8.31865 84.1851 8.33991 84.9773 8.1653ZM72.296 9.94307C72.0003 9.40392 71.5262 8.99598 70.9965 8.74099C70.5127 8.50815 70.035 8.43184 69.6745 8.47703C69.3274 8.52055 69.1463 8.66071 69.0559 8.833C68.9622 9.01184 68.9669 9.12117 68.9813 9.18328C68.9974 9.25222 69.0485 9.35761 69.1996 9.4829C69.5211 9.74936 70.1772 9.99827 71.1199 10.0235C71.4862 10.0333 71.8816 10.0085 72.296 9.94307Z"
fill="#093021"
/>
</svg>
)
}

63
packages/design-system/lib/components/Icons/Logos/ScandicLogo.tsx Normal file
View File

@@ -0,0 +1,63 @@
import { iconVariants } from '../variants'
import type { LogoAndIllustrationProps } from '../icon'
export default function ScandicLogoIcon({
className,
color,
...props
}: LogoAndIllustrationProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
width="58"
height="14"
viewBox="0 0 58 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.9227 12.9571C16.1038 13.1614 15.285 13.2295 14.4661 13.2295C11.532 13.2295 9.62134 11.8679 9.62134 8.66813C9.62134 5.60455 11.6002 4.31104 14.3979 4.31104C15.2167 4.31104 16.0356 4.37911 16.8544 4.51527V6.01303C16.2403 5.94495 15.7626 5.87687 15.2167 5.87687C12.9649 5.87687 11.8731 6.55766 11.8731 8.80429C11.8731 10.9148 12.8967 11.6636 15.2167 11.6636C15.8309 11.6636 16.3085 11.5956 16.8544 11.5275V12.9571H16.9227Z"
fill="#CD0921"
/>
<path
d="M47.1499 13.0248H49.3335V4.44681H47.1499V13.0248ZM47.1499 2.74482H49.3335V0.770508H47.1499V2.74482Z"
fill="#CD0921"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M45.3765 12.8206C44.9671 12.8887 43.4659 13.161 41.9647 13.161C39.167 13.161 37.1199 11.8675 37.1199 8.73583C37.1199 5.74032 38.9623 4.24257 41.76 4.24257C42.1694 4.24257 42.8518 4.31065 43.1929 4.31065V0.770508H45.3765C45.3765 1.17899 45.3765 12.6164 45.3765 12.8206ZM43.2612 11.5271V5.94456C42.9882 5.94456 42.5106 5.87648 42.0329 5.87648C40.054 5.87648 39.3034 6.8296 39.3034 8.80391C39.3034 10.574 39.9858 11.6633 41.9647 11.6633C42.3741 11.6633 42.7835 11.5952 43.2612 11.5271Z"
fill="#CD0921"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M35.6873 13.0252H33.572V7.37462C33.572 6.4215 33.1625 5.87687 31.7978 5.87687C30.8425 5.87687 29.819 6.08111 29.819 6.08111V13.0252H27.7036V4.71951C27.8401 4.71951 30.5696 4.31104 32.139 4.31104C34.0496 4.31104 35.7555 4.65143 35.7555 7.23846V13.0252H35.6873Z"
fill="#CD0921"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M25.9296 13.0245C24.4284 13.1606 23.2684 13.2287 21.9719 13.2287C19.7883 13.2287 18.0142 12.8883 18.0142 10.4374C18.0142 8.05465 20.1977 7.91849 22.1766 7.85041C22.6543 7.85041 23.2001 7.85041 23.746 7.85041C23.746 6.35266 23.6778 5.80802 21.4942 5.80802C20.4024 5.80802 19.2424 6.01226 18.5601 6.14842V4.58259C19.3789 4.37835 20.6754 4.31027 21.6307 4.24219C24.0872 4.24219 25.9296 4.51451 25.9296 7.10153V13.0245ZM23.746 11.7309V9.28008C23.3366 9.28008 22.586 9.28008 22.3131 9.28008C21.0166 9.28008 20.1977 9.34816 20.1977 10.5736C20.1977 11.799 21.2213 11.8671 22.2448 11.8671C22.859 11.799 23.2001 11.799 23.746 11.7309Z"
fill="#CD0921"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M58.0001 12.9571C57.1812 13.1614 56.3624 13.2295 55.5435 13.2295C52.6094 13.2295 50.6987 11.8679 50.6987 8.66813C50.6987 5.60455 52.6776 4.31104 55.4753 4.31104C56.2941 4.31104 57.113 4.37911 57.9318 4.51527V6.01303C57.3177 5.94495 56.84 5.87687 56.2941 5.87687C54.0423 5.87687 52.9505 6.55766 52.9505 8.80429C52.9505 10.9148 53.9741 11.6636 56.2941 11.6636C56.9083 11.6636 57.3859 11.5956 57.9318 11.5275V12.9571H58.0001Z"
fill="#CD0921"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M8.52959 9.61951C8.52959 12.1385 6.55072 13.2277 3.61655 13.2277C1.70592 13.2277 0.341184 12.8873 0.136473 12.8193V11.0492C0.81884 11.1853 2.25181 11.5257 3.48007 11.5257C4.70833 11.5257 6.27778 11.2534 6.27778 9.89183C6.27778 9.00679 5.59541 8.6664 4.36715 8.326C3.88949 8.18984 3.41184 8.05368 2.93418 7.91752C1.2965 7.44096 0 6.76016 0 4.85393C0 2.13075 2.18357 1.44995 4.70833 1.44995C6.20954 1.44995 7.4378 1.72227 7.64251 1.79035V3.42426C7.36956 3.35618 6.20954 3.08386 4.91304 3.08386C3.68478 3.08386 2.25181 3.22002 2.25181 4.58162C2.25181 5.60281 3.07065 5.87513 4.23068 6.14745C4.77657 6.35169 5.32246 6.41977 5.86836 6.62401C7.30133 7.03248 8.52959 7.71328 8.52959 9.61951Z"
fill="#CD0921"
/>
</svg>
)
}

49
packages/design-system/lib/components/Icons/Logos/index.tsx Normal file
View File

@@ -0,0 +1,49 @@
import {
DowntownCamperIcon,
GrandHotelOsloLogoIcon,
HaymarketIcon,
HotelNorgeIcon,
MarskiLogoIcon,
ScandicGoLogoIcon,
ScandicLogoIcon,
} from '..'
type HotelLogoProps = {
hotelId: string
hotelType: string
}
enum HotelTypeEnum {
Signature = 'signature',
ScandicGo = 'scandicgo',
Regular = 'regular',
}
enum SignatureHotelEnum {
DowntownCamper = '879',
GrandHotelOslo = '340',
Haymarket = '890',
HotelNorge = '785',
Marski = '605',
}
export default function HotelLogo({ hotelId, hotelType }: HotelLogoProps) {
if (hotelType === HotelTypeEnum.ScandicGo) {
return <ScandicGoLogoIcon />
}
switch (hotelId) {
case SignatureHotelEnum.Haymarket:
return <HaymarketIcon />
case SignatureHotelEnum.HotelNorge:
return <HotelNorgeIcon />
case SignatureHotelEnum.DowntownCamper:
return <DowntownCamperIcon />
case SignatureHotelEnum.GrandHotelOslo:
return <GrandHotelOsloLogoIcon />
case SignatureHotelEnum.Marski:
return <MarskiLogoIcon />
default:
return <ScandicLogoIcon color="Icon/Interactive/Accent" />
}
}

36
packages/design-system/lib/components/Icons/MaterialIcon/MaterialIcon.tsx Normal file
View File

@@ -0,0 +1,36 @@
import {
MaterialSymbol,
type MaterialSymbolProps,
} from 'react-material-symbols'
import { iconVariants } from '../variants'
import type { VariantProps } from 'class-variance-authority'
export interface MaterialIconProps
extends Omit<MaterialSymbolProps, 'color' | 'fill'>,
VariantProps<typeof iconVariants> {
isFilled?: boolean
}
export type MaterialIconSetIconProps = Omit<MaterialIconProps, 'icon'>
export function MaterialIcon({
icon,
color,
size = 24,
isFilled = false,
className,
...props
}: MaterialIconProps) {
const classNames = iconVariants({ className, color })
return (
<MaterialSymbol
icon={icon}
size={size}
className={classNames}
fill={isFilled}
{...props}
/>
)
}

5
packages/design-system/lib/components/Icons/MaterialIcon/index.tsx Normal file
View File

@@ -0,0 +1,5 @@
export {
MaterialIcon,
type MaterialIconProps,
type MaterialIconSetIconProps,
} from './MaterialIcon'

67
packages/design-system/lib/components/Icons/Nucleo/Amenities&Facilities/bathroom-cabinet-2.tsx Normal file
View File

@@ -0,0 +1,67 @@
import type { NucleoIconProps } from '../../icon'
import { colorVariants } from '../colorVariants'
function BathroomCabinet2(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill={fill}
strokeLinecap="round"
strokeLinejoin="round"
transform="translate(0.25 0.25)"
>
<rect
height="8"
width="17.999"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x="3.001"
y="15"
/>
<path
d="M9,11a2,2,0,0,1,4,0h0v4"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<line
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x1="7.999"
x2="19.999"
y1="19"
y2="19"
/>
<line
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x1="8"
x2="7.999"
y1="15"
y2="23"
/>
<polyline
fill="none"
points="5 11 1 11 1 1 23 1 23 11 17 11"
stroke={fill}
strokeWidth={strokewidth}
/>
</g>
</svg>
)
}
export default BathroomCabinet2

92
packages/design-system/lib/components/Icons/Nucleo/Amenities&Facilities/conference-room.tsx Normal file
View File

@@ -0,0 +1,92 @@
import { colorVariants } from '../colorVariants'
import type { NucleoIconProps } from '../../icon'
function ConferenceRoom(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill={fill}
strokeLinecap="round"
strokeLinejoin="round"
transform="translate(0.25 0.25)"
>
<rect
height="18"
width="10"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x="7"
y="3"
/>
<circle cx="2" cy="6" fill={fill} r="1" stroke="none" />
<circle cx="2" cy="12" fill={fill} r="1" stroke="none" />
<circle cx="2" cy="18" fill={fill} r="1" stroke="none" />
<circle cx="22" cy="6" fill={fill} r="1" stroke="none" />
<circle cx="22" cy="12" fill={fill} r="1" stroke="none" />
<circle cx="22" cy="18" fill={fill} r="1" stroke="none" />
<circle
cx="2"
cy="6"
fill="none"
r="1"
stroke={fill}
strokeWidth={strokewidth}
/>
<circle
cx="2"
cy="12"
fill="none"
r="1"
stroke={fill}
strokeWidth={strokewidth}
/>
<circle
cx="2"
cy="18"
fill="none"
r="1"
stroke={fill}
strokeWidth={strokewidth}
/>
<circle
cx="22"
cy="6"
fill="none"
r="1"
stroke={fill}
strokeWidth={strokewidth}
/>
<circle
cx="22"
cy="12"
fill="none"
r="1"
stroke={fill}
strokeWidth={strokewidth}
/>
<circle
cx="22"
cy="18"
fill="none"
r="1"
stroke={fill}
strokeWidth={strokewidth}
/>
</g>
</svg>
)
}
export default ConferenceRoom

56
packages/design-system/lib/components/Icons/Nucleo/Amenities&Facilities/door-2.tsx Normal file
View File

@@ -0,0 +1,56 @@
import { colorVariants } from '../colorVariants'
import type { NucleoIconProps } from '../../icon'
function Door2(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill={fill}
strokeLinecap="round"
strokeLinejoin="round"
transform="translate(0.25 0.25)"
>
<rect
height="22"
width="16"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x="4"
y="1"
/>
<rect
height="6"
width="8"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x="8"
y="5"
/>
<line
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x1="8"
x2="8"
y1="15"
y2="17"
/>
</g>
</svg>
)
}
export default Door2

92
packages/design-system/lib/components/Icons/Nucleo/Amenities&Facilities/hairdresser-1.tsx Normal file
View File

@@ -0,0 +1,92 @@
import { colorVariants } from '../colorVariants'
import type { NucleoIconProps } from '../../icon'
function Hairdresser1(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill={fill}
strokeLinecap="round"
strokeLinejoin="round"
transform="translate(0.25 0.25)"
>
<line
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x1="16"
x2="19"
y1="5"
y2="5"
/>
<line
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x1="16"
x2="19"
y1="9"
y2="9"
/>
<line
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x1="12"
x2="6"
y1="1"
y2="18"
/>
<line
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x1="4"
x2="10"
y1="1"
y2="18"
/>
<path
d="M16,13h.79a2,2,0,0,1,1.99,2.2L18,23h5V3a2,2,0,0,0-2-2H16"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<rect
height="7"
width="5"
fill="none"
rx="2.5"
stroke={fill}
strokeWidth={strokewidth}
x="1"
y="16"
/>
<rect
height="7"
width="5"
fill="none"
rx="2.5"
stroke={fill}
strokeWidth={strokewidth}
transform="translate(25 39) rotate(180)"
x="10"
y="16"
/>
</g>
</svg>
)
}
export default Hairdresser1

51
packages/design-system/lib/components/Icons/Nucleo/Amenities&Facilities/record-player-3.tsx Normal file
View File

@@ -0,0 +1,51 @@
import { colorVariants } from '../colorVariants'
import type { NucleoIconProps } from '../../icon'
function RecordPlayer3(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill={fill}
strokeLinecap="round"
strokeLinejoin="round"
transform="translate(0.25 0.25)"
>
<path
d="M18 9V14L16.5 16"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M2 6L2 18C2 19.1046 2.89543 20 4 20L20 20C21.1046 20 22 19.1046 22 18L22 6C22 4.89543 21.1046 4 20 4L4 4C2.89543 4 2 4.89543 2 6Z"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M10 16C12.2091 16 14 14.2091 14 12C14 9.79086 12.2091 8 10 8C7.79086 8 6 9.79086 6 12C6 14.2091 7.79086 16 10 16Z"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M10 13C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11C9.44772 11 9 11.4477 9 12C9 12.5523 9.44772 13 10 13Z"
fill={fill}
stroke="none"
/>
</g>
</svg>
)
}
export default RecordPlayer3

49
packages/design-system/lib/components/Icons/Nucleo/Amenities&Facilities/toilet-2.tsx Normal file
View File

@@ -0,0 +1,49 @@
import { colorVariants } from '../colorVariants'
import type { NucleoIconProps } from '../../icon'
function Toilet2(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill={fill}
strokeLinecap="round"
strokeLinejoin="round"
transform="translate(0.25 0.25)"
>
<path
d="M6,8V3A2.006,2.006,0,0,1,8,1h8a2.006,2.006,0,0,1,2,2V8"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M21,12H3v2a6.018,6.018,0,0,0,6,6H9v3h6V20h0a6.018,6.018,0,0,0,6-6Z"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<line
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x1="3.1"
x2="20.9"
y1="15"
y2="15"
/>
</g>
</svg>
)
}
export default Toilet2

58
packages/design-system/lib/components/Icons/Nucleo/Amenities&Facilities/user-police-2.tsx Normal file
View File

@@ -0,0 +1,58 @@
import type { NucleoIconProps } from '../../icon'
import { colorVariants } from '../colorVariants'
function UserPolice2(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill={fill}
strokeLinecap="round"
strokeLinejoin="round"
transform="translate(0.25 0.25)"
>
<path
d="m4,22.429l3.549-1.014c.859-.245,1.451-1.03,1.451-1.923v-1.239"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="m20,22.429l-3.549-1.014c-.859-.245-1.451-1.03-1.451-1.923v-1.239"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="m18.473,8.408c.091.509.124,1.038.09,1.578l-.189,3.025c-.21,3.366-3.002,5.988-6.374,5.988h0c-3.373,0-6.164-2.622-6.374-5.988l-.189-3.025c-.034-.541-.001-1.069.09-1.579"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="m12,12c-6.406,0-6.576-4-6.576-4h13.153s-.17,4-6.576,4Z"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="m18.576,8l1.495-3.109c.238-.494.039-1.098-.456-1.334-2.349-1.12-4.885-1.893-7.616-2.307-2.73.414-5.267,1.187-7.616,2.307-.495.236-.693.84-.456,1.334l1.495,3.109"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<circle cx="12" cy="4.75" fill={fill} r="1.5" strokeWidth="0" />
</g>
</svg>
)
}
export default UserPolice2

59
packages/design-system/lib/components/Icons/Nucleo/Benefits/bouquet.tsx Normal file
View File

@@ -0,0 +1,59 @@
import { colorVariants } from '../colorVariants'
import type { NucleoIconProps } from '../../icon'
function Bouquet(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill={fill}
strokeLinecap="round"
strokeLinejoin="round"
transform="translate(0.25 0.25)"
>
<path
d="M20.45,11.5a1.707,1.707,0,0,0-2.415,0,1.706,1.706,0,0,1-2.414,0,1.706,1.706,0,0,0-2.414,0,1.706,1.706,0,0,1-2.414,0,1.706,1.706,0,0,0-2.414,0,1.706,1.706,0,0,1-2.414,0,1.707,1.707,0,0,0-2.415,0L10,19h4Z"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M11.378,2.877A6.631,6.631,0,0,1,16,1V4A4,4,0,0,1,8,4V1a4,4,0,0,1,4,4"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M6,8a2.528,2.528,0,0,1,.5-5H8"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M18,8a2.528,2.528,0,0,0-.5-5H16"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<polyline
fill="none"
points="10 19 9 23 15 23 14 19"
stroke={fill}
strokeWidth={strokewidth}
/>
</g>
</svg>
)
}
export default Bouquet

59
packages/design-system/lib/components/Icons/Nucleo/Benefits/discount-2-2.tsx Normal file
View File

@@ -0,0 +1,59 @@
import { colorVariants } from '../colorVariants'
import type { NucleoIconProps } from '../../icon'
function Discount22(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill={fill}
strokeLinecap="round"
strokeLinejoin="round"
transform="translate(0.25 0.25)"
>
<polygon
fill="none"
points="19,15 22,12 19,9 19,5 15,5 12,2 9,5 5,5 5,9 2,12 5,15 5,19 9,19 12,22 15,19 19,19 "
stroke={fill}
strokeWidth={strokewidth}
/>
<line
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x1="15"
x2="9"
y1="9"
y2="15"
/>
<circle
cx="9.5"
cy="9.5"
fill={fill}
r="1.5"
stroke="none"
strokeLinejoin="miter"
/>
<circle
cx="14.5"
cy="14.5"
fill={fill}
r="1.5"
stroke="none"
strokeLinejoin="miter"
/>
</g>
</svg>
)
}
export default Discount22

41
packages/design-system/lib/components/Icons/Nucleo/Experiences/bowling-pins.tsx Normal file
View File

@@ -0,0 +1,41 @@
import { colorVariants } from '../colorVariants'
import type { NucleoIconProps } from '../../icon'
function BowlingPins(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill={fill}
strokeLinecap="round"
strokeLinejoin="round"
transform="translate(0.25 0.25)"
>
<path
d="M18.575,23A13.8,13.8,0,0,0,20,16.5c0-4-2-6-2-9,0-2.5.5-2.5.5-4a2.5,2.5,0,0,0-5,0c0,1.5.5,1.5.5,4,0,3-2,5-2,9A13.8,13.8,0,0,0,13.425,23Z"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M9.952,11.247a7.883,7.883,0,0,1-.7-2.929c0-2.045.438-2.045.438-3.273A2.121,2.121,0,0,0,7.5,3,2.121,2.121,0,0,0,5.312,5.045c0,1.228.438,1.228.438,3.273C5.75,10.773,4,12.409,4,15.682A10.7,10.7,0,0,0,5.247,21H10"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
</g>
</svg>
)
}
export default BowlingPins

68
packages/design-system/lib/components/Icons/Nucleo/Experiences/palm-tree-2.tsx Normal file
View File

@@ -0,0 +1,68 @@
import { colorVariants } from '../colorVariants'
import type { NucleoIconProps } from '../../icon'
function PalmTree2(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill={fill}
strokeLinecap="round"
strokeLinejoin="round"
transform="translate(0.25 0.25)"
>
<path
d="M11.4,23a21.14,21.14,0,0,0,1.594-8.059A21.111,21.111,0,0,0,11,6"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M4,15l7-9C6,6,2,9,4,15Z"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M21,12,11,6S20,2,21,12Z"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M11,6,3,5S7-1,11,6Z"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M11,6l9-3S11.971-2.161,11,6Z"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<line
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x1="1"
x2="23"
y1="23"
y2="23"
/>
</g>
</svg>
)
}
export default PalmTree2

70
packages/design-system/lib/components/Icons/Nucleo/Food/chips-3.tsx Normal file
View File

@@ -0,0 +1,70 @@
import { colorVariants } from '../colorVariants'
import type { NucleoIconProps } from '../../icon'
function Chips3(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill={fill}
strokeLinecap="round"
strokeLinejoin="round"
transform="translate(0.25 0.25)"
>
<polyline
fill="none"
points="4,9 4,3 8,3 "
stroke={fill}
strokeWidth={strokewidth}
/>
<polyline
fill="none"
points="16,9 16,2 20,2 20,9 "
stroke={fill}
strokeWidth={strokewidth}
/>
<polyline
fill="none"
points="8,9 8,1 12,1 12,9 "
stroke={fill}
strokeWidth={strokewidth}
/>
<line
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x1="12"
x2="16"
y1="5"
y2="5"
/>
<polygon
fill="none"
points="19,23 5,23 2,9 22,9 "
stroke={fill}
strokeWidth={strokewidth}
/>
<circle
cx="12"
cy="16"
fill="none"
r="3"
stroke={fill}
strokeWidth={strokewidth}
/>
</g>
</svg>
)
}
export default Chips3

59
packages/design-system/lib/components/Icons/Nucleo/Food/popcorn-2.tsx Normal file
View File

@@ -0,0 +1,59 @@
import { colorVariants } from '../colorVariants'
import type { NucleoIconProps } from '../../icon'
function Popcorn2(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill={fill}
strokeLinecap="round"
strokeLinejoin="round"
transform="translate(0.25 0.25)"
>
<polygon
fill="none"
points="21 7 3 7 5 23 19 23 21 7"
stroke={fill}
strokeWidth={strokewidth}
/>
<path
d="M19,5a3,3,0,0,0-3-3,2.97,2.97,0,0,0-1.47.4,2.986,2.986,0,0,0-5.06,0A2.97,2.97,0,0,0,8,2,3,3,0,0,0,5,5"
fill="none"
stroke={fill}
strokeWidth={strokewidth}
/>
<line
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x1="9"
x2="8"
y1="23"
y2="7"
/>
<line
fill="none"
stroke={fill}
strokeWidth={strokewidth}
x1="15"
x2="16"
y1="23"
y2="7"
/>
</g>
</svg>
)
}
export default Popcorn2

17
packages/design-system/lib/components/Icons/Nucleo/colorVariants.ts Normal file
View File

@@ -0,0 +1,17 @@
export const colorVariants = {
'Icon/Default': 'var(--Icon-Default)',
'Icon/Intense': 'var(--Icon-Intense)',
'Icon/Accent': 'var(--Icon-Accent)',
'Icon/Inverted': 'var(--Icon-Inverted)',
'Icon/Interactive/Default': 'var(--Icon-Interactive-Default)',
'Icon/Interactive/Secondary': 'var(--Icon-Interactive-Secondary)',
'Icon/Interactive/Accent': 'var(--Icon-Interactive-Accent)',
'Icon/Interactive/Disabled': 'var(--Icon-Interactive-Disabled)',
'Icon/Interactive/Placeholder': 'var(--Icon-Interactive-Placeholder)',
'Icon/Feedback/Information': 'var(--Icon-Feedback-Information)',
'Icon/Feedback/Success': 'var(--Icon-Feedback-Success)',
'Icon/Feedback/Warning': 'var(--Icon-Feedback-Warning)',
'Icon/Feedback/Error': 'var(--Icon-Feedback-Error)',
'Icon/Feedback/Neutral': 'var(--Icon-Feedback-Neutral)',
CurrentColor: 'currentColor',
}

96
packages/design-system/lib/components/Icons/icon.module.css Normal file
View File

@@ -0,0 +1,96 @@
.icon {
margin: 0;
}
/* Icon */
.iconDefault,
.iconDefault * {
color: var(--Icon-Default);
fill: var(--Icon-Default);
}
.iconIntense,
.iconIntense * {
color: var(--Icon-Intense);
fill: var(--Icon-Intense);
}
.iconAccent,
.iconAccent * {
color: var(--Icon-Accent);
fill: var(--Icon-Accent);
}
.iconInverted,
.iconInverted * {
color: var(--Icon-Inverted);
fill: var(--Icon-Inverted);
}
/* Icon / Interactive */
.iconInteractiveDefault,
.iconInteractiveDefault * {
color: var(--Icon-Interactive-Default);
fill: var(--Icon-Interactive-Default);
}
.iconInteractiveSecondary,
.iconInteractiveSecondary * {
color: var(--Icon-Interactive-Secondary);
fill: var(--Icon-Interactive-Secondary);
}
.iconInteractiveAccent,
.iconInteractiveAccent * {
color: var(--Icon-Interactive-Accent);
fill: var(--Icon-Interactive-Accent);
}
.iconInteractiveDisabled,
.iconInteractiveDisabled * {
color: var(--Icon-Interactive-Disabled);
fill: var(--Icon-Interactive-Disabled);
}
.iconInteractivePlaceholder,
.iconInteractivePlaceholder * {
color: var(--Icon-Interactive-Placeholder);
fill: var(--Icon-Interactive-Placeholder);
}
/* Icon / Feedback */
.iconFeedbackInformation,
.iconFeedbackInformation * {
color: var(--Icon-Feedback-Information);
fill: var(--Icon-Feedback-Information);
}
.iconFeedbackSuccess,
.iconFeedbackSuccess * {
color: var(--Icon-Feedback-Success);
fill: var(--Icon-Feedback-Success);
}
.iconFeedbackWarning,
.iconFeedbackWarning * {
color: var(--Icon-Feedback-Warning);
fill: var(--Icon-Feedback-Warning);
}
.iconFeedbackError,
.iconFeedbackError * {
color: var(--Icon-Feedback-Error);
fill: var(--Icon-Feedback-Error);
}
.iconFeedbackNeutral,
.iconFeedbackNeutral * {
color: var(--Icon-Feedback-Neutral);
fill: var(--Icon-Feedback-Neutral);
}
.currentColor,
.currentColor * {
color: currentColor;
fill: currentColor;
}

19
packages/design-system/lib/components/Icons/icon.ts Normal file
View File

@@ -0,0 +1,19 @@
import type { VariantProps } from 'class-variance-authority'
import { iconVariants } from './variants'
export interface IconProps
extends Omit<React.SVGAttributes<HTMLOrSVGElement>, 'color'>,
VariantProps<typeof iconVariants> {
size?: number
}
export interface LogoAndIllustrationProps
extends Omit<React.SVGAttributes<HTMLOrSVGElement>, 'color'>,
VariantProps<typeof iconVariants> {
width?: string | number
height?: string | number
}
export interface NucleoIconProps extends IconProps {
strokewidth?: number
}

71
packages/design-system/lib/components/Icons/index.tsx Normal file
View File

@@ -0,0 +1,71 @@
export { default as BedHotelIcon } from './Customised/Amenities&Facilities/BedHotel'
export { default as CoolingIcon } from './Customised/Amenities&Facilities/Cooling'
export { default as CouchTableIcon } from './Customised/Amenities&Facilities/CouchTable'
export { default as FootStoolIcon } from './Customised/Amenities&Facilities/FootStool'
export { default as HairDryerIcon } from './Customised/Amenities&Facilities/Hairdryer'
export { default as HandSoapIcon } from './Customised/Amenities&Facilities/HandSoap'
export { default as IceMachineIcon } from './Customised/Amenities&Facilities/IceMachine'
export { default as MassageIcon } from './Customised/Amenities&Facilities/Massage'
export { default as MdiBunkBedIcon } from './Customised/Amenities&Facilities/MdiBunkBedOutline'
export { default as MirrorIcon } from './Customised/Amenities&Facilities/Mirror'
export { default as MovingBedsIcon } from './Customised/Amenities&Facilities/MovingBeds'
export { default as RoadIcon } from './Customised/Amenities&Facilities/Road'
export { default as RugIcon } from './Customised/Amenities&Facilities/Rug'
export { default as SafetyBoxIcon } from './Customised/Amenities&Facilities/SafetyBox'
export { default as SlippersIcon } from './Customised/Amenities&Facilities/Slippers'
export { default as TowelIcon } from './Customised/Amenities&Facilities/Towel'
export { default as ViewIcon } from './Customised/Amenities&Facilities/View'
export { default as WardIcon } from './Customised/Amenities&Facilities/Ward'
export { default as WindowNotAvailableIcon } from './Customised/Amenities&Facilities/WindowNotAvailable'
export { default as WoodFloorIcon } from './Customised/Amenities&Facilities/WoodFloor'
export { default as DiamondAddIcon } from './Customised/Benefits/DiamondAdd'
export { default as FacebookIcon } from './Customised/Socials/Facebook'
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 CoinIcon } from './Illustrations/Coin'
export { default as CroissantCoffeeEggIcon } from './Illustrations/CroissantCoffeeEgg'
export { default as CutleryOneIcon } from './Illustrations/CutleryOne'
export { default as CutleryTwoIcon } from './Illustrations/CutleryTwo'
export { default as GiftOpenIcon } from './Illustrations/GiftOpen'
export { default as HandKeyIcon } from './Illustrations/HandKey'
export { default as HotelNightIcon } from './Illustrations/HotelNight'
export { default as KidsIcon } from './Illustrations/Kids'
export { default as KidsMocktailIcon } from './Illustrations/KidsMocktail'
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 DowntownCamperIcon } from './Logos/DowntownCamper'
export { default as GrandHotelOsloLogoIcon } from './Logos/GrandHotelOslo'
export { default as HaymarketIcon } from './Logos/Haymarket'
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 { 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'
export { default as Hairdresser1Icon } from './Nucleo/Amenities&Facilities/hairdresser-1'
export { default as RecordPlayer3Icon } from './Nucleo/Amenities&Facilities/record-player-3'
export { default as Toilet2Icon } from './Nucleo/Amenities&Facilities/toilet-2'
export { default as UserPolice2Icon } from './Nucleo/Amenities&Facilities/user-police-2'
export { default as BouquetIcon } from './Nucleo/Benefits/bouquet'
export { default as Discount22Icon } from './Nucleo/Benefits/discount-2-2'
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'

33
packages/design-system/lib/components/Icons/variants.ts Normal file
View File

@@ -0,0 +1,33 @@
import { cva } from 'class-variance-authority'
import styles from './icon.module.css'
export const iconVariantConfig = {
variants: {
color: {
'Icon/Default': styles.iconDefault,
'Icon/Intense': styles.iconIntense,
'Icon/Accent': styles.iconAccent,
'Icon/Inverted': styles.iconInverted,
'Icon/Interactive/Default': styles.iconInteractiveDefault,
'Icon/Interactive/Secondary': styles.iconInteractiveSecondary,
'Icon/Interactive/Accent': styles.iconInteractiveAccent,
'Icon/Interactive/Disabled': styles.iconInteractiveDisabled,
'Icon/Interactive/Placeholder': styles.iconInteractivePlaceholder,
'Icon/Feedback/Information': styles.iconFeedbackInformation,
'Icon/Feedback/Success': styles.iconFeedbackSuccess,
'Icon/Feedback/Warning': styles.iconFeedbackWarning,
'Icon/Feedback/Neutral': styles.iconFeedbackNeutral,
'Icon/Feedback/Error': styles.iconFeedbackError,
CurrentColor: styles.currentColor,
},
},
defaultVariants: {
color: 'Icon/Default',
},
} as const
export const iconVariants = cva(styles.icon, iconVariantConfig)

4
packages/design-system/lib/components/RateCard/Campaign/index.tsx
View File

@@ -3,8 +3,8 @@ import { Rate } from '../types'
import styles from '../rate-card.module.css'
import { Button } from '../../Button'
import InfoCircleIcon from '../../Icons/InfoCircle'
import { variants } from '../variants'
import { MaterialIcon } from '../../Icons'
interface CampaignRateCardProps {
name: string
@@ -67,7 +67,7 @@ export default function CampaignRateCard({
size="Small"
onPress={handleTermsClick}
>
<InfoCircleIcon height={20} width={20} />
<MaterialIcon icon="info" size={20} color="CurrentColor" />
</Button>
{rateTitle}
<span className={styles.textSecondary}>

4
packages/design-system/lib/components/RateCard/Code/index.tsx
View File

@@ -3,8 +3,8 @@ import { Rate } from '../types'
import styles from '../rate-card.module.css'
import { Typography } from '../../Typography'
import { Button } from '../../Button'
import InfoCircleIcon from '../../Icons/InfoCircle'
import { variants } from '../variants'
import { MaterialIcon } from '../../Icons'
interface CodeRateCardProps {
name: string
@@ -63,7 +63,7 @@ export default function CodeRateCard({
size="Small"
onPress={handleTermsClick}
>
<InfoCircleIcon height={20} width={20} />
<MaterialIcon icon="info" size={20} color="CurrentColor" />
</Button>
{rateTitle}
<span className={styles.textSecondary}>

4
packages/design-system/lib/components/RateCard/NoRateAvailable/index.tsx
View File

@@ -1,8 +1,8 @@
import styles from '../rate-card.module.css'
import { Typography } from '../../Typography'
import { Button } from '../../Button'
import InfoCircleIcon from '../../Icons/InfoCircle'
import { variants } from '../variants'
import { MaterialIcon } from '../../Icons'
interface NoRateAvailableCardProps {
variant: 'Regular' | 'Campaign' | 'Code' | 'Points'
@@ -42,7 +42,7 @@ export default function NoRateAvailableCard({
size="Small"
onPress={handleTermsClick}
>
<InfoCircleIcon height={20} width={20} />
<MaterialIcon icon="info" size={20} color="CurrentColor" />
</Button>
{`${rateTitle} / ${paymentTerm}`}
</h3>

7
packages/design-system/lib/components/RateCard/Points/index.tsx
View File

@@ -3,11 +3,10 @@ import { RatePointsOption } from '../types'
import styles from '../rate-card.module.css'
import { Button } from '../../Button'
import InfoCircleIcon from '../../Icons/InfoCircle'
import InfoCircleFilledIcon from '../../Icons/InfoCircleFilled'
import { Radio } from '../../Radio'
import { RadioGroup } from 'react-aria-components'
import { variants } from '../variants'
import { MaterialIcon } from '../../Icons'
interface PointsRateCardProps {
rateTitle: string
@@ -51,7 +50,7 @@ export default function PointsRateCard({
size="Small"
onPress={handleTermsClick}
>
<InfoCircleIcon height={20} width={20} />
<MaterialIcon icon="info" size={20} color="CurrentColor" />
</Button>
{rateTitle}
<span className={styles.textSecondary}>
@@ -100,7 +99,7 @@ export default function PointsRateCard({
<Typography variant="Body/Supporting text (caption)/smBold">
<p className={styles.notEnoughPoints}>
<div className={styles.filledIcon}>
<InfoCircleFilledIcon height={20} width={20} />
<MaterialIcon icon="info" isFilled size={20} />
</div>
{notEnoughPointsText}
</p>

7
packages/design-system/lib/components/RateCard/Regular/index.tsx
View File

@@ -3,9 +3,8 @@ import { Rate } from '../types'
import styles from '../rate-card.module.css'
import { Typography } from '../../Typography'
import { Button } from '../../Button'
import InfoCircleIcon from '../../Icons/InfoCircle'
import CheckCircleIcon from '../../Icons/CheckCircle'
import { variants } from '../variants'
import { MaterialIcon } from '../../Icons'
interface RegularRateCardProps {
name: string
@@ -58,7 +57,7 @@ export default function RegularRateCard({
size="Small"
onPress={handleTermsClick}
>
<InfoCircleIcon height={20} width={20} />
<MaterialIcon icon="info" color="CurrentColor" />
</Button>
{rateTitle}
<span className={styles.textSecondary}>
@@ -67,7 +66,7 @@ export default function RegularRateCard({
</h3>
</Typography>
<div className={styles.checkIcon}>
<CheckCircleIcon width={24} height={24} />
<MaterialIcon icon="check" color="CurrentColor" />
</div>
</header>
<div>

2
packages/design-system/package.json
View File

@@ -82,10 +82,12 @@
"husky": "^9.1.7",
"jiti": "^1",
"lint-staged": "^15.4.1",
"material-symbols": "^0.29.0",
"prettier": "^3.4.2",
"react": "^18.2.0",
"react-aria-components": "^1.6.0",
"react-dom": "^18.2.0",
"react-material-symbols": "^4.4.0",
"rollup": "^4.34.8",
"rollup-preserve-directives": "^1.1.3",
"storybook": "^8.6.2",

1
packages/design-system/tsconfig.json
View File

@@ -1,5 +1,6 @@
{
"compilerOptions": {
"declaration": true,
"target": "ES2022",
"useDefineForClassFields": true,
"lib": ["ES2022", "DOM", "DOM.Iterable"],