@wix/design-system-illustrations 1.16.0 → 1.17.0

package/crisp/CompactMobileLayoutThumbM1.d.ts

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

package/crisp/CompactMobileLayoutThumbM1.js

@@ -0,0 +1,28 @@
+import React from "react";
+export const CompactMobileLayoutThumbM1 = (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(
+    "path",
+    {
+      fill: "#DDE9FF",
+      stroke: "#000624",
+      strokeLinejoin: "round",
+      d: "M14.5 17.5a2 2 0 0 1 2-2h15a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-15a2 2 0 0 1-2-2zM14.5 41.5a2 2 0 0 1 2-2h15a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-15a2 2 0 0 1-2-2z"
+    }
+  ),
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000624",
+      d: "M39 20.5h19M39 44.5h19M39 27.5h19M39 51.5h19"
+    }
+  )
+);

package/crisp/GridMobileLayoutThumbM1.d.ts

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

package/crisp/GridMobileLayoutThumbM1.js

@@ -0,0 +1,22 @@
+import React from "react";
+export const GridMobileLayoutThumbM1 = (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(
+    "path",
+    {
+      fill: "#DDE9FF",
+      stroke: "#000624",
+      strokeLinejoin: "round",
+      d: "M14.5 17.5a2 2 0 0 1 2-2h39a2 2 0 0 1 2 2v37a2 2 0 0 1-2 2h-39a2 2 0 0 1-2-2z"
+    }
+  ),
+  /* @__PURE__ */ React.createElement("path", { stroke: "#000624", d: "M24 34.5h24M24 41.5h24M24 48.5h18" })
+);

package/crisp/index.d.ts

@@ -71,6 +71,9 @@ export type { CartPageM1Props } from './CartPageM1';
 export { CollectContentT1 } from './CollectContentT1';
 export type { CollectContentT1Props } from './CollectContentT1';
 
+export { CompactMobileLayoutThumbM1 } from './CompactMobileLayoutThumbM1';
+export type { CompactMobileLayoutThumbM1Props } from './CompactMobileLayoutThumbM1';
+
 export { ConnectToGithubM1 } from './ConnectToGithubM1';
 export type { ConnectToGithubM1Props } from './ConnectToGithubM1';
 
@@ -164,6 +167,9 @@ export type { GalleryDisplayStripThumbM1Props } from './GalleryDisplayStripThumb
 export { GalleryDisplayThumbnailsThumbM1 } from './GalleryDisplayThumbnailsThumbM1';
 export type { GalleryDisplayThumbnailsThumbM1Props } from './GalleryDisplayThumbnailsThumbM1';
 
+export { GridMobileLayoutThumbM1 } from './GridMobileLayoutThumbM1';
+export type { GridMobileLayoutThumbM1Props } from './GridMobileLayoutThumbM1';
+
 export { GridThumbM1 } from './GridThumbM1';
 export type { GridThumbM1Props } from './GridThumbM1';
 

package/crisp/index.js

@@ -22,6 +22,7 @@ export { CMSM1 } from "./CMSM1";
 export { CalendarThumbM1 } from "./CalendarThumbM1";
 export { CartPageM1 } from "./CartPageM1";
 export { CollectContentT1 } from "./CollectContentT1";
+export { CompactMobileLayoutThumbM1 } from "./CompactMobileLayoutThumbM1";
 export { ConnectToGithubM1 } from "./ConnectToGithubM1";
 export { CreateAICollectionM1 } from "./CreateAICollectionM1";
 export { CreateCollectionCodeS1 } from "./CreateCollectionCodeS1";
@@ -53,6 +54,7 @@ export { GalleryDisplayMixThumbM1 } from "./GalleryDisplayMixThumbM1";
 export { GalleryDisplaySliderThumbM1 } from "./GalleryDisplaySliderThumbM1";
 export { GalleryDisplayStripThumbM1 } from "./GalleryDisplayStripThumbM1";
 export { GalleryDisplayThumbnailsThumbM1 } from "./GalleryDisplayThumbnailsThumbM1";
+export { GridMobileLayoutThumbM1 } from "./GridMobileLayoutThumbM1";
 export { GridThumbM1 } from "./GridThumbM1";
 export { HeaderBelowInfoThumbM1 } from "./HeaderBelowInfoThumbM1";
 export { HeaderSideBySideThumbM1 } from "./HeaderSideBySideThumbM1";

package/edge/CompactMobileLayoutThumbM1.d.ts

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

package/edge/CompactMobileLayoutThumbM1.js

@@ -0,0 +1,27 @@
+import React from "react";
+export const CompactMobileLayoutThumbM1 = (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", { className: "CompactMobileLayoutThumbM1" }, /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#80B1FF",
+      d: "M33 34H15c-1.1 0-2-.9-2-2V14c0-1.1.9-2 2-2h18c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2m20-17H41v2h12zm6 6H41v2h18zM33 60H15c-1.1 0-2-.9-2-2V40c0-1.1.9-2 2-2h18c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2m20-17H41v2h12zm6 6H41v2h18z",
+      className: "illus-clr-1"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#EBF2FF",
+      d: "m20.388 20.23 2.05 2.06 2.95-3.71c.39-.49 1.11-.53 1.55-.09l5.75 5.73c.66.66.19 1.78-.74 1.78h-15.95c-.91 0-1.38-1.08-.77-1.74l3.65-3.99c.4-.44 1.09-.45 1.51-.03zm0 25.99 2.05 2.06 2.95-3.71c.39-.49 1.11-.53 1.55-.09l5.75 5.73c.66.66.19 1.78-.74 1.78h-15.95c-.91 0-1.38-1.08-.77-1.74l3.65-3.99c.4-.44 1.09-.45 1.51-.03z",
+      className: "illus-clr-3"
+    }
+  ))
+);

package/edge/GridMobileLayoutThumbM1.d.ts

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

package/edge/GridMobileLayoutThumbM1.js

@@ -0,0 +1,27 @@
+import React from "react";
+export const GridMobileLayoutThumbM1 = (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", { className: "GridMobileLayoutThumbM1" }, /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#80B1FF",
+      d: "M22 15h28c1.1 0 2 1.11 2 2.47v37.06c0 1.36-.9 2.47-2 2.47H22c-1.1 0-2-1.11-2-2.47V17.47c0-1.36.9-2.47 2-2.47",
+      className: "illus-clr-1"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#EBF2FF",
+      d: "M26.52 30.8c-.19-.13-.34-.3-.43-.51s-.12-.44-.08-.66.14-.43.29-.6l4.04-4.51c.1-.12.23-.21.37-.28s.3-.1.45-.1c.16 0 .31.03.46.08.15.06.28.15.39.26l2.27 2.32 3.27-4.19c.1-.13.23-.24.37-.31.14-.08.3-.12.47-.13.16 0 .33.02.48.08s.29.15.4.27l6.37 6.47c.16.16.28.37.32.6.05.23.02.46-.06.68-.09.21-.24.4-.43.53s-.42.2-.65.21H27.14c-.23 0-.45-.07-.64-.2zM46 36H26v2h20zm0 6H26v2h20zm-6 6H26v2h14z",
+      className: "illus-clr-3"
+    }
+  ))
+);

package/edge/index.d.ts

@@ -44,6 +44,9 @@ export type { CalendarThumbM1Props } from './CalendarThumbM1';
 export { CollectContentT1 } from './CollectContentT1';
 export type { CollectContentT1Props } from './CollectContentT1';
 
+export { CompactMobileLayoutThumbM1 } from './CompactMobileLayoutThumbM1';
+export type { CompactMobileLayoutThumbM1Props } from './CompactMobileLayoutThumbM1';
+
 export { CreateAICollectionM1 } from './CreateAICollectionM1';
 export type { CreateAICollectionM1Props } from './CreateAICollectionM1';
 
@@ -77,6 +80,9 @@ export type { FilterContentT1Props } from './FilterContentT1';
 export { FitThumbS1 } from './FitThumbS1';
 export type { FitThumbS1Props } from './FitThumbS1';
 
+export { GridMobileLayoutThumbM1 } from './GridMobileLayoutThumbM1';
+export type { GridMobileLayoutThumbM1Props } from './GridMobileLayoutThumbM1';
+
 export { GridThumbM1 } from './GridThumbM1';
 export type { GridThumbM1Props } from './GridThumbM1';
 

package/edge/index.js

@@ -13,6 +13,7 @@ export { CMS } from "./CMS";
 export { CMSM1 } from "./CMSM1";
 export { CalendarThumbM1 } from "./CalendarThumbM1";
 export { CollectContentT1 } from "./CollectContentT1";
+export { CompactMobileLayoutThumbM1 } from "./CompactMobileLayoutThumbM1";
 export { CreateAICollectionM1 } from "./CreateAICollectionM1";
 export { CreateCollectionCodeS1 } from "./CreateCollectionCodeS1";
 export { CropThumbS1 } from "./CropThumbS1";
@@ -24,6 +25,7 @@ export { ExportContentM1 } from "./ExportContentM1";
 export { ExportCsvS2 } from "./ExportCsvS2";
 export { FilterContentT1 } from "./FilterContentT1";
 export { FitThumbS1 } from "./FitThumbS1";
+export { GridMobileLayoutThumbM1 } from "./GridMobileLayoutThumbM1";
 export { GridThumbM1 } from "./GridThumbM1";
 export { HeaderBelowInfoThumbM1 } from "./HeaderBelowInfoThumbM1";
 export { HeaderSideBySideThumbM1 } from "./HeaderSideBySideThumbM1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/design-system-illustrations",
-  "version": "1.16.0",
+  "version": "1.17.0",
   "packageManager": "yarn@4.0.2",
   "author": "mykolass@wix.com",
   "license": "MIT",
@@ -37,5 +37,5 @@
       "groupId": "com.wixpress"
     }
   },
-  "falconPackageHash": "6afb971c79c34a4abc50b763f10e58e5171d70af3289c68705c99084"
+  "falconPackageHash": "34493cac92b413acbdd1193e1c36102673b8d62631945bcdec1fb16a"
 }

package/unified/CompactMobileLayoutThumbM1.d.ts

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

package/unified/CompactMobileLayoutThumbM1.js

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

package/unified/GridMobileLayoutThumbM1.d.ts

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

package/unified/GridMobileLayoutThumbM1.js

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

package/unified/index.d.ts

@@ -74,6 +74,9 @@ export type { CartPageM1Props } from './CartPageM1';
 export { CollectContentT1 } from './CollectContentT1';
 export type { CollectContentT1Props } from './CollectContentT1';
 
+export { CompactMobileLayoutThumbM1 } from './CompactMobileLayoutThumbM1';
+export type { CompactMobileLayoutThumbM1Props } from './CompactMobileLayoutThumbM1';
+
 export { ConnectToGithubM1 } from './ConnectToGithubM1';
 export type { ConnectToGithubM1Props } from './ConnectToGithubM1';
 
@@ -167,6 +170,9 @@ export type { GalleryDisplayStripThumbM1Props } from './GalleryDisplayStripThumb
 export { GalleryDisplayThumbnailsThumbM1 } from './GalleryDisplayThumbnailsThumbM1';
 export type { GalleryDisplayThumbnailsThumbM1Props } from './GalleryDisplayThumbnailsThumbM1';
 
+export { GridMobileLayoutThumbM1 } from './GridMobileLayoutThumbM1';
+export type { GridMobileLayoutThumbM1Props } from './GridMobileLayoutThumbM1';
+
 export { GridThumbM1 } from './GridThumbM1';
 export type { GridThumbM1Props } from './GridThumbM1';
 

package/unified/index.js

@@ -23,6 +23,7 @@ export { CMSM1 } from "./CMSM1";
 export { CalendarThumbM1 } from "./CalendarThumbM1";
 export { CartPageM1 } from "./CartPageM1";
 export { CollectContentT1 } from "./CollectContentT1";
+export { CompactMobileLayoutThumbM1 } from "./CompactMobileLayoutThumbM1";
 export { ConnectToGithubM1 } from "./ConnectToGithubM1";
 export { CreateAICollectionM1 } from "./CreateAICollectionM1";
 export { CreateCollectionCodeS1 } from "./CreateCollectionCodeS1";
@@ -54,6 +55,7 @@ export { GalleryDisplayMixThumbM1 } from "./GalleryDisplayMixThumbM1";
 export { GalleryDisplaySliderThumbM1 } from "./GalleryDisplaySliderThumbM1";
 export { GalleryDisplayStripThumbM1 } from "./GalleryDisplayStripThumbM1";
 export { GalleryDisplayThumbnailsThumbM1 } from "./GalleryDisplayThumbnailsThumbM1";
+export { GridMobileLayoutThumbM1 } from "./GridMobileLayoutThumbM1";
 export { GridThumbM1 } from "./GridThumbM1";
 export { HeaderBelowInfoThumbM1 } from "./HeaderBelowInfoThumbM1";
 export { HeaderSideBySideThumbM1 } from "./HeaderSideBySideThumbM1";