@wix/design-system-illustrations 2.17.0 → 2.19.0

package/dist/cjs/ThumbnailPlacementBottom.js

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ThumbnailPlacementBottom_exports = {};
+__export(ThumbnailPlacementBottom_exports, {
+  ThumbnailPlacementBottom: () => ThumbnailPlacementBottom
+});
+module.exports = __toCommonJS(ThumbnailPlacementBottom_exports);
+var import_react = __toESM(require("react"));
+const ThumbnailPlacementBottom = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ThumbnailPlacementBottom__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ThumbnailPlacementBottom__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ThumbnailPlacementBottom__c)", d: "M14 0h58v58H14z" }))),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M45 59h-2V42h2zM29 59h-2V42h2z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M13 44.008v-2h46v2z" }),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ThumbnailPlacementBottom__c", x1: "63.774", x2: "14.16", y1: "5.206", y2: "68.516", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ThumbnailPlacementBottom__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ThumbnailPlacementBottom__b", width: "82", height: "82", x: "2", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_9828", stdDeviation: "6" })))
+);
+ThumbnailPlacementBottom.displayName = "ThumbnailPlacementBottom";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThumbnailPlacementBottom
+});

package/dist/cjs/ThumbnailPlacementLeft.js

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ThumbnailPlacementLeft_exports = {};
+__export(ThumbnailPlacementLeft_exports, {
+  ThumbnailPlacementLeft: () => ThumbnailPlacementLeft
+});
+module.exports = __toCommonJS(ThumbnailPlacementLeft_exports);
+var import_react = __toESM(require("react"));
+const ThumbnailPlacementLeft = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ThumbnailPlacementLeft__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ThumbnailPlacementLeft__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ThumbnailPlacementLeft__c)", d: "M14 0h58v58H14z" }))),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M13 45v-2h17v2zM13 29v-2h17v2z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M28 13h2v46h-2z" }),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ThumbnailPlacementLeft__c", x1: "63.774", x2: "14.16", y1: "5.206", y2: "68.516", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ThumbnailPlacementLeft__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ThumbnailPlacementLeft__b", width: "82", height: "82", x: "2", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_9842", stdDeviation: "6" })))
+);
+ThumbnailPlacementLeft.displayName = "ThumbnailPlacementLeft";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThumbnailPlacementLeft
+});

package/dist/cjs/ThumbnailPlacementRight.js

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ThumbnailPlacementRight_exports = {};
+__export(ThumbnailPlacementRight_exports, {
+  ThumbnailPlacementRight: () => ThumbnailPlacementRight
+});
+module.exports = __toCommonJS(ThumbnailPlacementRight_exports);
+var import_react = __toESM(require("react"));
+const ThumbnailPlacementRight = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ThumbnailPlacementRight__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "44", x: "14.023", y: "58.023", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(-90 14.023 58.023)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ThumbnailPlacementRight__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ThumbnailPlacementRight__c)", d: "M13.963.023h58v58h-58z", transform: "rotate(-.06 13.963 .023)" }))),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "m59.002 27.018-.002 2L42 29l.002-2zM59.002 43.018l-.002 2L42 45l.002-2z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "m44 59-2-.002.047-46 2 .002z" }),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ThumbnailPlacementRight__c", x1: "63.737", x2: "14.123", y1: "5.229", y2: "68.539", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ThumbnailPlacementRight__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "44", x: "14.023", y: "58.023", fill: "#fff", rx: "3", transform: "rotate(-90 14.023 58.023)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ThumbnailPlacementRight__b", width: "82.06", height: "82.063", x: "1.963", y: "-12.039", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_9870", stdDeviation: "6" })))
+);
+ThumbnailPlacementRight.displayName = "ThumbnailPlacementRight";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThumbnailPlacementRight
+});

package/dist/cjs/ThumbnailPlacementTop.js

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ThumbnailPlacementTop_exports = {};
+__export(ThumbnailPlacementTop_exports, {
+  ThumbnailPlacementTop: () => ThumbnailPlacementTop
+});
+module.exports = __toCommonJS(ThumbnailPlacementTop_exports);
+var import_react = __toESM(require("react"));
+const ThumbnailPlacementTop = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: 72,
+    height: 72,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ThumbnailPlacementTop__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "44", x: "58", y: "58", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(-180 58 58)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ThumbnailPlacementTop__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ThumbnailPlacementTop__c)", d: "M14 0h58v58H14z" }))),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M27 14h2v17h-2zM43 14h2v17h-2z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M59 28.992v2H13v-2z" }),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ThumbnailPlacementTop__c", x1: "63.774", x2: "14.16", y1: "5.206", y2: "68.516", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ThumbnailPlacementTop__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "44", x: "58", y: "58", fill: "#fff", rx: "3", transform: "rotate(-180 58 58)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ThumbnailPlacementTop__b", width: "82", height: "82", x: "2", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_9856", stdDeviation: "6" })))
+);
+ThumbnailPlacementTop.displayName = "ThumbnailPlacementTop";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThumbnailPlacementTop
+});