@wix/design-system-illustrations 2.9.0 → 2.11.0

package/dist/cjs/ZoomSection.js

@@ -0,0 +1,62 @@
+"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 ZoomSection_exports = {};
+__export(ZoomSection_exports, {
+  ZoomSection: () => ZoomSection
+});
+module.exports = __toCommonJS(ZoomSection_exports);
+var import_react = __toESM(require("react"));
+const ZoomSection = (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("path", { fill: "url(#ZoomSection__a)", d: "m58.622 19.086-6 6-.708-.707 6-6z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.915 25.086a.5.5 0 0 1-.145-.399l.354-3.889.995.09-.3 3.293 3.293-.3.09.996-3.889.353-.11-.002a.5.5 0 0 1-.289-.142" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__b)", d: "m13.38 19.086 6 6 .707-.707-6-6z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M20.087 25.086a.5.5 0 0 0 .144-.399l-.353-3.889-.996.09.3 3.293-3.293-.3-.09.996 3.89.353.11-.002a.5.5 0 0 0 .288-.142" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__c)", d: "m13.378 52.914 6-6 .707.707-6 6z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M20.085 46.914a.5.5 0 0 1 .144.399l-.353 3.889-.996-.09.3-3.293-3.293.3-.09-.996 3.89-.353.11.002a.5.5 0 0 1 .288.142" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__d)", d: "m58.62 52.914-6-6-.707.707 6 6z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.913 46.914a.5.5 0 0 0-.144.399l.353 3.889.996-.09-.3-3.293 3.293.3.09-.996-3.89-.353-.11.002a.5.5 0 0 0-.288.142" }),
+  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ZoomSection__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ZoomSection__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__g)", d: "M20 5.664h51.001v39.618H20z" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#ZoomSection__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22.328", height: "10.891", x: "24.837", y: "30.551", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.663" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ZoomSection__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__j)", d: "M24.837 14.578h51.001v26.496H24.837z" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ZoomSection__k)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10.037", height: "4.708", x: "30.943", y: "33.645", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.109" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ZoomSection__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__m)", d: "M30.943 22.852h53.5v15.793h-53.5z" }))),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ZoomSection__a", x1: "58.268", x2: "52.268", y1: "18.733", y2: "24.733", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ZoomSection__b", x1: "13.733", x2: "19.733", y1: "18.733", y2: "24.733", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ZoomSection__c", x1: "13.731", x2: "19.731", y1: "53.267", y2: "47.267", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ZoomSection__d", x1: "58.267", x2: "52.267", y1: "53.267", y2: "47.267", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ZoomSection__g", x1: "63.768", x2: "32.765", y1: "9.22", y2: "60.15", 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("linearGradient", { id: "ZoomSection__j", x1: "68.605", x2: "52.301", y1: "16.956", y2: "57.002", 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("linearGradient", { id: "ZoomSection__m", x1: "76.856", x2: "70.745", y1: "24.269", y2: "50.682", 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: "ZoomSection__e" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "#fff", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ZoomSection__h" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22.328", height: "10.891", x: "24.837", y: "30.551", fill: "#fff", rx: "1.663" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ZoomSection__k" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10.037", height: "4.708", x: "30.943", y: "33.645", fill: "#fff", rx: "1.109" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ZoomSection__f", width: "62.089", height: "50.705", x: "14.456", 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_676_20918", stdDeviation: "2.772" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ZoomSection__i", width: "62.089", height: "37.583", x: "19.293", y: "9.034", 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_676_20918", stdDeviation: "2.772" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ZoomSection__l", width: "64.587", height: "26.88", x: "25.4", y: "17.308", 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_676_20918", stdDeviation: "2.772" })))
+);
+ZoomSection.displayName = "ZoomSection";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ZoomSection
+});