@wix/design-system-illustrations 1.3.0 → 1.5.0

package/crisp/AlignCenterThumbS2.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type AlignCenterThumbS2Props = React.SVGAttributes<SVGElement>;
+
+export declare const AlignCenterThumbS2: React.FC<AlignCenterThumbS2Props>;

package/crisp/AlignCenterThumbS2.js

@@ -0,0 +1,27 @@
+import React from "react";
+export const AlignCenterThumbS2 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 38 38",
+    fill: "none",
+    width: "38",
+    height: "38",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000624",
+      strokeLinejoin: "round",
+      d: "M18.5 30v-8M18.5 16.5V9"
+    }
+  ),
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000624",
+      d: "M24.5 21.5a1 1 0 0 1-1 1h-10a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1z"
+    }
+  )
+);

package/crisp/AlignLeftThumbS2.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type AlignLeftThumbS2Props = React.SVGAttributes<SVGElement>;
+
+export declare const AlignLeftThumbS2: React.FC<AlignLeftThumbS2Props>;

package/crisp/AlignLeftThumbS2.js

@@ -0,0 +1,20 @@
+import React from "react";
+export const AlignLeftThumbS2 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 38 38",
+    fill: "none",
+    width: "38",
+    height: "38",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("path", { stroke: "#000624", strokeLinejoin: "round", d: "M11.5 8v21" }),
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000624",
+      d: "M14.5 16.5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-10a1 1 0 0 1-1-1z"
+    }
+  )
+);

package/crisp/AlignRightThumbS2.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type AlignRightThumbS2Props = React.SVGAttributes<SVGElement>;
+
+export declare const AlignRightThumbS2: React.FC<AlignRightThumbS2Props>;

package/crisp/AlignRightThumbS2.js

@@ -0,0 +1,20 @@
+import React from "react";
+export const AlignRightThumbS2 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 38 38",
+    fill: "none",
+    width: "38",
+    height: "38",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("path", { stroke: "#000624", strokeLinejoin: "round", d: "M26.5 8v21" }),
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000624",
+      d: "M23.5 16.5a1 1 0 0 0-1-1h-10a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1z"
+    }
+  )
+);

package/crisp/HeaderBelowInfoThumbM1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type HeaderBelowInfoThumbM1Props = React.SVGAttributes<SVGElement>;
+
+export declare const HeaderBelowInfoThumbM1: React.FC<HeaderBelowInfoThumbM1Props>;

package/crisp/{HeadeBelowInfoThumbM1.js → HeaderBelowInfoThumbM1.js}

@@ -1,5 +1,5 @@
 import React from "react";
-export const HeadeBelowInfoThumbM1 = (props) => /* @__PURE__ */ React.createElement(
+export const HeaderBelowInfoThumbM1 = (props) => /* @__PURE__ */ React.createElement(
   "svg",
   {
     viewBox: "0 0 114 114",

package/crisp/ImagePositionLeftM1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type ImagePositionLeftM1Props = React.SVGAttributes<SVGElement>;
+
+export declare const ImagePositionLeftM1: React.FC<ImagePositionLeftM1Props>;

package/crisp/ImagePositionLeftM1.js

@@ -0,0 +1,21 @@
+import React from "react";
+export const ImagePositionLeftM1 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: "72",
+    height: "72",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_313_108)" }, /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M36 23H11v25h25z" }), /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M36 23H11v25h25z" }), /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M36 23H11v25h25z" }), /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M36 23H11v25h25z" }), /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M36 23H11v25h25z" }), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000624",
+      "stroke-miterlimit": "10",
+      d: "M36.5 23v25M60.5 22.5h-49a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h49a1 1 0 0 0 1-1v-24a1 1 0 0 0-1-1Z"
+    }
+  )),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_313_108" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M10 22h52v27H10z" })))
+);

package/crisp/ImagePositionRightM1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type ImagePositionRightM1Props = React.SVGAttributes<SVGElement>;
+
+export declare const ImagePositionRightM1: React.FC<ImagePositionRightM1Props>;

package/crisp/ImagePositionRightM1.js

@@ -0,0 +1,21 @@
+import React from "react";
+export const ImagePositionRightM1 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: "72",
+    height: "72",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_313_107)" }, /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M36 23h25v25H36z" }), /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M36 23h25v25H36z" }), /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M36 23h25v25H36z" }), /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M36 23h25v25H36z" }), /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M36 23h25v25H36z" }), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000624",
+      "stroke-miterlimit": "10",
+      d: "M35.5 23v25M11.5 22.5h49a1 1 0 0 1 1 1v24a1 1 0 0 1-1 1h-49a1 1 0 0 1-1-1v-24a1 1 0 0 1 1-1Z"
+    }
+  )),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_313_107" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M62 22H10v27h52z" })))
+);

package/crisp/index.d.ts

@@ -14,9 +14,18 @@ export type { AddingElementsProps } from './AddingElements';
 export { AlignCenterThumbM1 } from './AlignCenterThumbM1';
 export type { AlignCenterThumbM1Props } from './AlignCenterThumbM1';
 
+export { AlignCenterThumbS2 } from './AlignCenterThumbS2';
+export type { AlignCenterThumbS2Props } from './AlignCenterThumbS2';
+
 export { AlignLeftThumbM1 } from './AlignLeftThumbM1';
 export type { AlignLeftThumbM1Props } from './AlignLeftThumbM1';
 
+export { AlignLeftThumbS2 } from './AlignLeftThumbS2';
+export type { AlignLeftThumbS2Props } from './AlignLeftThumbS2';
+
+export { AlignRightThumbS2 } from './AlignRightThumbS2';
+export type { AlignRightThumbS2Props } from './AlignRightThumbS2';
+
 export { BelowThumbM1 } from './BelowThumbM1';
 export type { BelowThumbM1Props } from './BelowThumbM1';
 
@@ -122,12 +131,18 @@ export type { GalleryDisplayThumbnailsThumbM1Props } from './GalleryDisplayThumb
 export { GridThumbM1 } from './GridThumbM1';
 export type { GridThumbM1Props } from './GridThumbM1';
 
-export { HeadeBelowInfoThumbM1 } from './HeadeBelowInfoThumbM1';
-export type { HeadeBelowInfoThumbM1Props } from './HeadeBelowInfoThumbM1';
+export { HeaderBelowInfoThumbM1 } from './HeaderBelowInfoThumbM1';
+export type { HeaderBelowInfoThumbM1Props } from './HeaderBelowInfoThumbM1';
 
 export { HeaderSideBySideThumbM1 } from './HeaderSideBySideThumbM1';
 export type { HeaderSideBySideThumbM1Props } from './HeaderSideBySideThumbM1';
 
+export { ImagePositionLeftM1 } from './ImagePositionLeftM1';
+export type { ImagePositionLeftM1Props } from './ImagePositionLeftM1';
+
+export { ImagePositionRightM1 } from './ImagePositionRightM1';
+export type { ImagePositionRightM1Props } from './ImagePositionRightM1';
+
 export { InfrontThumbM1 } from './InfrontThumbM1';
 export type { InfrontThumbM1Props } from './InfrontThumbM1';
 

package/crisp/index.js

@@ -3,7 +3,10 @@ export { AddAssetsM1 } from "./AddAssetsM1";
 export { AddCommentM1 } from "./AddCommentM1";
 export { AddingElements } from "./AddingElements";
 export { AlignCenterThumbM1 } from "./AlignCenterThumbM1";
+export { AlignCenterThumbS2 } from "./AlignCenterThumbS2";
 export { AlignLeftThumbM1 } from "./AlignLeftThumbM1";
+export { AlignLeftThumbS2 } from "./AlignLeftThumbS2";
+export { AlignRightThumbS2 } from "./AlignRightThumbS2";
 export { BelowThumbM1 } from "./BelowThumbM1";
 export { BlogPost } from "./BlogPost";
 export { BorderThumbM1 } from "./BorderThumbM1";
@@ -39,8 +42,10 @@ export { GalleryDisplaySliderThumbM1 } from "./GalleryDisplaySliderThumbM1";
 export { GalleryDisplayStripThumbM1 } from "./GalleryDisplayStripThumbM1";
 export { GalleryDisplayThumbnailsThumbM1 } from "./GalleryDisplayThumbnailsThumbM1";
 export { GridThumbM1 } from "./GridThumbM1";
-export { HeadeBelowInfoThumbM1 } from "./HeadeBelowInfoThumbM1";
+export { HeaderBelowInfoThumbM1 } from "./HeaderBelowInfoThumbM1";
 export { HeaderSideBySideThumbM1 } from "./HeaderSideBySideThumbM1";
+export { ImagePositionLeftM1 } from "./ImagePositionLeftM1";
+export { ImagePositionRightM1 } from "./ImagePositionRightM1";
 export { InfrontThumbM1 } from "./InfrontThumbM1";
 export { InlineThumbM1 } from "./InlineThumbM1";
 export { LeftToRightThumbL1 } from "./LeftToRightThumbL1";

package/edge/HeaderBelowInfoThumbM1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type HeaderBelowInfoThumbM1Props = React.SVGAttributes<SVGElement>;
+
+export declare const HeaderBelowInfoThumbM1: React.FC<HeaderBelowInfoThumbM1Props>;

package/edge/{HeadeBelowInfoThumbM1.js → HeaderBelowInfoThumbM1.js}

@@ -1,5 +1,5 @@
 import React from "react";
-export const HeadeBelowInfoThumbM1 = (props) => /* @__PURE__ */ React.createElement(
+export const HeaderBelowInfoThumbM1 = (props) => /* @__PURE__ */ React.createElement(
   "svg",
   {
     viewBox: "0 0 114 114",

package/edge/index.d.ts

@@ -35,8 +35,8 @@ export type { FitThumbS1Props } from './FitThumbS1';
 export { GridThumbM1 } from './GridThumbM1';
 export type { GridThumbM1Props } from './GridThumbM1';
 
-export { HeadeBelowInfoThumbM1 } from './HeadeBelowInfoThumbM1';
-export type { HeadeBelowInfoThumbM1Props } from './HeadeBelowInfoThumbM1';
+export { HeaderBelowInfoThumbM1 } from './HeaderBelowInfoThumbM1';
+export type { HeaderBelowInfoThumbM1Props } from './HeaderBelowInfoThumbM1';
 
 export { HeaderSideBySideThumbM1 } from './HeaderSideBySideThumbM1';
 export type { HeaderSideBySideThumbM1Props } from './HeaderSideBySideThumbM1';

package/edge/index.js

@@ -10,7 +10,7 @@ export { CropThumbS1 } from "./CropThumbS1";
 export { Discount } from "./Discount";
 export { FitThumbS1 } from "./FitThumbS1";
 export { GridThumbM1 } from "./GridThumbM1";
-export { HeadeBelowInfoThumbM1 } from "./HeadeBelowInfoThumbM1";
+export { HeaderBelowInfoThumbM1 } from "./HeaderBelowInfoThumbM1";
 export { HeaderSideBySideThumbM1 } from "./HeaderSideBySideThumbM1";
 export { ListThumbM1 } from "./ListThumbM1";
 export { ManageEventsM1 } from "./ManageEventsM1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/design-system-illustrations",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "packageManager": "yarn@4.0.2",
   "author": "mykolass@wix.com",
   "license": "MIT",
@@ -22,10 +22,10 @@
   },
   "devDependencies": {
     "chalk": "^5.3.0",
-    "esbuild": "^0.20.1",
-    "node-html-parser": "^6.1.12",
+    "esbuild": "^0.23.1",
+    "node-html-parser": "^6.1.13",
     "prettier": "^2.8.8",
-    "svgo": "^3.2.0"
+    "svgo": "^3.3.2"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -37,5 +37,5 @@
       "groupId": "com.wixpress"
     }
   },
-  "falconPackageHash": "bef4347461f2b00ddca4d7a10b769cd6dcf8297fdbe4d33b4aa9c7f2"
+  "falconPackageHash": "736ed8dac59b59e0eafaae576dac36ae5920959ebad2e0eade45eb5c"
 }

package/unified/AlignCenterThumbS2.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 
 export type AlignCenterThumbS2Props = {
-  skin: 'edge';
+  skin: 'edge' | 'crisp';
 } & React.SVGAttributes<SVGElement>;
 
 export declare const AlignCenterThumbS2: React.FC<AlignCenterThumbS2Props>;

package/unified/AlignCenterThumbS2.js

@@ -1 +1,6 @@
-export { AlignCenterThumbS2 } from "../edge/AlignCenterThumbS2";
+import React from "react";
+import { AlignCenterThumbS2 as Edge } from "../edge";
+import { AlignCenterThumbS2 as Crisp } from "../crisp";
+export const AlignCenterThumbS2 = ({ skin, ...props }) => {
+  return skin === "crisp" ? /* @__PURE__ */ React.createElement(Crisp, { ...props }) : /* @__PURE__ */ React.createElement(Edge, { ...props });
+};

package/unified/AlignLeftThumbS2.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 
 export type AlignLeftThumbS2Props = {
-  skin: 'edge';
+  skin: 'edge' | 'crisp';
 } & React.SVGAttributes<SVGElement>;
 
 export declare const AlignLeftThumbS2: React.FC<AlignLeftThumbS2Props>;

package/unified/AlignLeftThumbS2.js

@@ -1 +1,6 @@
-export { AlignLeftThumbS2 } from "../edge/AlignLeftThumbS2";
+import React from "react";
+import { AlignLeftThumbS2 as Edge } from "../edge";
+import { AlignLeftThumbS2 as Crisp } from "../crisp";
+export const AlignLeftThumbS2 = ({ skin, ...props }) => {
+  return skin === "crisp" ? /* @__PURE__ */ React.createElement(Crisp, { ...props }) : /* @__PURE__ */ React.createElement(Edge, { ...props });
+};

package/unified/AlignRightThumbS2.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 
 export type AlignRightThumbS2Props = {
-  skin: 'edge';
+  skin: 'edge' | 'crisp';
 } & React.SVGAttributes<SVGElement>;
 
 export declare const AlignRightThumbS2: React.FC<AlignRightThumbS2Props>;

package/unified/AlignRightThumbS2.js

@@ -1 +1,6 @@
-export { AlignRightThumbS2 } from "../edge/AlignRightThumbS2";
+import React from "react";
+import { AlignRightThumbS2 as Edge } from "../edge";
+import { AlignRightThumbS2 as Crisp } from "../crisp";
+export const AlignRightThumbS2 = ({ skin, ...props }) => {
+  return skin === "crisp" ? /* @__PURE__ */ React.createElement(Crisp, { ...props }) : /* @__PURE__ */ React.createElement(Edge, { ...props });
+};

package/unified/HeaderBelowInfoThumbM1.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export type HeaderBelowInfoThumbM1Props = {
+  skin: 'edge' | 'crisp';
+} & React.SVGAttributes<SVGElement>;
+
+export declare const HeaderBelowInfoThumbM1: React.FC<HeaderBelowInfoThumbM1Props>;

package/unified/HeaderBelowInfoThumbM1.js

@@ -0,0 +1,6 @@
+import React from "react";
+import { HeaderBelowInfoThumbM1 as Edge } from "../edge";
+import { HeaderBelowInfoThumbM1 as Crisp } from "../crisp";
+export const HeaderBelowInfoThumbM1 = ({ skin, ...props }) => {
+  return skin === "crisp" ? /* @__PURE__ */ React.createElement(Crisp, { ...props }) : /* @__PURE__ */ React.createElement(Edge, { ...props });
+};

package/unified/ImagePositionLeftM1.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export type ImagePositionLeftM1Props = {
+  skin: 'crisp';
+} & React.SVGAttributes<SVGElement>;
+
+export declare const ImagePositionLeftM1: React.FC<ImagePositionLeftM1Props>;

package/unified/ImagePositionLeftM1.js

@@ -0,0 +1 @@
+export { ImagePositionLeftM1 } from "../crisp/ImagePositionLeftM1";

package/unified/ImagePositionRightM1.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export type ImagePositionRightM1Props = {
+  skin: 'crisp';
+} & React.SVGAttributes<SVGElement>;
+
+export declare const ImagePositionRightM1: React.FC<ImagePositionRightM1Props>;

package/unified/ImagePositionRightM1.js

@@ -0,0 +1 @@
+export { ImagePositionRightM1 } from "../crisp/ImagePositionRightM1";

package/unified/index.d.ts

@@ -134,12 +134,18 @@ export type { GalleryDisplayThumbnailsThumbM1Props } from './GalleryDisplayThumb
 export { GridThumbM1 } from './GridThumbM1';
 export type { GridThumbM1Props } from './GridThumbM1';
 
-export { HeadeBelowInfoThumbM1 } from './HeadeBelowInfoThumbM1';
-export type { HeadeBelowInfoThumbM1Props } from './HeadeBelowInfoThumbM1';
+export { HeaderBelowInfoThumbM1 } from './HeaderBelowInfoThumbM1';
+export type { HeaderBelowInfoThumbM1Props } from './HeaderBelowInfoThumbM1';
 
 export { HeaderSideBySideThumbM1 } from './HeaderSideBySideThumbM1';
 export type { HeaderSideBySideThumbM1Props } from './HeaderSideBySideThumbM1';
 
+export { ImagePositionLeftM1 } from './ImagePositionLeftM1';
+export type { ImagePositionLeftM1Props } from './ImagePositionLeftM1';
+
+export { ImagePositionRightM1 } from './ImagePositionRightM1';
+export type { ImagePositionRightM1Props } from './ImagePositionRightM1';
+
 export { InfrontThumbM1 } from './InfrontThumbM1';
 export type { InfrontThumbM1Props } from './InfrontThumbM1';
 

package/unified/index.js

@@ -43,8 +43,10 @@ export { GalleryDisplaySliderThumbM1 } from "./GalleryDisplaySliderThumbM1";
 export { GalleryDisplayStripThumbM1 } from "./GalleryDisplayStripThumbM1";
 export { GalleryDisplayThumbnailsThumbM1 } from "./GalleryDisplayThumbnailsThumbM1";
 export { GridThumbM1 } from "./GridThumbM1";
-export { HeadeBelowInfoThumbM1 } from "./HeadeBelowInfoThumbM1";
+export { HeaderBelowInfoThumbM1 } from "./HeaderBelowInfoThumbM1";
 export { HeaderSideBySideThumbM1 } from "./HeaderSideBySideThumbM1";
+export { ImagePositionLeftM1 } from "./ImagePositionLeftM1";
+export { ImagePositionRightM1 } from "./ImagePositionRightM1";
 export { InfrontThumbM1 } from "./InfrontThumbM1";
 export { InlineThumbM1 } from "./InlineThumbM1";
 export { LeftToRightThumbL1 } from "./LeftToRightThumbL1";

package/crisp/HeadeBelowInfoThumbM1.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-
-export type HeadeBelowInfoThumbM1Props = React.SVGAttributes<SVGElement>;
-
-export declare const HeadeBelowInfoThumbM1: React.FC<HeadeBelowInfoThumbM1Props>;

package/edge/HeadeBelowInfoThumbM1.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-
-export type HeadeBelowInfoThumbM1Props = React.SVGAttributes<SVGElement>;
-
-export declare const HeadeBelowInfoThumbM1: React.FC<HeadeBelowInfoThumbM1Props>;

package/unified/HeadeBelowInfoThumbM1.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-
-export type HeadeBelowInfoThumbM1Props = {
-  skin: 'edge' | 'crisp';
-} & React.SVGAttributes<SVGElement>;
-
-export declare const HeadeBelowInfoThumbM1: React.FC<HeadeBelowInfoThumbM1Props>;

package/unified/HeadeBelowInfoThumbM1.js

@@ -1,6 +0,0 @@
-import React from "react";
-import { HeadeBelowInfoThumbM1 as Edge } from "../edge";
-import { HeadeBelowInfoThumbM1 as Crisp } from "../crisp";
-export const HeadeBelowInfoThumbM1 = ({ skin, ...props }) => {
-  return skin === "crisp" ? /* @__PURE__ */ React.createElement(Crisp, { ...props }) : /* @__PURE__ */ React.createElement(Edge, { ...props });
-};