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

Feat/BOOK-117 svg accessibility

Browse Source 
* feat(BOOK-117): Added aria-label to Scandic Friends levels
* feat(BOOK-117): Added aria-label to hotel logos
* feat(BOOK-117): Added alt text to app download images
* feat(BOOK-117): Added same logo component to footer as the one in the header
* feat(BOOK-117): Added aria attributes to icons similar to how we handled MaterialIcon aria attributes

Approved-by: Bianca Widstam
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-11-13 06:34:18 +00:00
parent c4b564998c
commit ce469bc4b4
117 changed files with 541 additions and 247 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/BedHotel.tsx
View File

@@ -1,4 +1,5 @@
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
import { iconVariants } from '../../variants'
export default function BedHotelIcon({
@@ -8,6 +9,8 @@ export default function BedHotelIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -17,6 +20,7 @@ export default function BedHotelIcon({
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
{...ariaProps}
>
<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"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Cooling.tsx
View File

@@ -1,9 +1,12 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function CoolingIcon({ className, color, ...props }: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -13,6 +16,7 @@ export default function CoolingIcon({ className, color, ...props }: IconProps) {
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
{...ariaProps}
>
<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"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/CouchTable.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function CouchTableIcon({
className,
@@ -9,6 +10,8 @@ export default function CouchTableIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function CouchTableIcon({
viewBox="0 0 24 24"
fill="none"
{...props}
{...ariaProps}
>
<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"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/FootStool.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function FootStoolIcon({
className,
@@ -9,6 +10,8 @@ export default function FootStoolIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function FootStoolIcon({
viewBox="0 0 24 24"
fill="none"
{...props}
{...ariaProps}
>
<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"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Hairdryer.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function HairdryerIcon({
className,
@@ -9,6 +10,8 @@ export default function HairdryerIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function HairdryerIcon({
viewBox="0 0 24 24"
fill="none"
{...props}
{...ariaProps}
>
<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"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/HandSoap.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function HandSoapIcon({
className,
@@ -9,6 +10,8 @@ export default function HandSoapIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function HandSoapIcon({
viewBox="0 0 24 24"
fill="none"
{...props}
{...ariaProps}
>
<g clipPath="url(#clip0_4037_3127)">
<path

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/IceMachine.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function IceMachineIcon({
className,
@@ -9,6 +10,8 @@ export default function IceMachineIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function IceMachineIcon({
viewBox="0 0 24 24"
fill="none"
{...props}
{...ariaProps}
>
<path
d="M12.475 15.3963H15.0231V17.9444H12.475V15.3963Z"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Massage.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function MassageIcon({
className,
@@ -9,6 +10,8 @@ export default function MassageIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function MassageIcon({
viewBox="0 0 24 24"
fill="none"
{...props}
{...ariaProps}
>
<g clipPath="url(#clip0_7025_35183)">
<path

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/MdiBunkBedOutline.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function MdiBunkBedIcon({
className,
@@ -9,6 +10,8 @@ export default function MdiBunkBedIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function MdiBunkBedIcon({
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
{...ariaProps}
>
<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"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Mirror.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function MirrorIcon({
className,
@@ -9,6 +10,8 @@ export default function MirrorIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function MirrorIcon({
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
{...ariaProps}
>
<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"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/MovingBeds.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function MovingBedsIcon({
className,
@@ -9,6 +10,8 @@ export default function MovingBedsIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function MovingBedsIcon({
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
{...ariaProps}
>
<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"

3
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Road.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function RoadIcon({
className,
@@ -9,6 +10,7 @@ export default function RoadIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +20,7 @@ export default function RoadIcon({
viewBox="0 0 24 24"
fill="none"
{...props}
{...ariaProps}
>
<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"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Rug.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function RugIcon({
className,
@@ -9,6 +10,8 @@ export default function RugIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function RugIcon({
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
{...ariaProps}
>
<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"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/SafetyBox.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function SafetyBoxIcon({
className,
@@ -9,6 +10,8 @@ export default function SafetyBoxIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function SafetyBoxIcon({
viewBox="0 0 24 24"
fill="none"
{...props}
{...ariaProps}
>
<path
fillRule="evenodd"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Slippers.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function SlippersIcon({
className,
@@ -9,6 +10,8 @@ export default function SlippersIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function SlippersIcon({
viewBox="0 0 24 24"
fill="none"
{...props}
{...ariaProps}
>
<path
fillRule="evenodd"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Towel.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function TowelIcon({
className,
@@ -9,6 +10,8 @@ export default function TowelIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function TowelIcon({
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
{...ariaProps}
>
<path
fillRule="evenodd"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/View.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function ViewIcon({
className,
@@ -9,6 +10,8 @@ export default function ViewIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function ViewIcon({
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
{...ariaProps}
>
<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"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Ward.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function WardIcon({
className,
@@ -9,6 +10,8 @@ export default function WardIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function WardIcon({
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
{...ariaProps}
>
<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"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/WindowNotAvailable.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function WindowNotAvailableIcon({
className,
@@ -9,6 +10,8 @@ export default function WindowNotAvailableIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function WindowNotAvailableIcon({
viewBox="0 0 24 24"
fill="none"
{...props}
{...ariaProps}
>
<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"

4
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/WoodFloor.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function WoodFloorIcon({
className,
@@ -9,6 +10,8 @@ export default function WoodFloorIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function WoodFloorIcon({
viewBox="0 0 24 24"
fill="none"
{...props}
{...ariaProps}
>
<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"