@wix/design-system-illustrations 2.27.0 → 2.28.0

package/dist/cjs/FadeAnimation.js

@@ -0,0 +1,53 @@
+"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 FadeAnimation_exports = {};
+__export(FadeAnimation_exports, {
+  FadeAnimation: () => FadeAnimation
+});
+module.exports = __toCommonJS(FadeAnimation_exports);
+var import_react = __toESM(require("react"));
+const FadeAnimation = (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("mask", { id: "FadeAnimation__b", width: "28", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeAnimation__a)", d: "M22 22h28v28H22z" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FadeAnimation__b)", clipPath: "url(#FadeAnimation__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 35.999)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FadeAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeAnimation__e)", d: "M3.473 17.614 36-14.913l32.527 32.527L36 50.141z" }))),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeAnimation__a", x1: "50", x2: "22", y1: "36", y2: "36", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".173", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".774", stopColor: "#fff" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeAnimation__e", x1: "34.306", x2: "41.987", y1: "-7.38", y2: "55.949", 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: "FadeAnimation__c" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 35.999)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FadeAnimation__d", width: "75.054", height: "75.055", x: "-1.527", y: "-19.913", 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_17877", stdDeviation: "2.5" })))
+);
+FadeAnimation.displayName = "FadeAnimation";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FadeAnimation
+});

package/dist/cjs/index.js

@@ -168,7 +168,7 @@ __export(index_exports, {
   FacebookPost: () => import_FacebookPost.FacebookPost,
   FacebookStory: () => import_FacebookStory.FacebookStory,
   Fade: () => import_Fade.Fade,
-  FadeAnimationFadeAnimation: () => import_FadeAnimationFadeAnimation.FadeAnimationFadeAnimation,
+  FadeAnimation: () => import_FadeAnimation.FadeAnimation,
   FadeBackSection: () => import_FadeBackSection.FadeBackSection,
   FadeClick: () => import_FadeClick.FadeClick,
   FadeHover: () => import_FadeHover.FadeHover,
@@ -627,7 +627,7 @@ var import_FacebookCover = require("./FacebookCover");
 var import_FacebookPost = require("./FacebookPost");
 var import_FacebookStory = require("./FacebookStory");
 var import_Fade = require("./Fade");
-var import_FadeAnimationFadeAnimation = require("./FadeAnimationFadeAnimation");
+var import_FadeAnimation = require("./FadeAnimation");
 var import_FadeBackSection = require("./FadeBackSection");
 var import_FadeClick = require("./FadeClick");
 var import_FadeHover = require("./FadeHover");
@@ -1086,7 +1086,7 @@ var import_ZoomSection = require("./ZoomSection");
   FacebookPost,
   FacebookStory,
   Fade,
-  FadeAnimationFadeAnimation,
+  FadeAnimation,
   FadeBackSection,
   FadeClick,
   FadeHover,

package/dist/esm/FadeAnimation.js

@@ -0,0 +1,19 @@
+import React from "react";
+const FadeAnimation = (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: "FadeAnimation__b", width: "28", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeAnimation__a)", d: "M22 22h28v28H22z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#FadeAnimation__b)", clipPath: "url(#FadeAnimation__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 35.999)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeAnimation__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeAnimation__e)", d: "M3.473 17.614 36-14.913l32.527 32.527L36 50.141z" }))),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeAnimation__a", x1: "50", x2: "22", y1: "36", y2: "36", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".173", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: ".774", stopColor: "#fff" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeAnimation__e", x1: "34.306", x2: "41.987", y1: "-7.38", y2: "55.949", 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: "FadeAnimation__c" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 35.999)" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeAnimation__d", width: "75.054", height: "75.055", x: "-1.527", y: "-19.913", 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_676_17877", stdDeviation: "2.5" })))
+);
+FadeAnimation.displayName = "FadeAnimation";
+export {
+  FadeAnimation
+};

package/dist/esm/index.js

@@ -148,7 +148,7 @@ import { FacebookCover } from "./FacebookCover";
 import { FacebookPost } from "./FacebookPost";
 import { FacebookStory } from "./FacebookStory";
 import { Fade } from "./Fade";
-import { FadeAnimationFadeAnimation } from "./FadeAnimationFadeAnimation";
+import { FadeAnimation } from "./FadeAnimation";
 import { FadeBackSection } from "./FadeBackSection";
 import { FadeClick } from "./FadeClick";
 import { FadeHover } from "./FadeHover";
@@ -606,7 +606,7 @@ export {
   FacebookPost,
   FacebookStory,
   Fade,
-  FadeAnimationFadeAnimation,
+  FadeAnimation,
   FadeBackSection,
   FadeClick,
   FadeHover,

package/dist/types/{FadeAnimationFadeAnimation.d.ts → FadeAnimation.d.ts}

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

package/dist/types/index.d.ts

@@ -148,7 +148,7 @@ export { FacebookCover } from './FacebookCover';
 export { FacebookPost } from './FacebookPost';
 export { FacebookStory } from './FacebookStory';
 export { Fade } from './Fade';
-export { FadeAnimationFadeAnimation } from './FadeAnimationFadeAnimation';
+export { FadeAnimation } from './FadeAnimation';
 export { FadeBackSection } from './FadeBackSection';
 export { FadeClick } from './FadeClick';
 export { FadeHover } from './FadeHover';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/design-system-illustrations",
-  "version": "2.27.0",
+  "version": "2.28.0",
   "license": "MIT",
   "description": "Wix Design System Illustrations",
   "scripts": {
@@ -10,7 +10,7 @@
   },
   "devDependencies": {
     "@typescript-eslint/parser": "^8.58.1",
-    "@wix/design-system-tokens": "1.218.0",
+    "@wix/design-system-tokens": "1.219.0",
     "dom-serializer": "^1.0.1",
     "domutils": "^2.8.0",
     "esbuild": "^0.25.0",
@@ -53,5 +53,5 @@
     "access": "public"
   },
   "packageManager": "yarn@4.0.2",
-  "falconPackageHash": "77d2b441463a1aa99c27a8a5d17a1b0b6d021edd7cfe27880859eb29"
+  "falconPackageHash": "b40a92314548d2015b45b6e7e353932fcbf01e583412c1b08c4c6b1e"
 }

package/dist/cjs/FadeAnimationFadeAnimation.js

@@ -1,53 +0,0 @@
-"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 FadeAnimationFadeAnimation_exports = {};
-__export(FadeAnimationFadeAnimation_exports, {
-  FadeAnimationFadeAnimation: () => FadeAnimationFadeAnimation
-});
-module.exports = __toCommonJS(FadeAnimationFadeAnimation_exports);
-var import_react = __toESM(require("react"));
-const FadeAnimationFadeAnimation = (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("mask", { id: "FadeAnimationFadeAnimation__b", width: "28", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeAnimationFadeAnimation__a)", d: "M22 22h28v28H22z" })),
-  /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FadeAnimationFadeAnimation__b)", clipPath: "url(#FadeAnimationFadeAnimation__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 35.999)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FadeAnimationFadeAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeAnimationFadeAnimation__e)", d: "M3.473 17.614 36-14.913l32.527 32.527L36 50.141z" }))),
-  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeAnimationFadeAnimation__a", x1: "50", x2: "22", y1: "36", y2: "36", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".173", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".774", stopColor: "#fff" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeAnimationFadeAnimation__e", x1: "34.306", x2: "41.987", y1: "-7.38", y2: "55.949", 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: "FadeAnimationFadeAnimation__c" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 35.999)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FadeAnimationFadeAnimation__d", width: "75.054", height: "75.055", x: "-1.527", y: "-19.913", 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_17877", stdDeviation: "2.5" })))
-);
-FadeAnimationFadeAnimation.displayName = "FadeAnimationFadeAnimation";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FadeAnimationFadeAnimation
-});

package/dist/esm/FadeAnimationFadeAnimation.js

@@ -1,19 +0,0 @@
-import React from "react";
-const FadeAnimationFadeAnimation = (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: "FadeAnimationFadeAnimation__b", width: "28", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeAnimationFadeAnimation__a)", d: "M22 22h28v28H22z" })),
-  /* @__PURE__ */ React.createElement("g", { mask: "url(#FadeAnimationFadeAnimation__b)", clipPath: "url(#FadeAnimationFadeAnimation__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 35.999)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeAnimationFadeAnimation__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeAnimationFadeAnimation__e)", d: "M3.473 17.614 36-14.913l32.527 32.527L36 50.141z" }))),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeAnimationFadeAnimation__a", x1: "50", x2: "22", y1: "36", y2: "36", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".173", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: ".774", stopColor: "#fff" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeAnimationFadeAnimation__e", x1: "34.306", x2: "41.987", y1: "-7.38", y2: "55.949", 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: "FadeAnimationFadeAnimation__c" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 35.999)" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeAnimationFadeAnimation__d", width: "75.054", height: "75.055", x: "-1.527", y: "-19.913", 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_676_17877", stdDeviation: "2.5" })))
-);
-FadeAnimationFadeAnimation.displayName = "FadeAnimationFadeAnimation";
-export {
-  FadeAnimationFadeAnimation
-};