@wix/design-system-illustrations 2.26.0 → 2.28.0

package/dist/esm/animated/index.js

@@ -1,4 +1,12 @@
-import { ThumbnailScale } from "./ThumbnailScale";
+import { ElementsFixedHeight } from "./ElementsFixedHeight";
+import { ElementsFixedMargins } from "./ElementsFixedMargins";
+import { ElementsScale } from "./ElementsScale";
+import { SectionFixedHeight } from "./SectionFixedHeight";
+import { SectionScale } from "./SectionScale";
 export {
-  ThumbnailScale
+  ElementsFixedHeight,
+  ElementsFixedMargins,
+  ElementsScale,
+  SectionFixedHeight,
+  SectionScale
 };

package/dist/esm/index.js

@@ -65,6 +65,15 @@ import { Blur } from "./Blur";
 import { BlurAnimation } from "./BlurAnimation";
 import { BlurScroll } from "./BlurScroll";
 import { BookingsGrid } from "./BookingsGrid";
+import { BookingsImagePosition01 } from "./BookingsImagePosition01";
+import { BookingsImagePosition02 } from "./BookingsImagePosition02";
+import { BookingsImagePosition03 } from "./BookingsImagePosition03";
+import { BookingsImagePosition04 } from "./BookingsImagePosition04";
+import { BookingsImagePosition05 } from "./BookingsImagePosition05";
+import { BookingsImagePosition06 } from "./BookingsImagePosition06";
+import { BookingsImagePosition07 } from "./BookingsImagePosition07";
+import { BookingsImagePosition08 } from "./BookingsImagePosition08";
+import { BookingsImagePosition09 } from "./BookingsImagePosition09";
 import { BookingsLayoutGrid } from "./BookingsLayoutGrid";
 import { BookingsLayoutStrip } from "./BookingsLayoutStrip";
 import { BookingsList } from "./BookingsList";
@@ -100,6 +109,9 @@ import { ColorAnimation } from "./ColorAnimation";
 import { ColorClick } from "./ColorClick";
 import { ColorHover } from "./ColorHover";
 import { ColorTransition } from "./ColorTransition";
+import { CreateAComponent } from "./CreateAComponent";
+import { CreateAContext } from "./CreateAContext";
+import { CreateAFunction } from "./CreateAFunction";
 import { CrossLoop } from "./CrossLoop";
 import { Cube } from "./Cube";
 import { CustomImage } from "./CustomImage";
@@ -136,7 +148,7 @@ import { FacebookCover } from "./FacebookCover";
 import { FacebookPost } from "./FacebookPost";
 import { FacebookStory } from "./FacebookStory";
 import { Fade } from "./Fade";
-import { FadeAnimationFadeAnimation } from "./FadeAnimationFadeAnimation";
+import { FadeAnimation } from "./FadeAnimation";
 import { FadeBackSection } from "./FadeBackSection";
 import { FadeClick } from "./FadeClick";
 import { FadeHover } from "./FadeHover";
@@ -204,6 +216,9 @@ import { ImagePositionRight } from "./ImagePositionRight";
 import { ImagePositionTop } from "./ImagePositionTop";
 import { ImageRatio11 } from "./ImageRatio11";
 import { ImageRatio169 } from "./ImageRatio169";
+import { ImageSizeL } from "./ImageSizeL";
+import { ImageSizeM } from "./ImageSizeM";
+import { ImageSizeS } from "./ImageSizeS";
 import { InstagramPost } from "./InstagramPost";
 import { InstagramReel } from "./InstagramReel";
 import { InstagramStory } from "./InstagramStory";
@@ -508,6 +523,15 @@ export {
   BlurAnimation,
   BlurScroll,
   BookingsGrid,
+  BookingsImagePosition01,
+  BookingsImagePosition02,
+  BookingsImagePosition03,
+  BookingsImagePosition04,
+  BookingsImagePosition05,
+  BookingsImagePosition06,
+  BookingsImagePosition07,
+  BookingsImagePosition08,
+  BookingsImagePosition09,
   BookingsLayoutGrid,
   BookingsLayoutStrip,
   BookingsList,
@@ -543,6 +567,9 @@ export {
   ColorClick,
   ColorHover,
   ColorTransition,
+  CreateAComponent,
+  CreateAContext,
+  CreateAFunction,
   CrossLoop,
   Cube,
   CustomImage,
@@ -579,7 +606,7 @@ export {
   FacebookPost,
   FacebookStory,
   Fade,
-  FadeAnimationFadeAnimation,
+  FadeAnimation,
   FadeBackSection,
   FadeClick,
   FadeHover,
@@ -647,6 +674,9 @@ export {
   ImagePositionTop,
   ImageRatio11,
   ImageRatio169,
+  ImageSizeL,
+  ImageSizeM,
+  ImageSizeS,
   InstagramPost,
   InstagramReel,
   InstagramStory,

package/dist/types/{FadeAnimationFadeAnimation.d.ts → BookingsImagePosition01.d.ts}

@@ -1,5 +1,5 @@
 import React, { SVGProps } from 'react';
-export declare const FadeAnimationFadeAnimation: {
+export declare const BookingsImagePosition01: {
     (props: SVGProps<SVGSVGElement>): React.JSX.Element;
     displayName: string;
 };

package/dist/types/BookingsImagePosition02.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const BookingsImagePosition02: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/BookingsImagePosition03.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const BookingsImagePosition03: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/BookingsImagePosition04.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const BookingsImagePosition04: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/BookingsImagePosition05.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const BookingsImagePosition05: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/BookingsImagePosition06.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const BookingsImagePosition06: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/BookingsImagePosition07.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const BookingsImagePosition07: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/BookingsImagePosition08.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const BookingsImagePosition08: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/BookingsImagePosition09.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const BookingsImagePosition09: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/CreateAComponent.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const CreateAComponent: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/CreateAContext.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const CreateAContext: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/CreateAFunction.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const CreateAFunction: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/FadeAnimation.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const FadeAnimation: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/ImageSizeL.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const ImageSizeL: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/ImageSizeM.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const ImageSizeM: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/ImageSizeS.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from 'react';
+export declare const ImageSizeS: {
+    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
+    displayName: string;
+};

package/dist/types/animated/ElementsFixedHeight.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type ElementsFixedHeightHandle = {
+    play: () => void;
+    pause: () => void;
+    reset: () => void;
+};
+export declare const ElementsFixedHeight: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<ElementsFixedHeightHandle>>;

package/dist/types/animated/ElementsFixedMargins.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type ElementsFixedMarginsHandle = {
+    play: () => void;
+    pause: () => void;
+    reset: () => void;
+};
+export declare const ElementsFixedMargins: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<ElementsFixedMarginsHandle>>;

package/dist/types/animated/ElementsScale.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type ElementsScaleHandle = {
+    play: () => void;
+    pause: () => void;
+    reset: () => void;
+};
+export declare const ElementsScale: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<ElementsScaleHandle>>;

package/dist/types/animated/SectionFixedHeight.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type SectionFixedHeightHandle = {
+    play: () => void;
+    pause: () => void;
+    reset: () => void;
+};
+export declare const SectionFixedHeight: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SectionFixedHeightHandle>>;

package/dist/types/animated/SectionScale.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type SectionScaleHandle = {
+    play: () => void;
+    pause: () => void;
+    reset: () => void;
+};
+export declare const SectionScale: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SectionScaleHandle>>;

package/dist/types/animated/index.d.ts

@@ -1,2 +1,10 @@
-export { ThumbnailScale } from './ThumbnailScale';
-export type { ThumbnailScaleHandle } from './ThumbnailScale';
+export { ElementsFixedHeight } from './ElementsFixedHeight';
+export type { ElementsFixedHeightHandle } from './ElementsFixedHeight';
+export { ElementsFixedMargins } from './ElementsFixedMargins';
+export type { ElementsFixedMarginsHandle } from './ElementsFixedMargins';
+export { ElementsScale } from './ElementsScale';
+export type { ElementsScaleHandle } from './ElementsScale';
+export { SectionFixedHeight } from './SectionFixedHeight';
+export type { SectionFixedHeightHandle } from './SectionFixedHeight';
+export { SectionScale } from './SectionScale';
+export type { SectionScaleHandle } from './SectionScale';

package/dist/types/index.d.ts

@@ -65,6 +65,15 @@ export { Blur } from './Blur';
 export { BlurAnimation } from './BlurAnimation';
 export { BlurScroll } from './BlurScroll';
 export { BookingsGrid } from './BookingsGrid';
+export { BookingsImagePosition01 } from './BookingsImagePosition01';
+export { BookingsImagePosition02 } from './BookingsImagePosition02';
+export { BookingsImagePosition03 } from './BookingsImagePosition03';
+export { BookingsImagePosition04 } from './BookingsImagePosition04';
+export { BookingsImagePosition05 } from './BookingsImagePosition05';
+export { BookingsImagePosition06 } from './BookingsImagePosition06';
+export { BookingsImagePosition07 } from './BookingsImagePosition07';
+export { BookingsImagePosition08 } from './BookingsImagePosition08';
+export { BookingsImagePosition09 } from './BookingsImagePosition09';
 export { BookingsLayoutGrid } from './BookingsLayoutGrid';
 export { BookingsLayoutStrip } from './BookingsLayoutStrip';
 export { BookingsList } from './BookingsList';
@@ -100,6 +109,9 @@ export { ColorAnimation } from './ColorAnimation';
 export { ColorClick } from './ColorClick';
 export { ColorHover } from './ColorHover';
 export { ColorTransition } from './ColorTransition';
+export { CreateAComponent } from './CreateAComponent';
+export { CreateAContext } from './CreateAContext';
+export { CreateAFunction } from './CreateAFunction';
 export { CrossLoop } from './CrossLoop';
 export { Cube } from './Cube';
 export { CustomImage } from './CustomImage';
@@ -136,7 +148,7 @@ export { FacebookCover } from './FacebookCover';
 export { FacebookPost } from './FacebookPost';
 export { FacebookStory } from './FacebookStory';
 export { Fade } from './Fade';
-export { FadeAnimationFadeAnimation } from './FadeAnimationFadeAnimation';
+export { FadeAnimation } from './FadeAnimation';
 export { FadeBackSection } from './FadeBackSection';
 export { FadeClick } from './FadeClick';
 export { FadeHover } from './FadeHover';
@@ -204,6 +216,9 @@ export { ImagePositionRight } from './ImagePositionRight';
 export { ImagePositionTop } from './ImagePositionTop';
 export { ImageRatio11 } from './ImageRatio11';
 export { ImageRatio169 } from './ImageRatio169';
+export { ImageSizeL } from './ImageSizeL';
+export { ImageSizeM } from './ImageSizeM';
+export { ImageSizeS } from './ImageSizeS';
 export { InstagramPost } from './InstagramPost';
 export { InstagramReel } from './InstagramReel';
 export { InstagramStory } from './InstagramStory';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/design-system-illustrations",
-  "version": "2.26.0",
+  "version": "2.28.0",
   "license": "MIT",
   "description": "Wix Design System Illustrations",
   "scripts": {
@@ -10,7 +10,7 @@
   },
   "devDependencies": {
     "@typescript-eslint/parser": "^8.58.1",
-    "@wix/design-system-tokens": "1.217.0",
+    "@wix/design-system-tokens": "1.219.0",
     "dom-serializer": "^1.0.1",
     "domutils": "^2.8.0",
     "esbuild": "^0.25.0",
@@ -53,5 +53,5 @@
     "access": "public"
   },
   "packageManager": "yarn@4.0.2",
-  "falconPackageHash": "8ee1e8f8e4c77dfd8fdc59682821531da814e1aa131847802c90634e"
+  "falconPackageHash": "b40a92314548d2015b45b6e7e353932fcbf01e583412c1b08c4c6b1e"
 }

package/src/BookingsImagePosition01.svg

@@ -0,0 +1,28 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1383_8819" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="14" width="44" height="44">
+<path d="M23 46C24.6569 46 26 47.3431 26 49V55C26 56.6569 24.6569 58 23 58H17C15.3431 58 14 56.6569 14 55V49C14 47.3431 15.3431 46 17 46H23ZM39 46C40.6569 46 42 47.3431 42 49V55C42 56.6569 40.6569 58 39 58H33C31.3431 58 30 56.6569 30 55V49C30 47.3431 31.3431 46 33 46H39ZM55 46C56.6569 46 58 47.3431 58 49V55C58 56.6569 56.6569 58 55 58H49C47.3431 58 46 56.6569 46 55V49C46 47.3431 47.3431 46 49 46H55ZM23 30C24.6569 30 26 31.3431 26 33V39C26 40.6569 24.6569 42 23 42H17C15.3431 42 14 40.6569 14 39V33C14 31.3431 15.3431 30 17 30H23ZM39 30C40.6569 30 42 31.3431 42 33V39C42 40.6569 40.6569 42 39 42H33C31.3431 42 30 40.6569 30 39V33C30 31.3431 31.3431 30 33 30H39ZM55 30C56.6569 30 58 31.3431 58 33V39C58 40.6569 56.6569 42 55 42H49C47.3431 42 46 40.6569 46 39V33C46 31.3431 47.3431 30 49 30H55ZM23 14C24.6569 14 26 15.3431 26 17V23C26 24.6569 24.6569 26 23 26H17C15.3431 26 14 24.6569 14 23V17C14 15.3431 15.3431 14 17 14H23ZM39 14C40.6569 14 42 15.3431 42 17V23C42 24.6569 40.6569 26 39 26H33C31.3431 26 30 24.6569 30 23V17C30 15.3431 31.3431 14 33 14H39ZM55 14C56.6569 14 58 15.3431 58 17V23C58 24.6569 56.6569 26 55 26H49C47.3431 26 46 24.6569 46 23V17C46 15.3431 47.3431 14 49 14H55Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1383_8819)">
+<g filter="url(#filter0_f_1383_8819)">
+<rect x="-17" y="-31" width="117" height="117" fill="url(#paint0_linear_1383_8819)"/>
+</g>
+</g>
+<rect x="14" y="14" width="12" height="12" rx="3" fill="url(#paint1_linear_1383_8819)"/>
+<defs>
+<filter id="filter0_f_1383_8819" x="-22" y="-36" width="127" height="127" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_1383_8819"/>
+</filter>
+<linearGradient id="paint0_linear_1383_8819" x1="83.4064" y1="-20.4981" x2="-16.6766" y2="107.212" gradientUnits="userSpaceOnUse">
+<stop offset="0.176" stop-color="#EAEFF1"/>
+<stop offset="0.577" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1383_8819" x1="9" y1="25" x2="40" y2="-6" gradientUnits="userSpaceOnUse">
+<stop stop-color="#002291"/>
+<stop offset="0.45" stop-color="#B8C4FF"/>
+<stop offset="1" stop-color="#EAEFF1"/>
+</linearGradient>
+</defs>
+</svg>

package/src/BookingsImagePosition02.svg

@@ -0,0 +1,28 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1383_8842" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="14" width="44" height="44">
+<path d="M23 46C24.6569 46 26 47.3431 26 49V55C26 56.6569 24.6569 58 23 58H17C15.3431 58 14 56.6569 14 55V49C14 47.3431 15.3431 46 17 46H23ZM39 46C40.6569 46 42 47.3431 42 49V55C42 56.6569 40.6569 58 39 58H33C31.3431 58 30 56.6569 30 55V49C30 47.3431 31.3431 46 33 46H39ZM55 46C56.6569 46 58 47.3431 58 49V55C58 56.6569 56.6569 58 55 58H49C47.3431 58 46 56.6569 46 55V49C46 47.3431 47.3431 46 49 46H55ZM23 30C24.6569 30 26 31.3431 26 33V39C26 40.6569 24.6569 42 23 42H17C15.3431 42 14 40.6569 14 39V33C14 31.3431 15.3431 30 17 30H23ZM39 30C40.6569 30 42 31.3431 42 33V39C42 40.6569 40.6569 42 39 42H33C31.3431 42 30 40.6569 30 39V33C30 31.3431 31.3431 30 33 30H39ZM55 30C56.6569 30 58 31.3431 58 33V39C58 40.6569 56.6569 42 55 42H49C47.3431 42 46 40.6569 46 39V33C46 31.3431 47.3431 30 49 30H55ZM23 14C24.6569 14 26 15.3431 26 17V23C26 24.6569 24.6569 26 23 26H17C15.3431 26 14 24.6569 14 23V17C14 15.3431 15.3431 14 17 14H23ZM39 14C40.6569 14 42 15.3431 42 17V23C42 24.6569 40.6569 26 39 26H33C31.3431 26 30 24.6569 30 23V17C30 15.3431 31.3431 14 33 14H39ZM55 14C56.6569 14 58 15.3431 58 17V23C58 24.6569 56.6569 26 55 26H49C47.3431 26 46 24.6569 46 23V17C46 15.3431 47.3431 14 49 14H55Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1383_8842)">
+<g filter="url(#filter0_f_1383_8842)">
+<rect x="-17" y="-31" width="117" height="117" fill="url(#paint0_linear_1383_8842)"/>
+</g>
+</g>
+<rect x="30" y="14" width="12" height="12" rx="3" fill="url(#paint1_linear_1383_8842)"/>
+<defs>
+<filter id="filter0_f_1383_8842" x="-22" y="-36" width="127" height="127" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_1383_8842"/>
+</filter>
+<linearGradient id="paint0_linear_1383_8842" x1="83.4064" y1="-20.4981" x2="-16.6766" y2="107.212" gradientUnits="userSpaceOnUse">
+<stop offset="0.176" stop-color="#EAEFF1"/>
+<stop offset="0.577" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1383_8842" x1="25" y1="25" x2="56" y2="-6" gradientUnits="userSpaceOnUse">
+<stop stop-color="#002291"/>
+<stop offset="0.45" stop-color="#B8C4FF"/>
+<stop offset="1" stop-color="#EAEFF1"/>
+</linearGradient>
+</defs>
+</svg>

package/src/BookingsImagePosition03.svg

@@ -0,0 +1,28 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1383_8865" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="14" width="44" height="44">
+<path d="M23 46C24.6569 46 26 47.3431 26 49V55C26 56.6569 24.6569 58 23 58H17C15.3431 58 14 56.6569 14 55V49C14 47.3431 15.3431 46 17 46H23ZM39 46C40.6569 46 42 47.3431 42 49V55C42 56.6569 40.6569 58 39 58H33C31.3431 58 30 56.6569 30 55V49C30 47.3431 31.3431 46 33 46H39ZM55 46C56.6569 46 58 47.3431 58 49V55C58 56.6569 56.6569 58 55 58H49C47.3431 58 46 56.6569 46 55V49C46 47.3431 47.3431 46 49 46H55ZM23 30C24.6569 30 26 31.3431 26 33V39C26 40.6569 24.6569 42 23 42H17C15.3431 42 14 40.6569 14 39V33C14 31.3431 15.3431 30 17 30H23ZM39 30C40.6569 30 42 31.3431 42 33V39C42 40.6569 40.6569 42 39 42H33C31.3431 42 30 40.6569 30 39V33C30 31.3431 31.3431 30 33 30H39ZM55 30C56.6569 30 58 31.3431 58 33V39C58 40.6569 56.6569 42 55 42H49C47.3431 42 46 40.6569 46 39V33C46 31.3431 47.3431 30 49 30H55ZM23 14C24.6569 14 26 15.3431 26 17V23C26 24.6569 24.6569 26 23 26H17C15.3431 26 14 24.6569 14 23V17C14 15.3431 15.3431 14 17 14H23ZM39 14C40.6569 14 42 15.3431 42 17V23C42 24.6569 40.6569 26 39 26H33C31.3431 26 30 24.6569 30 23V17C30 15.3431 31.3431 14 33 14H39ZM55 14C56.6569 14 58 15.3431 58 17V23C58 24.6569 56.6569 26 55 26H49C47.3431 26 46 24.6569 46 23V17C46 15.3431 47.3431 14 49 14H55Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1383_8865)">
+<g filter="url(#filter0_f_1383_8865)">
+<rect x="-17" y="-31" width="117" height="117" fill="url(#paint0_linear_1383_8865)"/>
+</g>
+</g>
+<rect x="46" y="14" width="12" height="12" rx="3" fill="url(#paint1_linear_1383_8865)"/>
+<defs>
+<filter id="filter0_f_1383_8865" x="-22" y="-36" width="127" height="127" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_1383_8865"/>
+</filter>
+<linearGradient id="paint0_linear_1383_8865" x1="83.4064" y1="-20.4981" x2="-16.6766" y2="107.212" gradientUnits="userSpaceOnUse">
+<stop offset="0.176" stop-color="#EAEFF1"/>
+<stop offset="0.577" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1383_8865" x1="41" y1="25" x2="72" y2="-6" gradientUnits="userSpaceOnUse">
+<stop stop-color="#002291"/>
+<stop offset="0.45" stop-color="#B8C4FF"/>
+<stop offset="1" stop-color="#EAEFF1"/>
+</linearGradient>
+</defs>
+</svg>

package/src/BookingsImagePosition04.svg

@@ -0,0 +1,28 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1383_8888" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="14" width="44" height="44">
+<path d="M23 46C24.6569 46 26 47.3431 26 49V55C26 56.6569 24.6569 58 23 58H17C15.3431 58 14 56.6569 14 55V49C14 47.3431 15.3431 46 17 46H23ZM39 46C40.6569 46 42 47.3431 42 49V55C42 56.6569 40.6569 58 39 58H33C31.3431 58 30 56.6569 30 55V49C30 47.3431 31.3431 46 33 46H39ZM55 46C56.6569 46 58 47.3431 58 49V55C58 56.6569 56.6569 58 55 58H49C47.3431 58 46 56.6569 46 55V49C46 47.3431 47.3431 46 49 46H55ZM23 30C24.6569 30 26 31.3431 26 33V39C26 40.6569 24.6569 42 23 42H17C15.3431 42 14 40.6569 14 39V33C14 31.3431 15.3431 30 17 30H23ZM39 30C40.6569 30 42 31.3431 42 33V39C42 40.6569 40.6569 42 39 42H33C31.3431 42 30 40.6569 30 39V33C30 31.3431 31.3431 30 33 30H39ZM55 30C56.6569 30 58 31.3431 58 33V39C58 40.6569 56.6569 42 55 42H49C47.3431 42 46 40.6569 46 39V33C46 31.3431 47.3431 30 49 30H55ZM23 14C24.6569 14 26 15.3431 26 17V23C26 24.6569 24.6569 26 23 26H17C15.3431 26 14 24.6569 14 23V17C14 15.3431 15.3431 14 17 14H23ZM39 14C40.6569 14 42 15.3431 42 17V23C42 24.6569 40.6569 26 39 26H33C31.3431 26 30 24.6569 30 23V17C30 15.3431 31.3431 14 33 14H39ZM55 14C56.6569 14 58 15.3431 58 17V23C58 24.6569 56.6569 26 55 26H49C47.3431 26 46 24.6569 46 23V17C46 15.3431 47.3431 14 49 14H55Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1383_8888)">
+<g filter="url(#filter0_f_1383_8888)">
+<rect x="-17" y="-31" width="117" height="117" fill="url(#paint0_linear_1383_8888)"/>
+</g>
+</g>
+<rect x="14" y="30" width="12" height="12" rx="3" fill="url(#paint1_linear_1383_8888)"/>
+<defs>
+<filter id="filter0_f_1383_8888" x="-22" y="-36" width="127" height="127" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_1383_8888"/>
+</filter>
+<linearGradient id="paint0_linear_1383_8888" x1="83.4064" y1="-20.4981" x2="-16.6766" y2="107.212" gradientUnits="userSpaceOnUse">
+<stop offset="0.176" stop-color="#EAEFF1"/>
+<stop offset="0.577" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1383_8888" x1="9" y1="41" x2="40" y2="10" gradientUnits="userSpaceOnUse">
+<stop stop-color="#002291"/>
+<stop offset="0.45" stop-color="#B8C4FF"/>
+<stop offset="1" stop-color="#EAEFF1"/>
+</linearGradient>
+</defs>
+</svg>

package/src/BookingsImagePosition05.svg

@@ -0,0 +1,28 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1383_8911" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="14" width="44" height="44">
+<path d="M23 46C24.6569 46 26 47.3431 26 49V55C26 56.6569 24.6569 58 23 58H17C15.3431 58 14 56.6569 14 55V49C14 47.3431 15.3431 46 17 46H23ZM39 46C40.6569 46 42 47.3431 42 49V55C42 56.6569 40.6569 58 39 58H33C31.3431 58 30 56.6569 30 55V49C30 47.3431 31.3431 46 33 46H39ZM55 46C56.6569 46 58 47.3431 58 49V55C58 56.6569 56.6569 58 55 58H49C47.3431 58 46 56.6569 46 55V49C46 47.3431 47.3431 46 49 46H55ZM23 30C24.6569 30 26 31.3431 26 33V39C26 40.6569 24.6569 42 23 42H17C15.3431 42 14 40.6569 14 39V33C14 31.3431 15.3431 30 17 30H23ZM39 30C40.6569 30 42 31.3431 42 33V39C42 40.6569 40.6569 42 39 42H33C31.3431 42 30 40.6569 30 39V33C30 31.3431 31.3431 30 33 30H39ZM55 30C56.6569 30 58 31.3431 58 33V39C58 40.6569 56.6569 42 55 42H49C47.3431 42 46 40.6569 46 39V33C46 31.3431 47.3431 30 49 30H55ZM23 14C24.6569 14 26 15.3431 26 17V23C26 24.6569 24.6569 26 23 26H17C15.3431 26 14 24.6569 14 23V17C14 15.3431 15.3431 14 17 14H23ZM39 14C40.6569 14 42 15.3431 42 17V23C42 24.6569 40.6569 26 39 26H33C31.3431 26 30 24.6569 30 23V17C30 15.3431 31.3431 14 33 14H39ZM55 14C56.6569 14 58 15.3431 58 17V23C58 24.6569 56.6569 26 55 26H49C47.3431 26 46 24.6569 46 23V17C46 15.3431 47.3431 14 49 14H55Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1383_8911)">
+<g filter="url(#filter0_f_1383_8911)">
+<rect x="-17" y="-31" width="117" height="117" fill="url(#paint0_linear_1383_8911)"/>
+</g>
+</g>
+<rect x="30" y="30" width="12" height="12" rx="3" fill="url(#paint1_linear_1383_8911)"/>
+<defs>
+<filter id="filter0_f_1383_8911" x="-22" y="-36" width="127" height="127" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_1383_8911"/>
+</filter>
+<linearGradient id="paint0_linear_1383_8911" x1="83.4064" y1="-20.4981" x2="-16.6766" y2="107.212" gradientUnits="userSpaceOnUse">
+<stop offset="0.176" stop-color="#EAEFF1"/>
+<stop offset="0.577" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1383_8911" x1="25" y1="41" x2="56" y2="10" gradientUnits="userSpaceOnUse">
+<stop stop-color="#002291"/>
+<stop offset="0.45" stop-color="#B8C4FF"/>
+<stop offset="1" stop-color="#EAEFF1"/>
+</linearGradient>
+</defs>
+</svg>

package/src/BookingsImagePosition06.svg

@@ -0,0 +1,28 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1383_8934" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="14" width="44" height="44">
+<path d="M23 46C24.6569 46 26 47.3431 26 49V55C26 56.6569 24.6569 58 23 58H17C15.3431 58 14 56.6569 14 55V49C14 47.3431 15.3431 46 17 46H23ZM39 46C40.6569 46 42 47.3431 42 49V55C42 56.6569 40.6569 58 39 58H33C31.3431 58 30 56.6569 30 55V49C30 47.3431 31.3431 46 33 46H39ZM55 46C56.6569 46 58 47.3431 58 49V55C58 56.6569 56.6569 58 55 58H49C47.3431 58 46 56.6569 46 55V49C46 47.3431 47.3431 46 49 46H55ZM23 30C24.6569 30 26 31.3431 26 33V39C26 40.6569 24.6569 42 23 42H17C15.3431 42 14 40.6569 14 39V33C14 31.3431 15.3431 30 17 30H23ZM39 30C40.6569 30 42 31.3431 42 33V39C42 40.6569 40.6569 42 39 42H33C31.3431 42 30 40.6569 30 39V33C30 31.3431 31.3431 30 33 30H39ZM55 30C56.6569 30 58 31.3431 58 33V39C58 40.6569 56.6569 42 55 42H49C47.3431 42 46 40.6569 46 39V33C46 31.3431 47.3431 30 49 30H55ZM23 14C24.6569 14 26 15.3431 26 17V23C26 24.6569 24.6569 26 23 26H17C15.3431 26 14 24.6569 14 23V17C14 15.3431 15.3431 14 17 14H23ZM39 14C40.6569 14 42 15.3431 42 17V23C42 24.6569 40.6569 26 39 26H33C31.3431 26 30 24.6569 30 23V17C30 15.3431 31.3431 14 33 14H39ZM55 14C56.6569 14 58 15.3431 58 17V23C58 24.6569 56.6569 26 55 26H49C47.3431 26 46 24.6569 46 23V17C46 15.3431 47.3431 14 49 14H55Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1383_8934)">
+<g filter="url(#filter0_f_1383_8934)">
+<rect x="-17" y="-31" width="117" height="117" fill="url(#paint0_linear_1383_8934)"/>
+</g>
+</g>
+<rect x="46" y="30" width="12" height="12" rx="3" fill="url(#paint1_linear_1383_8934)"/>
+<defs>
+<filter id="filter0_f_1383_8934" x="-22" y="-36" width="127" height="127" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_1383_8934"/>
+</filter>
+<linearGradient id="paint0_linear_1383_8934" x1="83.4064" y1="-20.4981" x2="-16.6766" y2="107.212" gradientUnits="userSpaceOnUse">
+<stop offset="0.176" stop-color="#EAEFF1"/>
+<stop offset="0.577" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1383_8934" x1="41" y1="41" x2="72" y2="10" gradientUnits="userSpaceOnUse">
+<stop stop-color="#002291"/>
+<stop offset="0.45" stop-color="#B8C4FF"/>
+<stop offset="1" stop-color="#EAEFF1"/>
+</linearGradient>
+</defs>
+</svg>

package/src/BookingsImagePosition07.svg

@@ -0,0 +1,28 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1383_8957" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="14" width="44" height="44">
+<path d="M23 46C24.6569 46 26 47.3431 26 49V55C26 56.6569 24.6569 58 23 58H17C15.3431 58 14 56.6569 14 55V49C14 47.3431 15.3431 46 17 46H23ZM39 46C40.6569 46 42 47.3431 42 49V55C42 56.6569 40.6569 58 39 58H33C31.3431 58 30 56.6569 30 55V49C30 47.3431 31.3431 46 33 46H39ZM55 46C56.6569 46 58 47.3431 58 49V55C58 56.6569 56.6569 58 55 58H49C47.3431 58 46 56.6569 46 55V49C46 47.3431 47.3431 46 49 46H55ZM23 30C24.6569 30 26 31.3431 26 33V39C26 40.6569 24.6569 42 23 42H17C15.3431 42 14 40.6569 14 39V33C14 31.3431 15.3431 30 17 30H23ZM39 30C40.6569 30 42 31.3431 42 33V39C42 40.6569 40.6569 42 39 42H33C31.3431 42 30 40.6569 30 39V33C30 31.3431 31.3431 30 33 30H39ZM55 30C56.6569 30 58 31.3431 58 33V39C58 40.6569 56.6569 42 55 42H49C47.3431 42 46 40.6569 46 39V33C46 31.3431 47.3431 30 49 30H55ZM23 14C24.6569 14 26 15.3431 26 17V23C26 24.6569 24.6569 26 23 26H17C15.3431 26 14 24.6569 14 23V17C14 15.3431 15.3431 14 17 14H23ZM39 14C40.6569 14 42 15.3431 42 17V23C42 24.6569 40.6569 26 39 26H33C31.3431 26 30 24.6569 30 23V17C30 15.3431 31.3431 14 33 14H39ZM55 14C56.6569 14 58 15.3431 58 17V23C58 24.6569 56.6569 26 55 26H49C47.3431 26 46 24.6569 46 23V17C46 15.3431 47.3431 14 49 14H55Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1383_8957)">
+<g filter="url(#filter0_f_1383_8957)">
+<rect x="-17" y="-31" width="117" height="117" fill="url(#paint0_linear_1383_8957)"/>
+</g>
+</g>
+<rect x="14" y="46" width="12" height="12" rx="3" fill="url(#paint1_linear_1383_8957)"/>
+<defs>
+<filter id="filter0_f_1383_8957" x="-22" y="-36" width="127" height="127" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_1383_8957"/>
+</filter>
+<linearGradient id="paint0_linear_1383_8957" x1="83.4064" y1="-20.4981" x2="-16.6766" y2="107.212" gradientUnits="userSpaceOnUse">
+<stop offset="0.176" stop-color="#EAEFF1"/>
+<stop offset="0.577" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1383_8957" x1="9" y1="57" x2="40" y2="26" gradientUnits="userSpaceOnUse">
+<stop stop-color="#002291"/>
+<stop offset="0.45" stop-color="#B8C4FF"/>
+<stop offset="1" stop-color="#EAEFF1"/>
+</linearGradient>
+</defs>
+</svg>

package/src/BookingsImagePosition08.svg

@@ -0,0 +1,28 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1383_8980" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="14" width="44" height="44">
+<path d="M23 46C24.6569 46 26 47.3431 26 49V55C26 56.6569 24.6569 58 23 58H17C15.3431 58 14 56.6569 14 55V49C14 47.3431 15.3431 46 17 46H23ZM39 46C40.6569 46 42 47.3431 42 49V55C42 56.6569 40.6569 58 39 58H33C31.3431 58 30 56.6569 30 55V49C30 47.3431 31.3431 46 33 46H39ZM55 46C56.6569 46 58 47.3431 58 49V55C58 56.6569 56.6569 58 55 58H49C47.3431 58 46 56.6569 46 55V49C46 47.3431 47.3431 46 49 46H55ZM23 30C24.6569 30 26 31.3431 26 33V39C26 40.6569 24.6569 42 23 42H17C15.3431 42 14 40.6569 14 39V33C14 31.3431 15.3431 30 17 30H23ZM39 30C40.6569 30 42 31.3431 42 33V39C42 40.6569 40.6569 42 39 42H33C31.3431 42 30 40.6569 30 39V33C30 31.3431 31.3431 30 33 30H39ZM55 30C56.6569 30 58 31.3431 58 33V39C58 40.6569 56.6569 42 55 42H49C47.3431 42 46 40.6569 46 39V33C46 31.3431 47.3431 30 49 30H55ZM23 14C24.6569 14 26 15.3431 26 17V23C26 24.6569 24.6569 26 23 26H17C15.3431 26 14 24.6569 14 23V17C14 15.3431 15.3431 14 17 14H23ZM39 14C40.6569 14 42 15.3431 42 17V23C42 24.6569 40.6569 26 39 26H33C31.3431 26 30 24.6569 30 23V17C30 15.3431 31.3431 14 33 14H39ZM55 14C56.6569 14 58 15.3431 58 17V23C58 24.6569 56.6569 26 55 26H49C47.3431 26 46 24.6569 46 23V17C46 15.3431 47.3431 14 49 14H55Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1383_8980)">
+<g filter="url(#filter0_f_1383_8980)">
+<rect x="-17" y="-31" width="117" height="117" fill="url(#paint0_linear_1383_8980)"/>
+</g>
+</g>
+<rect x="30" y="46" width="12" height="12" rx="3" fill="url(#paint1_linear_1383_8980)"/>
+<defs>
+<filter id="filter0_f_1383_8980" x="-22" y="-36" width="127" height="127" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_1383_8980"/>
+</filter>
+<linearGradient id="paint0_linear_1383_8980" x1="83.4064" y1="-20.4981" x2="-16.6766" y2="107.212" gradientUnits="userSpaceOnUse">
+<stop offset="0.176" stop-color="#EAEFF1"/>
+<stop offset="0.577" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1383_8980" x1="25" y1="57" x2="56" y2="26" gradientUnits="userSpaceOnUse">
+<stop stop-color="#002291"/>
+<stop offset="0.45" stop-color="#B8C4FF"/>
+<stop offset="1" stop-color="#EAEFF1"/>
+</linearGradient>
+</defs>
+</svg>