@wix/design-system-illustrations 2.33.1 → 2.34.0

package/dist/esm/{YoutubeBanner.js → YouTubeBanner.js}

@@ -1,5 +1,5 @@
 import React from "react";
-const YoutubeBanner = (props) => /* @__PURE__ */ React.createElement(
+const YouTubeBanner = (props) => /* @__PURE__ */ React.createElement(
   "svg",
   {
     viewBox: "0 0 180 127",
@@ -9,12 +9,12 @@ const YoutubeBanner = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#YoutubeBanner__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "74", height: "110", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 145 101)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#YoutubeBanner__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#YoutubeBanner__c)", d: "M0 0h101v145H0z", transform: "matrix(0 -1 -1 0 176 105)" }))),
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#YoutubeBanner__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "100", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 140 79)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#YoutubeBanner__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#YoutubeBanner__f)", d: "M179 79V0H40v79z" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#YouTubeBanner__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "74", height: "110", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 145 101)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#YouTubeBanner__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#YouTubeBanner__c)", d: "M0 0h101v145H0z", transform: "matrix(0 -1 -1 0 176 105)" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#YouTubeBanner__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "100", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 140 79)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#YouTubeBanner__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#YouTubeBanner__f)", d: "M179 79V0H40v79z" }))),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M49.366 32.005c1.577.017 3.467.022 5.026.232 1.56.21 2.146.84 2.392 2.414.27 1.724.26 3.95.119 5.694-.16 1.967-.377 3.156-2.544 3.44-2.162.282-4.672.216-6.857.188-1.483-.019-2.973-.003-4.449-.15-2.237-.225-2.69-.893-2.92-3.098a28 28 0 0 1 0-5.433c.193-1.852.52-2.799 2.506-3.059 1.556-.203 3.422-.211 4.993-.228a82 82 0 0 1 1.734 0M46.803 35.5v5.016l4.372-2.527zM89 87v1H51v-1zM69 91v1H51v-1zM48 89a4 4 0 1 1-8 0 4 4 0 0 1 8 0" }),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "YoutubeBanner__c", x1: "86.676", x2: "-40.18", y1: "13.015", y2: "125.769", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "YoutubeBanner__f", x1: "166.523", x2: "82.11", y1: "11.204", y2: "127.598", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "YoutubeBanner__a" }, /* @__PURE__ */ React.createElement("rect", { width: "74", height: "110", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 145 101)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "YoutubeBanner__d" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "100", fill: "#fff", rx: "3", transform: "matrix(0 -1 -1 0 140 79)" })), /* @__PURE__ */ React.createElement("filter", { id: "YoutubeBanner__b", width: "170.417", height: "126.417", x: "18.292", y: "-8.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18340", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "YoutubeBanner__e", width: "164.417", height: "104.417", x: "27.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18340", stdDeviation: "6.354" })))
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "YouTubeBanner__c", x1: "86.676", x2: "-40.18", y1: "13.015", y2: "125.769", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "YouTubeBanner__f", x1: "166.523", x2: "82.11", y1: "11.204", y2: "127.598", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "YouTubeBanner__a" }, /* @__PURE__ */ React.createElement("rect", { width: "74", height: "110", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 145 101)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "YouTubeBanner__d" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "100", fill: "#fff", rx: "3", transform: "matrix(0 -1 -1 0 140 79)" })), /* @__PURE__ */ React.createElement("filter", { id: "YouTubeBanner__b", width: "170.417", height: "126.417", x: "18.292", y: "-8.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18340", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "YouTubeBanner__e", width: "164.417", height: "104.417", x: "27.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18340", stdDeviation: "6.354" })))
 );
-YoutubeBanner.displayName = "YoutubeBanner";
+YouTubeBanner.displayName = "YouTubeBanner";
 export {
-  YoutubeBanner
+  YouTubeBanner
 };

package/dist/esm/{YoutubeThumbnail.js → YouTubeThumbnail.js}

@@ -1,5 +1,5 @@
 import React from "react";
-const YoutubeThumbnail = (props) => /* @__PURE__ */ React.createElement(
+const YouTubeThumbnail = (props) => /* @__PURE__ */ React.createElement(
   "svg",
   {
     viewBox: "0 0 180 127",
@@ -9,11 +9,11 @@ const YoutubeThumbnail = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#YoutubeThumbnail__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "60", height: "102", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 141 93)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#YoutubeThumbnail__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#YoutubeThumbnail__c)", d: "M0 0h93v141H0z", transform: "matrix(0 -1 -1 0 176 97)" }))),
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#YoutubeThumbnail__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "92", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 136 88)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#YoutubeThumbnail__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#YoutubeThumbnail__f)", d: "M180 88V0H44v88z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M91.366 57.005c1.576.017 3.467.022 5.026.232 1.56.21 2.146.84 2.392 2.414.27 1.724.26 3.95.118 5.694-.159 1.967-.377 3.156-2.543 3.44-2.162.282-4.672.216-6.857.188-1.483-.019-2.973-.003-4.449-.15-2.237-.225-2.69-.893-2.92-3.098a28 28 0 0 1 0-5.433c.193-1.852.52-2.799 2.506-3.059 1.556-.203 3.422-.211 4.993-.228a82 82 0 0 1 1.734 0M88.803 60.5v5.016l4.372-2.527z" })),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "YoutubeThumbnail__c", x1: "79.81", x2: "-42.581", y1: "12.656", y2: "115.666", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "YoutubeThumbnail__f", x1: "167.793", x2: "70.656", y1: "12.481", y2: "130.125", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "YoutubeThumbnail__a" }, /* @__PURE__ */ React.createElement("rect", { width: "60", height: "102", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 141 93)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "YoutubeThumbnail__d" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "92", fill: "#fff", rx: "3", transform: "matrix(0 -1 -1 0 136 88)" })), /* @__PURE__ */ React.createElement("filter", { id: "YoutubeThumbnail__b", width: "166.417", height: "118.417", x: "22.292", y: "-8.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18326", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "YoutubeThumbnail__e", width: "161.417", height: "113.417", x: "31.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18326", stdDeviation: "6.354" })))
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#YouTubeThumbnail__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "60", height: "102", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 141 93)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#YouTubeThumbnail__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#YouTubeThumbnail__c)", d: "M0 0h93v141H0z", transform: "matrix(0 -1 -1 0 176 97)" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#YouTubeThumbnail__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "92", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 136 88)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#YouTubeThumbnail__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#YouTubeThumbnail__f)", d: "M180 88V0H44v88z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M91.366 57.005c1.576.017 3.467.022 5.026.232 1.56.21 2.146.84 2.392 2.414.27 1.724.26 3.95.118 5.694-.159 1.967-.377 3.156-2.543 3.44-2.162.282-4.672.216-6.857.188-1.483-.019-2.973-.003-4.449-.15-2.237-.225-2.69-.893-2.92-3.098a28 28 0 0 1 0-5.433c.193-1.852.52-2.799 2.506-3.059 1.556-.203 3.422-.211 4.993-.228a82 82 0 0 1 1.734 0M88.803 60.5v5.016l4.372-2.527z" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "YouTubeThumbnail__c", x1: "79.81", x2: "-42.581", y1: "12.656", y2: "115.666", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "YouTubeThumbnail__f", x1: "167.793", x2: "70.656", y1: "12.481", y2: "130.125", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "YouTubeThumbnail__a" }, /* @__PURE__ */ React.createElement("rect", { width: "60", height: "102", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 141 93)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "YouTubeThumbnail__d" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "92", fill: "#fff", rx: "3", transform: "matrix(0 -1 -1 0 136 88)" })), /* @__PURE__ */ React.createElement("filter", { id: "YouTubeThumbnail__b", width: "166.417", height: "118.417", x: "22.292", y: "-8.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18326", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "YouTubeThumbnail__e", width: "161.417", height: "113.417", x: "31.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18326", stdDeviation: "6.354" })))
 );
-YoutubeThumbnail.displayName = "YoutubeThumbnail";
+YouTubeThumbnail.displayName = "YouTubeThumbnail";
 export {
-  YoutubeThumbnail
+  YouTubeThumbnail
 };

package/dist/esm/deprecated.js

@@ -0,0 +1,85 @@
+import { BrandBook } from "./BrandBook";
+import { CloseUpSection } from "./CloseUpSection";
+import { EllipseDivider } from "./EllipseDivider";
+import { GalleryAppears } from "./GalleryAppears";
+import { GalleryGrayscale } from "./GalleryGrayscale";
+import { InvertedEllipseDivider } from "./InvertedEllipseDivider";
+import { LayeredEllipseDivider } from "./LayeredEllipseDivider";
+import { OpticalIllusionDivider } from "./OpticalIllusionDivider";
+import { RestaurantsMenusCenter } from "./RestaurantsMenusCenter";
+import { RestaurantsMenusExpand } from "./RestaurantsMenusExpand";
+import { RestaurantsMenusSplitImageText } from "./RestaurantsMenusSplitImageText";
+import { SemiEllipseDivider } from "./SemiEllipseDivider";
+import { StoreHeaderPositionMinimized } from "./StoreHeaderPositionMinimized";
+import { StoreRibbonHorizontal } from "./StoreRibbonHorizontal";
+import { StoreRibbonStack } from "./StoreRibbonStack";
+import { StoreStretched } from "./StoreStretched";
+import { Typewriter } from "./Typewriter";
+import { WhatsAppStatus } from "./WhatsAppStatus";
+import { YouTubeBanner } from "./YouTubeBanner";
+import { YouTubeThumbnail } from "./YouTubeThumbnail";
+const Brandbook = BrandBook;
+const CloseupSection = CloseUpSection;
+const ElipseDivider = EllipseDivider;
+const GalleryApears = GalleryAppears;
+const GalleryGreyscale = GalleryGrayscale;
+const InvertedElipseDivider = InvertedEllipseDivider;
+const LayeredElipseDivider = LayeredEllipseDivider;
+const OpticalillusionDivider = OpticalIllusionDivider;
+const RestauransMenusCenter = RestaurantsMenusCenter;
+const RestauransMenusExpand = RestaurantsMenusExpand;
+const RestauransMenusSplitImageText = RestaurantsMenusSplitImageText;
+const SemiElipseDivider = SemiEllipseDivider;
+const StoreHeaderPositionMinimised = StoreHeaderPositionMinimized;
+const StoreRibonHorizontal = StoreRibbonHorizontal;
+const StoreRibonStack = StoreRibbonStack;
+const StoreStreched = StoreStretched;
+const TypeWriter = Typewriter;
+const WhatsappStatus = WhatsAppStatus;
+const YoutubeBanner = YouTubeBanner;
+const YoutubeThumbnail = YouTubeThumbnail;
+const DEPRECATED_ILLUSTRATIONS = {
+  Brandbook: "BrandBook",
+  CloseupSection: "CloseUpSection",
+  ElipseDivider: "EllipseDivider",
+  GalleryApears: "GalleryAppears",
+  GalleryGreyscale: "GalleryGrayscale",
+  InvertedElipseDivider: "InvertedEllipseDivider",
+  LayeredElipseDivider: "LayeredEllipseDivider",
+  OpticalillusionDivider: "OpticalIllusionDivider",
+  RestauransMenusCenter: "RestaurantsMenusCenter",
+  RestauransMenusExpand: "RestaurantsMenusExpand",
+  RestauransMenusSplitImageText: "RestaurantsMenusSplitImageText",
+  SemiElipseDivider: "SemiEllipseDivider",
+  StoreHeaderPositionMinimised: "StoreHeaderPositionMinimized",
+  StoreRibonHorizontal: "StoreRibbonHorizontal",
+  StoreRibonStack: "StoreRibbonStack",
+  StoreStreched: "StoreStretched",
+  TypeWriter: "Typewriter",
+  WhatsappStatus: "WhatsAppStatus",
+  YoutubeBanner: "YouTubeBanner",
+  YoutubeThumbnail: "YouTubeThumbnail"
+};
+export {
+  Brandbook,
+  CloseupSection,
+  DEPRECATED_ILLUSTRATIONS,
+  ElipseDivider,
+  GalleryApears,
+  GalleryGreyscale,
+  InvertedElipseDivider,
+  LayeredElipseDivider,
+  OpticalillusionDivider,
+  RestauransMenusCenter,
+  RestauransMenusExpand,
+  RestauransMenusSplitImageText,
+  SemiElipseDivider,
+  StoreHeaderPositionMinimised,
+  StoreRibonHorizontal,
+  StoreRibonStack,
+  StoreStreched,
+  TypeWriter,
+  WhatsappStatus,
+  YoutubeBanner,
+  YoutubeThumbnail
+};

package/dist/esm/index.js

@@ -93,7 +93,7 @@ import { Bounce } from "./Bounce";
 import { BounceAnimation } from "./BounceAnimation";
 import { BounceEntrance } from "./BounceEntrance";
 import { BounceLoop } from "./BounceLoop";
-import { Brandbook } from "./Brandbook";
+import { BrandBook } from "./BrandBook";
 import { BreathAnimation } from "./BreathAnimation";
 import { BreathLoop } from "./BreathLoop";
 import { BrushDivider } from "./BrushDivider";
@@ -108,7 +108,7 @@ import { ChooseTheLayoutGrid } from "./ChooseTheLayoutGrid";
 import { CircleImage } from "./CircleImage";
 import { CircleMarker } from "./CircleMarker";
 import { ClockWipe } from "./ClockWipe";
-import { CloseupSection } from "./CloseupSection";
+import { CloseUpSection } from "./CloseUpSection";
 import { CloudsDivider } from "./CloudsDivider";
 import { ColorAnimation } from "./ColorAnimation";
 import { ColorClick } from "./ColorClick";
@@ -131,7 +131,7 @@ import { Dots } from "./Dots";
 import { DotsSmall } from "./DotsSmall";
 import { Drop } from "./Drop";
 import { DunesDivider } from "./DunesDivider";
-import { ElipseDivider } from "./ElipseDivider";
+import { EllipseDivider } from "./EllipseDivider";
 import { EllipseImage } from "./EllipseImage";
 import { EmptyPage } from "./EmptyPage";
 import { EmptyPageImage } from "./EmptyPageImage";
@@ -184,8 +184,8 @@ import { FormLayoutAboveIdentity } from "./FormLayoutAboveIdentity";
 import { FormLayoutBelowIdentity } from "./FormLayoutBelowIdentity";
 import { Freeform } from "./Freeform";
 import { FreeformImage } from "./FreeformImage";
-import { GalleryApears } from "./GalleryApears";
 import { GalleryAppear } from "./GalleryAppear";
+import { GalleryAppears } from "./GalleryAppears";
 import { GalleryBlur } from "./GalleryBlur";
 import { GalleryColorIn } from "./GalleryColorIn";
 import { GalleryDisappears } from "./GalleryDisappears";
@@ -193,8 +193,8 @@ import { GalleryExpand } from "./GalleryExpand";
 import { GalleryExpandOut } from "./GalleryExpandOut";
 import { GalleryFade } from "./GalleryFade";
 import { GalleryFadeIn } from "./GalleryFadeIn";
+import { GalleryGrayscale } from "./GalleryGrayscale";
 import { GalleryGrayscale2 } from "./GalleryGrayscale2";
-import { GalleryGreyscale } from "./GalleryGreyscale";
 import { GalleryHorizontal } from "./GalleryHorizontal";
 import { GalleryInvert } from "./GalleryInvert";
 import { GalleryMoveUp } from "./GalleryMoveUp";
@@ -246,11 +246,11 @@ import { ImageSizeS } from "./ImageSizeS";
 import { InstagramPost } from "./InstagramPost";
 import { InstagramReel } from "./InstagramReel";
 import { InstagramStory } from "./InstagramStory";
-import { InvertedElipseDivider } from "./InvertedElipseDivider";
+import { InvertedEllipseDivider } from "./InvertedEllipseDivider";
 import { Iris } from "./Iris";
 import { JelloLoop } from "./JelloLoop";
 import { LandscapeFrame } from "./LandscapeFrame";
-import { LayeredElipseDivider } from "./LayeredElipseDivider";
+import { LayeredEllipseDivider } from "./LayeredEllipseDivider";
 import { LayoutCards } from "./LayoutCards";
 import { LayoutCarousel } from "./LayoutCarousel";
 import { LayoutList } from "./LayoutList";
@@ -302,7 +302,7 @@ import { OnlineOrderImageRight } from "./OnlineOrderImageRight";
 import { OnlineOrderOnImage } from "./OnlineOrderOnImage";
 import { OnlineStoresDots } from "./OnlineStoresDots";
 import { OnlineStoresLines } from "./OnlineStoresLines";
-import { OpticalillusionDivider } from "./OpticalillusionDivider";
+import { OpticalIllusionDivider } from "./OpticalIllusionDivider";
 import { Original } from "./Original";
 import { OriginalImage } from "./OriginalImage";
 import { PageNumbers } from "./PageNumbers";
@@ -353,12 +353,12 @@ import { RSVPInvite } from "./RSVPInvite";
 import { ResizeMouse } from "./ResizeMouse";
 import { ResizeOptionsCrop } from "./ResizeOptionsCrop";
 import { ResizeOptionsFit } from "./ResizeOptionsFit";
-import { RestauransMenusCenter } from "./RestauransMenusCenter";
-import { RestauransMenusExpand } from "./RestauransMenusExpand";
-import { RestauransMenusSplitImageText } from "./RestauransMenusSplitImageText";
-import { RestauransOnlineOrdersItemInfo } from "./RestauransOnlineOrdersItemInfo";
 import { RestaurantStacked } from "./RestaurantStacked";
 import { RestaurantStrip } from "./RestaurantStrip";
+import { RestaurantsMenusCenter } from "./RestaurantsMenusCenter";
+import { RestaurantsMenusExpand } from "./RestaurantsMenusExpand";
+import { RestaurantsMenusSplitImageText } from "./RestaurantsMenusSplitImageText";
+import { RestaurantsOnlineOrdersItemInfo } from "./RestaurantsOnlineOrdersItemInfo";
 import { Reveal } from "./Reveal";
 import { RevealAnimation } from "./RevealAnimation";
 import { RevealScroll } from "./RevealScroll";
@@ -375,7 +375,7 @@ import { ScrollEffectsFadeOut } from "./ScrollEffectsFadeOut";
 import { ScrollEffectsMoveWithPage } from "./ScrollEffectsMoveWithPage";
 import { ScrollEffectsStayFixed } from "./ScrollEffectsStayFixed";
 import { SemiCirclesDivider } from "./SemiCirclesDivider";
-import { SemiElipseDivider } from "./SemiElipseDivider";
+import { SemiEllipseDivider } from "./SemiEllipseDivider";
 import { ShapeEntrance } from "./ShapeEntrance";
 import { ShapeRectangle } from "./ShapeRectangle";
 import { ShapeRound } from "./ShapeRound";
@@ -424,7 +424,7 @@ import { StoreDoesNothing } from "./StoreDoesNothing";
 import { StoreDrawer } from "./StoreDrawer";
 import { StoreDropdown } from "./StoreDropdown";
 import { StoreGrid } from "./StoreGrid";
-import { StoreHeaderPositionMinimised } from "./StoreHeaderPositionMinimised";
+import { StoreHeaderPositionMinimized } from "./StoreHeaderPositionMinimized";
 import { StoreHeaderPositionStretched } from "./StoreHeaderPositionStretched";
 import { StoreHorizontal } from "./StoreHorizontal";
 import { StoreImageBottom } from "./StoreImageBottom";
@@ -444,8 +444,8 @@ import { StorePriceSideBySide } from "./StorePriceSideBySide";
 import { StorePriceStacked } from "./StorePriceStacked";
 import { StoreProductInfo } from "./StoreProductInfo";
 import { StoreProductLayoutClassic } from "./StoreProductLayoutClassic";
-import { StoreRibonHorizontal } from "./StoreRibonHorizontal";
-import { StoreRibonStack } from "./StoreRibonStack";
+import { StoreRibbonHorizontal } from "./StoreRibbonHorizontal";
+import { StoreRibbonStack } from "./StoreRibbonStack";
 import { StoreRight } from "./StoreRight";
 import { StoreScroll } from "./StoreScroll";
 import { StoreShowAll } from "./StoreShowAll";
@@ -454,7 +454,7 @@ import { StoreSimple } from "./StoreSimple";
 import { StoreSleek } from "./StoreSleek";
 import { StoreSpotlight } from "./StoreSpotlight";
 import { StoreStacked } from "./StoreStacked";
-import { StoreStreched } from "./StoreStreched";
+import { StoreStretched } from "./StoreStretched";
 import { StoreStunning } from "./StoreStunning";
 import { StoreSwapImage } from "./StoreSwapImage";
 import { StoreTabs } from "./StoreTabs";
@@ -498,7 +498,7 @@ import { TwoByTwoGrid } from "./TwoByTwoGrid";
 import { TwoByTwoGridSmall } from "./TwoByTwoGridSmall";
 import { TwoRows } from "./TwoRows";
 import { TwoRowsSmall } from "./TwoRowsSmall";
-import { TypeWriter } from "./TypeWriter";
+import { Typewriter } from "./Typewriter";
 import { Underline } from "./Underline";
 import { UpToDown } from "./UpToDown";
 import { UpToDownSmall } from "./UpToDownSmall";
@@ -512,15 +512,16 @@ import { VideoMobileVertical } from "./VideoMobileVertical";
 import { VideoPlayerLayoutSmallSlider } from "./VideoPlayerLayoutSmallSlider";
 import { VideoPlayerLayoutStrip } from "./VideoPlayerLayoutStrip";
 import { WavesDivider } from "./WavesDivider";
-import { WhatsappStatus } from "./WhatsappStatus";
+import { WhatsAppStatus } from "./WhatsAppStatus";
 import { WiggleLoop } from "./WiggleLoop";
 import { WindowImage } from "./WindowImage";
 import { WinkEntrance } from "./WinkEntrance";
 import { WordTwist } from "./WordTwist";
 import { XPost } from "./XPost";
-import { YoutubeBanner } from "./YoutubeBanner";
-import { YoutubeThumbnail } from "./YoutubeThumbnail";
+import { YouTubeBanner } from "./YouTubeBanner";
+import { YouTubeThumbnail } from "./YouTubeThumbnail";
 import { ZoomSection } from "./ZoomSection";
+export * from "./deprecated";
 export {
   A4Frame,
   AI,
@@ -617,7 +618,7 @@ export {
   BounceAnimation,
   BounceEntrance,
   BounceLoop,
-  Brandbook,
+  BrandBook,
   BreathAnimation,
   BreathLoop,
   BrushDivider,
@@ -632,7 +633,7 @@ export {
   CircleImage,
   CircleMarker,
   ClockWipe,
-  CloseupSection,
+  CloseUpSection,
   CloudsDivider,
   ColorAnimation,
   ColorClick,
@@ -655,7 +656,7 @@ export {
   DotsSmall,
   Drop,
   DunesDivider,
-  ElipseDivider,
+  EllipseDivider,
   EllipseImage,
   EmptyPage,
   EmptyPageImage,
@@ -708,8 +709,8 @@ export {
   FormLayoutBelowIdentity,
   Freeform,
   FreeformImage,
-  GalleryApears,
   GalleryAppear,
+  GalleryAppears,
   GalleryBlur,
   GalleryColorIn,
   GalleryDisappears,
@@ -717,8 +718,8 @@ export {
   GalleryExpandOut,
   GalleryFade,
   GalleryFadeIn,
+  GalleryGrayscale,
   GalleryGrayscale2,
-  GalleryGreyscale,
   GalleryHorizontal,
   GalleryInvert,
   GalleryMoveUp,
@@ -770,11 +771,11 @@ export {
   InstagramPost,
   InstagramReel,
   InstagramStory,
-  InvertedElipseDivider,
+  InvertedEllipseDivider,
   Iris,
   JelloLoop,
   LandscapeFrame,
-  LayeredElipseDivider,
+  LayeredEllipseDivider,
   LayoutCards,
   LayoutCarousel,
   LayoutList,
@@ -826,7 +827,7 @@ export {
   OnlineOrderOnImage,
   OnlineStoresDots,
   OnlineStoresLines,
-  OpticalillusionDivider,
+  OpticalIllusionDivider,
   Original,
   OriginalImage,
   PageNumbers,
@@ -877,12 +878,12 @@ export {
   ResizeMouse,
   ResizeOptionsCrop,
   ResizeOptionsFit,
-  RestauransMenusCenter,
-  RestauransMenusExpand,
-  RestauransMenusSplitImageText,
-  RestauransOnlineOrdersItemInfo,
   RestaurantStacked,
   RestaurantStrip,
+  RestaurantsMenusCenter,
+  RestaurantsMenusExpand,
+  RestaurantsMenusSplitImageText,
+  RestaurantsOnlineOrdersItemInfo,
   Reveal,
   RevealAnimation,
   RevealScroll,
@@ -899,7 +900,7 @@ export {
   ScrollEffectsMoveWithPage,
   ScrollEffectsStayFixed,
   SemiCirclesDivider,
-  SemiElipseDivider,
+  SemiEllipseDivider,
   ShapeEntrance,
   ShapeRectangle,
   ShapeRound,
@@ -948,7 +949,7 @@ export {
   StoreDrawer,
   StoreDropdown,
   StoreGrid,
-  StoreHeaderPositionMinimised,
+  StoreHeaderPositionMinimized,
   StoreHeaderPositionStretched,
   StoreHorizontal,
   StoreImageBottom,
@@ -968,8 +969,8 @@ export {
   StorePriceStacked,
   StoreProductInfo,
   StoreProductLayoutClassic,
-  StoreRibonHorizontal,
-  StoreRibonStack,
+  StoreRibbonHorizontal,
+  StoreRibbonStack,
   StoreRight,
   StoreScroll,
   StoreShowAll,
@@ -978,7 +979,7 @@ export {
   StoreSleek,
   StoreSpotlight,
   StoreStacked,
-  StoreStreched,
+  StoreStretched,
   StoreStunning,
   StoreSwapImage,
   StoreTabs,
@@ -1022,7 +1023,7 @@ export {
   TwoByTwoGridSmall,
   TwoRows,
   TwoRowsSmall,
-  TypeWriter,
+  Typewriter,
   Underline,
   UpToDown,
   UpToDownSmall,
@@ -1036,13 +1037,13 @@ export {
   VideoPlayerLayoutSmallSlider,
   VideoPlayerLayoutStrip,
   WavesDivider,
-  WhatsappStatus,
+  WhatsAppStatus,
   WiggleLoop,
   WindowImage,
   WinkEntrance,
   WordTwist,
   XPost,
-  YoutubeBanner,
-  YoutubeThumbnail,
+  YouTubeBanner,
+  YouTubeThumbnail,
   ZoomSection
 };

package/dist/types/{Brandbook.d.ts → BrandBook.d.ts}

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

package/dist/types/{CloseupSection.d.ts → CloseUpSection.d.ts}

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

package/dist/types/{ElipseDivider.d.ts → EllipseDivider.d.ts}

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

package/dist/types/{GalleryApears.d.ts → GalleryAppears.d.ts}

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

package/dist/types/GalleryGrayscale.d.ts

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

package/dist/types/InvertedEllipseDivider.d.ts

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

package/dist/types/LayeredEllipseDivider.d.ts

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

package/dist/types/OpticalIllusionDivider.d.ts

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

package/dist/types/RestaurantsMenusCenter.d.ts

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

package/dist/types/RestaurantsMenusExpand.d.ts

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

package/dist/types/RestaurantsMenusSplitImageText.d.ts

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

package/dist/types/RestaurantsOnlineOrdersItemInfo.d.ts

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

package/dist/types/SemiEllipseDivider.d.ts

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

package/dist/types/StoreHeaderPositionMinimized.d.ts

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

package/dist/types/StoreRibbonHorizontal.d.ts

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

package/dist/types/StoreRibbonStack.d.ts

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

package/dist/types/StoreStretched.d.ts

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

package/dist/types/{TypeWriter.d.ts → Typewriter.d.ts}

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

package/dist/types/WhatsAppStatus.d.ts

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

package/dist/types/{StoreStreched.d.ts → YouTubeBanner.d.ts}

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

package/dist/types/YouTubeThumbnail.d.ts

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