@wix/design-system-illustrations 2.10.0 → 2.12.0

package/dist/esm/Aspect9_16.js

@@ -1,18 +0,0 @@
-import React from "react";
-const Aspect9_16 = (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(#Aspect9_16__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M24 17.717c0-1.5 1.216-2.717 2.717-2.717h18.566c1.5 0 2.717 1.216 2.717 2.717v37.566c0 1.5-1.216 2.717-2.717 2.717H26.717A2.717 2.717 0 0 1 24 55.283z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect9_16__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect9_16__c)", d: "M24-3h53v61H24z" }))),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Aspect9_16__c", x1: "69.483", x2: "16.03", y1: "2.475", y2: "61.739", 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: "Aspect9_16__a" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "43", x: "24", y: "15", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "Aspect9_16__b", width: "63", height: "71", x: "19", y: "-8", 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_102_1728", stdDeviation: "2.5" })))
-);
-Aspect9_16.displayName = "Aspect9_16";
-export {
-  Aspect9_16
-};

package/dist/esm/ShuttersAnimation.js

@@ -1,21 +0,0 @@
-import React from "react";
-const ShuttersAnimation = (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("mask", { id: "ShuttersAnimation__a", width: "30", height: "27", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M26.714 50h-5V23h5zm7.427 0h-3.714V23h3.714zm7.43 0h-3.714V23h3.714zm8.714 0h-5V23h5z" })),
-  /* @__PURE__ */ React.createElement("g", { mask: "url(#ShuttersAnimation__a)", clipPath: "url(#ShuttersAnimation__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36.998", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 36.998)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShuttersAnimation__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShuttersAnimation__d)", d: "M3.472 18.613 36-13.914l32.527 32.527L36 51.14z" }))),
-  /* @__PURE__ */ React.createElement("mask", { id: "ShuttersAnimation__e", width: "20", height: "31", x: "26", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M30.428 51h-3.713V23h3.713zM38 51h-4V20h4zm7.286 0h-3.714V23h3.714z", opacity: ".5" })),
-  /* @__PURE__ */ React.createElement("g", { mask: "url(#ShuttersAnimation__e)", clipPath: "url(#ShuttersAnimation__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "34.998", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 34.998)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShuttersAnimation__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShuttersAnimation__h)", d: "M3.472 16.613 36-15.914l32.527 32.527L36 49.14z" }))),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShuttersAnimation__d", x1: "34.306", x2: "41.986", y1: "-6.381", y2: "56.947", 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("linearGradient", { id: "ShuttersAnimation__h", x1: "34.306", x2: "41.986", y1: "-8.381", y2: "54.947", 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: "ShuttersAnimation__b" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36.998", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 36.998)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShuttersAnimation__f" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "34.998", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 34.998)" })), /* @__PURE__ */ React.createElement("filter", { id: "ShuttersAnimation__c", width: "75.054", height: "75.055", x: "-1.528", y: "-18.914", 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_102_1652", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShuttersAnimation__g", width: "75.054", height: "75.055", x: "-1.528", y: "-20.914", 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_102_1652", stdDeviation: "2.5" })))
-);
-ShuttersAnimation.displayName = "ShuttersAnimation";
-export {
-  ShuttersAnimation
-};

package/dist/types/Aspect4_3.d.ts

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

package/dist/types/Aspect4_5.d.ts

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

package/dist/types/Aspect5_4.d.ts

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

package/dist/types/Aspect9_16.d.ts

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

package/dist/types/ShuttersAnimation.d.ts

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

package/src/Aspect2_3.svg

@@ -1,23 +0,0 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_102_1902)">
-<path d="M24 20.717C24 19.2164 25.2164 18 26.717 18H45.283C46.7836 18 48 19.2164 48 20.717V51.283C48 52.7836 46.7836 54 45.283 54H26.717C25.2164 54 24 52.7836 24 51.283L24 20.717Z" fill="#002291"/>
-<g filter="url(#filter0_f_102_1902)">
-<path d="M24 -3H77V54H24V-3Z" fill="url(#paint0_linear_102_1902)"/>
-</g>
-</g>
-<defs>
-<filter id="filter0_f_102_1902" x="19" y="-8" width="63" height="67" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_102_1902"/>
-</filter>
-<linearGradient id="paint0_linear_102_1902" x1="69.4833" y1="2.1163" x2="19.9944" y2="60.8348" gradientUnits="userSpaceOnUse">
-<stop offset="0.176006" stop-color="#EAEFF1"/>
-<stop offset="0.576923" stop-color="#B8C4FF"/>
-<stop offset="0.85" stop-color="#002291"/>
-</linearGradient>
-<clipPath id="clip0_102_1902">
-<rect x="24" y="18" width="24" height="36" rx="3" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/src/ShuttersAnimation.svg

@@ -1,52 +0,0 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_102_1652" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="21" y="23" width="30" height="27">
-<path d="M26.7135 50H21.7135V23H26.7135V50ZM34.1412 50H30.4274V23H34.1412V50ZM41.5709 50H37.8571V23H41.5709V50ZM50.2848 50H45.2848V23H50.2848V50Z" fill="#D9D9D9"/>
-</mask>
-<g mask="url(#mask0_102_1652)">
-<g clip-path="url(#clip0_102_1652)">
-<rect x="21.8571" y="36.998" width="20" height="20" rx="2" transform="rotate(-45 21.8571 36.998)" fill="#002291"/>
-<g filter="url(#filter0_f_102_1652)">
-<path d="M3.47229 18.6133L35.9992 -13.9136L68.5261 18.6133L35.9992 51.1402L3.47229 18.6133Z" fill="url(#paint0_linear_102_1652)"/>
-</g>
-</g>
-</g>
-<mask id="mask1_102_1652" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="26" y="20" width="20" height="31">
-<path opacity="0.5" d="M30.4283 51H26.7145V23H30.4283V51ZM37.9996 51H33.9996V20H37.9996V51ZM45.2858 51H41.5719V23H45.2858V51Z" fill="#D9D9D9"/>
-</mask>
-<g mask="url(#mask1_102_1652)">
-<g clip-path="url(#clip1_102_1652)">
-<rect x="21.8571" y="34.998" width="20" height="20" rx="2" transform="rotate(-45 21.8571 34.998)" fill="#002291"/>
-<g filter="url(#filter1_f_102_1652)">
-<path d="M3.47229 16.6133L35.9992 -15.9136L68.5261 16.6133L35.9992 49.1402L3.47229 16.6133Z" fill="url(#paint1_linear_102_1652)"/>
-</g>
-</g>
-</g>
-<defs>
-<filter id="filter0_f_102_1652" x="-1.52771" y="-18.9141" width="75.0538" height="75.0547" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_102_1652"/>
-</filter>
-<filter id="filter1_f_102_1652" x="-1.52771" y="-20.9141" width="75.0538" height="75.0547" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_102_1652"/>
-</filter>
-<linearGradient id="paint0_linear_102_1652" x1="34.3057" y1="-6.38089" x2="41.9863" y2="56.9475" gradientUnits="userSpaceOnUse">
-<stop offset="0.176006" stop-color="#EAEFF1"/>
-<stop offset="0.576923" stop-color="#B8C4FF"/>
-<stop offset="0.85" stop-color="#002291"/>
-</linearGradient>
-<linearGradient id="paint1_linear_102_1652" x1="34.3057" y1="-8.38089" x2="41.9863" y2="54.9475" gradientUnits="userSpaceOnUse">
-<stop offset="0.176006" stop-color="#EAEFF1"/>
-<stop offset="0.576923" stop-color="#B8C4FF"/>
-<stop offset="0.85" stop-color="#002291"/>
-</linearGradient>
-<clipPath id="clip0_102_1652">
-<rect x="21.8571" y="36.998" width="20" height="20" rx="2" transform="rotate(-45 21.8571 36.998)" fill="white"/>
-</clipPath>
-<clipPath id="clip1_102_1652">
-<rect x="21.8571" y="34.998" width="20" height="20" rx="2" transform="rotate(-45 21.8571 34.998)" fill="white"/>
-</clipPath>
-</defs>
-</svg>