@wix/design-system-illustrations 2.36.2 → 2.37.0

package/dist/esm/SlantScroll.js

@@ -0,0 +1,26 @@
+import React from "react";
+const SlantScroll = (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", { mask: "url(#SlantScroll__a)", opacity: ".7" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M37.873 6.68 62.95 21.157v28.955L37.873 64.59 12.797 50.112V21.158z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#SlantScroll__b)", opacity: ".7" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "m42.699-2.312 25.076 14.477V41.12L42.699 55.598 17.623 41.12V12.165z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#SlantScroll__c)", opacity: ".7" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M53.017-16.758 82.404.21v33.933L53.017 51.108 23.63 34.142V.209z" })),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "SlantScroll__d", width: "24", height: "26", x: "16", y: "30", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M27.101 30.671a2 2 0 0 1 2 0l9.258 5.345a2 2 0 0 1 1 1.733v10.69a2 2 0 0 1-1 1.732l-9.258 5.345a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.733z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlantScroll__e)", mask: "url(#SlantScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlantScroll__f)", d: "M37.864 6.648 62.94 21.126v28.955L37.864 64.56 12.788 50.08V21.126z" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "SlantScroll__g", width: "24", height: "26", x: "21", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M31.927 21.718a2 2 0 0 1 2 0l9.258 5.345a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733l-9.258 5.345a2 2 0 0 1-2 0l-9.259-5.345a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.733z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlantScroll__h)", mask: "url(#SlantScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlantScroll__i)", d: "m42.69-2.305 25.075 14.478v28.955L42.69 55.606 17.614 41.128V12.173z" }))),
+  /* @__PURE__ */ React.createElement("mask", { id: "SlantScroll__j", width: "24", height: "26", x: "26", y: "12", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36.753 12.765a2 2 0 0 1 2 0l9.259 5.345a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733l-9.259 5.345a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.733z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#SlantScroll__k)", mask: "url(#SlantScroll__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlantScroll__l)", d: "M53.013-16.75 82.4.216V34.15L53.013 51.116 23.627 34.15V.216z" })),
+  /* @__PURE__ */ React.createElement("path", { fill: "url(#SlantScroll__m)", d: "M42.31 55.836 55.78 34.775l.842.538-13.468 21.062z" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M56.47 34.616a.5.5 0 0 1 .226.358l.49 3.875-.992.126-.415-3.28-3.15 1-.302-.954 3.722-1.18.108-.022a.5.5 0 0 1 .312.077" }),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SlantScroll__f", x1: "58.606", x2: "19.053", y1: "11.847", y2: "63.486", 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: "SlantScroll__i", x1: "63.431", x2: "23.878", y1: "2.893", y2: "54.533", 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: "SlantScroll__l", x1: "77.321", x2: "30.968", y1: "-10.658", y2: "49.859", 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: "SlantScroll__m", x1: "42.731", x2: "56.2", y1: "56.106", y2: "35.044", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("filter", { id: "SlantScroll__e", width: "60.152", height: "67.914", x: "7.788", y: "1.648", 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_1879_6548", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SlantScroll__h", width: "60.152", height: "67.914", x: "12.614", y: "-7.305", 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_1879_6548", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SlantScroll__k", width: "68.774", height: "77.867", x: "18.627", y: "-21.75", 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_1879_6548", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("mask", { id: "SlantScroll__a", width: "24", height: "26", x: "16", y: "30", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M27.11 30.702a2 2 0 0 1 2 0l9.259 5.346a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.732l-9.259 5.346a2 2 0 0 1-2 0l-9.258-5.346a2 2 0 0 1-1-1.732V37.78a2 2 0 0 1 1-1.732z" })), /* @__PURE__ */ React.createElement("mask", { id: "SlantScroll__b", width: "24", height: "26", x: "21", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M31.936 21.71a2 2 0 0 1 2 0l9.258 5.345a2 2 0 0 1 1 1.733v10.69a2 2 0 0 1-1 1.732l-9.258 5.346a2 2 0 0 1-2 0l-9.258-5.346a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.733z" })), /* @__PURE__ */ React.createElement("mask", { id: "SlantScroll__c", width: "24", height: "26", x: "26", y: "12", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M36.757 12.757a2 2 0 0 1 2 0l9.258 5.345a2 2 0 0 1 1 1.732v10.691a2 2 0 0 1-1 1.732l-9.258 5.345a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.733z" })))
+);
+SlantScroll.displayName = "SlantScroll";
+export {
+  SlantScroll
+};

package/dist/esm/StoreAsDots.js

@@ -9,8 +9,8 @@ const StoreAsDots = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreAsDots__a)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#StoreAsDots__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreAsDots__c)", d: "M14-.001h58v58H14z", transform: "rotate(-.06 14 -.001)" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M31 50.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0M39 50.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0M47 50.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" })),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreAsDots__c", x1: "63.774", x2: "14.16", y1: "5.205", y2: "68.515", 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: "StoreAsDots__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14.023", y: "58.023", fill: "#fff", rx: "3", transform: "rotate(-90 14.023 58.023)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreAsDots__b", width: "82.06", height: "82.06", x: "2", y: "-12.06", 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_1164_8433", stdDeviation: "6" })))
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreAsDots__a)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#StoreAsDots__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreAsDots__c)", d: "M14 0h58v58H14z", transform: "rotate(-.06 14 0)" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M31 50.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0M39 50.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0M47 50.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreAsDots__c", x1: "63.774", x2: "14.16", y1: "5.206", y2: "68.516", 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: "StoreAsDots__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14.023", y: "58.023", fill: "#fff", rx: "3", transform: "rotate(-90 14.023 58.023)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreAsDots__b", width: "82.06", height: "82.061", x: "2", y: "-12.06", 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_1164_8433", stdDeviation: "6" })))
 );
 StoreAsDots.displayName = "StoreAsDots";
 export {

package/dist/esm/StoreDropdown.js

@@ -12,7 +12,7 @@ const StoreDropdown = (props) => /* @__PURE__ */ React.createElement(
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreDropdown__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "44", x: "14", y: "43", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(-90 14 43)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreDropdown__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreDropdown__c)", d: "M13.998.152h58v42.825h-58z", transform: "rotate(-.06 13.998 .152)" }))),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M26 28v1H14v-1z" }),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M52.5 39.5a.5.5 0 0 1-.384-.18l-2.5-3 .768-.64 2.116 2.54 2.116-2.54.768.64-2.5 3-.08.077a.5.5 0 0 1-.304.103" }),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreDropdown__c", x1: "63.772", x2: "19.979", y1: "3.996", y2: "55.026", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreDropdown__a" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "44", x: "14", y: "43", fill: "#fff", rx: "3", transform: "rotate(-90 14 43)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreDropdown__b", width: "70.044", height: "54.884", x: "7.998", y: "-5.907", 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_1574_16821", stdDeviation: "3" })))
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreDropdown__c", x1: "63.772", x2: "19.979", y1: "3.996", y2: "55.026", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreDropdown__a" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "44", x: "14", y: "43", fill: "#fff", rx: "3", transform: "rotate(-90 14 43)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreDropdown__b", width: "70.044", height: "54.885", x: "7.998", y: "-5.908", 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_1574_16821", stdDeviation: "3" })))
 );
 StoreDropdown.displayName = "StoreDropdown";
 export {

package/dist/esm/StoreRight.js

@@ -9,9 +9,9 @@ const StoreRight = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreRight__a)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#StoreRight__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreRight__c)", d: "M13.963.022h58v58h-58z", transform: "rotate(-.06 13.963 .022)" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreRight__a)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#StoreRight__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreRight__c)", d: "M13.963.023h58v58h-58z", transform: "rotate(-.06 13.963 .023)" }))),
   /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-background, #f8f6f6)", d: "m42.001 28 17 .018M42.001 44l17 .018M43.047 13.001l-.047 46", strokeWidth: "2" }),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreRight__c", x1: "63.737", x2: "14.123", y1: "5.229", y2: "68.538", 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: "StoreRight__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14.023", y: "58.023", fill: "#fff", rx: "3", transform: "rotate(-90 14.023 58.023)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreRight__b", width: "82.06", height: "82.06", x: "1.963", y: "-12.037", 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_1164_8418", stdDeviation: "6" })))
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreRight__c", x1: "63.737", x2: "14.123", y1: "5.229", y2: "68.539", 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: "StoreRight__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14.023", y: "58.023", fill: "#fff", rx: "3", transform: "rotate(-90 14.023 58.023)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreRight__b", width: "82.06", height: "82.06", x: "1.963", y: "-12.036", 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_1164_8418", stdDeviation: "6" })))
 );
 StoreRight.displayName = "StoreRight";
 export {

package/dist/esm/TiltScroll.js

@@ -9,7 +9,7 @@ const TiltScroll = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M40.69 24.224a2 2 0 0 1 1.86.736l8.422 10.617a2 2 0 0 1 .293 1.979L46.28 50.158a2 2 0 0 1-1.567 1.242l-13.406 1.985a2 2 0 0 1-1.86-.736L21.026 42.03a2 2 0 0 1-.293-1.978l4.985-12.602a2 2 0 0 1 1.567-1.243z", opacity: ".25" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M40.691 24.224a2 2 0 0 1 1.86.736l8.42 10.617a2 2 0 0 1 .294 1.979L46.28 50.158a2 2 0 0 1-1.567 1.242l-13.406 1.985a2 2 0 0 1-1.86-.736l-8.42-10.618a2 2 0 0 1-.294-1.978l4.985-12.602a2 2 0 0 1 1.567-1.243z", opacity: ".25" }),
   /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltScroll__a)", d: "M22.725 19.724c-2.596 2.121-4.134 4.71-5.022 6.76a19 19 0 0 0-.901 2.562 14 14 0 0 0-.225.966l-.01.056q-.002.01-.003.015v.007h-.001l.988.16v-.002l.01-.056q.01-.061.036-.182c.034-.163.088-.402.17-.703.162-.602.431-1.45.854-2.425.846-1.951 2.3-4.392 4.737-6.384 2.433-1.99 4.913-2.77 6.782-3.052a12.5 12.5 0 0 1 2.261-.141 9 9 0 0 1 .786.06l.037.005h.008l.083-.492.082-.493h-.002l-.005-.001-.015-.003-.052-.007-.19-.023a10 10 0 0 0-.7-.046c-.595-.02-1.438 0-2.442.153-2.01.304-4.667 1.141-7.266 3.266" }),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M33.815 16.866a.5.5 0 0 0-.201-.39l-3.306-2.464-.598.802 2.794 2.081-2.602 2.127.633.773 3.097-2.531.08-.082a.5.5 0 0 0 .103-.316" }),
   /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "TiltScroll__b", width: "32", height: "30", x: "20", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.69 24.261a2 2 0 0 1 1.86.736l8.421 10.618a2 2 0 0 1 .293 1.978L46.28 50.195a2 2 0 0 1-1.567 1.243l-13.406 1.984a2 2 0 0 1-1.86-.736l-8.42-10.618a2 2 0 0 1-.293-1.978l4.985-12.602a2 2 0 0 1 1.567-1.243z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltScroll__c)", mask: "url(#TiltScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltScroll__d)", d: "m67.343-8.1 25.162 31.726L77.611 61.28l-40.056 5.928-25.162-31.726L27.287-2.172z" }))),

package/dist/esm/Trash.js

@@ -0,0 +1,21 @@
+import React from "react";
+const Trash = (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: "Trash__a", width: "20", height: "21", x: "26", y: "28", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M26.205 29.992A1.807 1.807 0 0 1 28.003 28h15.994c1.072 0 1.908.927 1.798 1.992l-1.79 17.386A1.807 1.807 0 0 1 42.207 49H29.793c-.927 0-1.703-.7-1.798-1.622z" })),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#Trash__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Trash__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M25.474 22.375h21.052v28.66H25.474z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Trash__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Trash__d)", d: "M0 0h48.893v48.054H0z", transform: "matrix(0 -1 -1 0 58.37 69.96)" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M31.883 45.133a.3.3 0 0 1-.308.294.3.3 0 0 1-.31-.294V31.865c0-.163.139-.295.31-.295s.308.132.308.295zM36.309 45.133a.3.3 0 0 1-.31.294.3.3 0 0 1-.308-.294V31.865c0-.163.138-.295.309-.295s.309.132.309.295zM40.734 45.133a.3.3 0 0 1-.309.294.3.3 0 0 1-.308-.294V31.865c0-.163.138-.295.308-.295s.31.132.31.295z" })),
+  /* @__PURE__ */ React.createElement("mask", { id: "Trash__e", width: "20", height: "3", x: "26", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M37.375 24c.596 0 1.079.483 1.079 1.078q0 .024-.003.047h5.68a.903.903 0 1 1 0 1.807H27.869a.904.904 0 0 1 0-1.807h5.68l-.002-.047c0-.595.483-1.078 1.079-1.078z" })),
+  /* @__PURE__ */ React.createElement("g", { filter: "url(#Trash__f)", mask: "url(#Trash__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Trash__g)", d: "M0 0h37.718v36.518H0z", transform: "matrix(0 -1 -1 0 51.954 56.727)" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "Trash__b", width: "27.076", height: "34.68", x: "22.462", y: "19.363", 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_1941_6771", stdDeviation: "1.506" })), /* @__PURE__ */ React.createElement("filter", { id: "Trash__c", width: "67.022", height: "67.858", x: ".833", y: "11.586", 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_1941_6771", stdDeviation: "4.742" })), /* @__PURE__ */ React.createElement("filter", { id: "Trash__f", width: "51.828", height: "53.028", x: "7.781", y: "11.353", 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_1941_6771", stdDeviation: "3.827" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Trash__d", x1: "86.205", x2: "-3.171", y1: "5.499", y2: "48.351", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Trash__g", x1: "66.503", x2: "-2.055", y1: "4.179", y2: "37.548", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })))
+);
+Trash.displayName = "Trash";
+export {
+  Trash
+};

package/dist/esm/TwistHover.js

@@ -9,7 +9,7 @@ const TwistHover = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ React.createElement("rect", { width: "25.526", height: "25.526", x: "29.936", y: "19", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(25.367 29.936 19)" }),
+  /* @__PURE__ */ React.createElement("rect", { width: "25.526", height: "25.526", x: "29.935", y: "19", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(25.367 29.935 19)" }),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TwistHover__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "25.526", height: "25.526", x: "29.935", y: "19", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(25.367 29.935 19)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistHover__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistHover__c)", d: "m38.504.93 41.564 19.707-19.707 41.565-41.564-19.708z" }))),
   /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#TwistHover__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "18.233", height: "18.233", x: "29.26", y: "25.008", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5", transform: "rotate(13.48 29.26 25.008)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistHover__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistHover__f)", d: "M35.786-2.223 80.52 8.5 69.797 53.233 25.064 42.51z" }))),
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TwistHover__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "10.94", height: "10.94", x: "30.53", y: "30.531", fill: "var(--wds-illustration-color-1, #002291)", rx: "1" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistHover__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistHover__i)", d: "M31.532-4.652h46v46h-46z" }))),

package/dist/esm/index.js

@@ -98,7 +98,9 @@ import { BreathAnimation } from "./BreathAnimation";
 import { BreathLoop } from "./BreathLoop";
 import { BrushDivider } from "./BrushDivider";
 import { ButtonStyleFilled } from "./ButtonStyleFilled";
+import { ButtonStyleFilledSharp } from "./ButtonStyleFilledSharp";
 import { ButtonStyleOutlined } from "./ButtonStyleOutlined";
+import { ButtonStyleOutlinedSharp } from "./ButtonStyleOutlinedSharp";
 import { ButtonStylePillFilled } from "./ButtonStylePillFilled";
 import { ButtonStylePillOutlined } from "./ButtonStylePillOutlined";
 import { ChooseTheLayoutGrid } from "./ChooseTheLayoutGrid";
@@ -167,6 +169,11 @@ import { FileShareLabel } from "./FileShareLabel";
 import { FileShareLine } from "./FileShareLine";
 import { FillParallaxScroll } from "./FillParallaxScroll";
 import { FillReveal } from "./FillReveal";
+import { FitToScreen2Rows } from "./FitToScreen2Rows";
+import { FitToScreen3Rows } from "./FitToScreen3Rows";
+import { FitToScreenBottom } from "./FitToScreenBottom";
+import { FitToScreenCenter } from "./FitToScreenCenter";
+import { FitToScreenTop } from "./FitToScreenTop";
 import { FlapLoop } from "./FlapLoop";
 import { FlashAnimation } from "./FlashAnimation";
 import { FlashLoop } from "./FlashLoop";
@@ -179,6 +186,9 @@ import { FloatingCardsAnimation } from "./FloatingCardsAnimation";
 import { FluidImage } from "./FluidImage";
 import { Fold } from "./Fold";
 import { FoldAnimation } from "./FoldAnimation";
+import { Folder } from "./Folder";
+import { FolderDisabled } from "./FolderDisabled";
+import { FolderOutline } from "./FolderOutline";
 import { Form } from "./Form";
 import { FormLayoutAboveIdentity } from "./FormLayoutAboveIdentity";
 import { FormLayoutBelowIdentity } from "./FormLayoutBelowIdentity";
@@ -395,6 +405,7 @@ import { Skew3DMouse } from "./Skew3DMouse";
 import { SkewClick } from "./SkewClick";
 import { SkewHover } from "./SkewHover";
 import { SkewSection } from "./SkewSection";
+import { SlantScroll } from "./SlantScroll";
 import { Slide } from "./Slide";
 import { SlideAnimation } from "./SlideAnimation";
 import { SlideScroll } from "./SlideScroll";
@@ -491,6 +502,7 @@ import { TiltEntrance } from "./TiltEntrance";
 import { TiltScroll } from "./TiltScroll";
 import { Track3DMouse } from "./Track3DMouse";
 import { TrackMouse } from "./TrackMouse";
+import { Trash } from "./Trash";
 import { TriangleDivider } from "./TriangleDivider";
 import { TriangularImage } from "./TriangularImage";
 import { TurnEntrance } from "./TurnEntrance";
@@ -626,7 +638,9 @@ export {
   BreathLoop,
   BrushDivider,
   ButtonStyleFilled,
+  ButtonStyleFilledSharp,
   ButtonStyleOutlined,
+  ButtonStyleOutlinedSharp,
   ButtonStylePillFilled,
   ButtonStylePillOutlined,
   ChooseTheLayoutGrid,
@@ -695,6 +709,11 @@ export {
   FileShareLine,
   FillParallaxScroll,
   FillReveal,
+  FitToScreen2Rows,
+  FitToScreen3Rows,
+  FitToScreenBottom,
+  FitToScreenCenter,
+  FitToScreenTop,
   FlapLoop,
   FlashAnimation,
   FlashLoop,
@@ -707,6 +726,9 @@ export {
   FluidImage,
   Fold,
   FoldAnimation,
+  Folder,
+  FolderDisabled,
+  FolderOutline,
   Form,
   FormLayoutAboveIdentity,
   FormLayoutBelowIdentity,
@@ -923,6 +945,7 @@ export {
   SkewClick,
   SkewHover,
   SkewSection,
+  SlantScroll,
   Slide,
   SlideAnimation,
   SlideScroll,
@@ -1019,6 +1042,7 @@ export {
   TiltScroll,
   Track3DMouse,
   TrackMouse,
+  Trash,
   TriangleDivider,
   TriangularImage,
   TurnEntrance,

package/dist/types/ButtonStyleFilledSharp.d.ts

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

package/dist/types/ButtonStyleOutlinedSharp.d.ts

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

package/dist/types/FitToScreen2Rows.d.ts

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

package/dist/types/FitToScreen3Rows.d.ts

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

package/dist/types/FitToScreenBottom.d.ts

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

package/dist/types/FitToScreenCenter.d.ts

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

package/dist/types/FitToScreenTop.d.ts

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

package/dist/types/Folder.d.ts

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

package/dist/types/FolderDisabled.d.ts

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

package/dist/types/FolderOutline.d.ts

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

package/dist/types/SlantScroll.d.ts

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

package/dist/types/Trash.d.ts

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

package/dist/types/index.d.ts

@@ -98,7 +98,9 @@ export { BreathAnimation } from './BreathAnimation';
 export { BreathLoop } from './BreathLoop';
 export { BrushDivider } from './BrushDivider';
 export { ButtonStyleFilled } from './ButtonStyleFilled';
+export { ButtonStyleFilledSharp } from './ButtonStyleFilledSharp';
 export { ButtonStyleOutlined } from './ButtonStyleOutlined';
+export { ButtonStyleOutlinedSharp } from './ButtonStyleOutlinedSharp';
 export { ButtonStylePillFilled } from './ButtonStylePillFilled';
 export { ButtonStylePillOutlined } from './ButtonStylePillOutlined';
 export { ChooseTheLayoutGrid } from './ChooseTheLayoutGrid';
@@ -167,6 +169,11 @@ export { FileShareLabel } from './FileShareLabel';
 export { FileShareLine } from './FileShareLine';
 export { FillParallaxScroll } from './FillParallaxScroll';
 export { FillReveal } from './FillReveal';
+export { FitToScreen2Rows } from './FitToScreen2Rows';
+export { FitToScreen3Rows } from './FitToScreen3Rows';
+export { FitToScreenBottom } from './FitToScreenBottom';
+export { FitToScreenCenter } from './FitToScreenCenter';
+export { FitToScreenTop } from './FitToScreenTop';
 export { FlapLoop } from './FlapLoop';
 export { FlashAnimation } from './FlashAnimation';
 export { FlashLoop } from './FlashLoop';
@@ -179,6 +186,9 @@ export { FloatingCardsAnimation } from './FloatingCardsAnimation';
 export { FluidImage } from './FluidImage';
 export { Fold } from './Fold';
 export { FoldAnimation } from './FoldAnimation';
+export { Folder } from './Folder';
+export { FolderDisabled } from './FolderDisabled';
+export { FolderOutline } from './FolderOutline';
 export { Form } from './Form';
 export { FormLayoutAboveIdentity } from './FormLayoutAboveIdentity';
 export { FormLayoutBelowIdentity } from './FormLayoutBelowIdentity';
@@ -395,6 +405,7 @@ export { Skew3DMouse } from './Skew3DMouse';
 export { SkewClick } from './SkewClick';
 export { SkewHover } from './SkewHover';
 export { SkewSection } from './SkewSection';
+export { SlantScroll } from './SlantScroll';
 export { Slide } from './Slide';
 export { SlideAnimation } from './SlideAnimation';
 export { SlideScroll } from './SlideScroll';
@@ -491,6 +502,7 @@ export { TiltEntrance } from './TiltEntrance';
 export { TiltScroll } from './TiltScroll';
 export { Track3DMouse } from './Track3DMouse';
 export { TrackMouse } from './TrackMouse';
+export { Trash } from './Trash';
 export { TriangleDivider } from './TriangleDivider';
 export { TriangularImage } from './TriangularImage';
 export { TurnEntrance } from './TurnEntrance';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/design-system-illustrations",
-  "version": "2.36.2",
+  "version": "2.37.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.228.0",
+    "@wix/design-system-tokens": "1.229.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": "e8620b350de6140dad3fe79dc443ba6e69b76bf0139acba67ab2d38e"
+  "falconPackageHash": "d33e2bc056d870e83310b8a650040386bddb168287db72ace676217b"
 }

package/src/Aspect3DSection.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><path d="M45.9015 53.9448C46.3995 53.4143 46.0233 52.5454 45.2958 52.5454H26.7028C25.9752 52.5454 25.5991 53.4143 26.097 53.9448L27.0297 54.9385C27.1868 55.1058 27.406 55.2007 27.6355 55.2007H44.3631C44.5925 55.2007 44.8118 55.1058 44.9688 54.9385L45.9015 53.9448Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M49.9432 47.5599C50.3363 46.8562 49.8276 45.9893 49.0214 45.9893H22.9771C22.171 45.9893 21.6623 46.8562 22.0554 47.5599L24.1694 51.3444C24.356 51.6783 24.7086 51.8853 25.0912 51.8853H46.9074C47.2899 51.8853 47.6425 51.6783 47.8291 51.3444L49.9432 47.5599Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M45.9015 18.0552C46.3995 18.5857 46.0233 19.4546 45.2958 19.4546H26.7028C25.9752 19.4546 25.5991 18.5857 26.097 18.0552L27.0297 17.0616C27.1868 16.8943 27.406 16.7993 27.6355 16.7993H44.3631C44.5925 16.7993 44.8118 16.8943 44.9688 17.0616L45.9015 18.0552Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M49.9432 24.5304C50.3363 25.2342 49.8275 26.1011 49.0214 26.1011H22.9771C22.171 26.1011 21.6623 25.2342 22.0554 24.5304L24.1694 20.746C24.356 20.412 24.7086 20.2051 25.0912 20.2051H46.9074C47.2899 20.2051 47.6425 20.412 47.8291 20.746L49.9432 24.5304Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><rect x="20.0002" y="27.1156" width="32" height="17.7778" rx="2" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><path d="M45.9015 53.9448C46.3995 53.4143 46.0233 52.5454 45.2958 52.5454H26.7028C25.9752 52.5454 25.5991 53.4143 26.097 53.9448L27.0297 54.9385C27.1868 55.1058 27.406 55.2007 27.6355 55.2007H44.3631C44.5925 55.2007 44.8118 55.1058 44.9688 54.9385L45.9015 53.9448Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M49.9432 47.5599C50.3363 46.8562 49.8276 45.9893 49.0214 45.9893H22.9771C22.171 45.9893 21.6623 46.8562 22.0554 47.5599L24.1694 51.3444C24.356 51.6783 24.7086 51.8853 25.0912 51.8853H46.9074C47.2899 51.8853 47.6425 51.6783 47.8291 51.3444L49.9432 47.5599Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M45.9015 18.0552C46.3995 18.5857 46.0233 19.4546 45.2958 19.4546H26.7028C25.9752 19.4546 25.5991 18.5857 26.097 18.0552L27.0297 17.0616C27.1868 16.8943 27.406 16.7993 27.6355 16.7993H44.3631C44.5925 16.7993 44.8118 16.8943 44.9688 17.0616L45.9015 18.0552Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M49.9432 24.5304C50.3363 25.2342 49.8275 26.1011 49.0214 26.1011H22.9771C22.171 26.1011 21.6623 25.2342 22.0554 24.5304L24.1694 20.746C24.356 20.412 24.7086 20.2051 25.0912 20.2051H46.9074C47.2899 20.2051 47.6425 20.412 47.8291 20.746L49.9432 24.5304Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><rect x="20.0002" y="27.1157" width="32" height="17.7778" rx="2" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.25">
 <mask id="mask0_676_22383" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="25" y="52" width="22" height="4">
 <path d="M45.9011 53.9453C46.3991 53.4148 46.023 52.5459 45.2954 52.5459H26.7024C25.9748 52.5459 25.5987 53.4148 26.0967 53.9453L27.0294 54.9389C27.1864 55.1062 27.4056 55.2011 27.6351 55.2011H44.3627C44.5922 55.2011 44.8114 55.1062 44.9684 54.9389L45.9011 53.9453Z" fill="url(#paint0_linear_676_22383)"/>

package/src/Aspect3DSpinScroll.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><path d="M32.8105 44.3724C32.9182 44.4 33.0206 44.4454 33.1134 44.5067L41.6499 50.1456C42.0573 50.4148 42.2108 50.9389 42.0129 51.3853L41.1883 53.2451C40.9904 53.6915 40.499 53.9297 40.0259 53.8085L30.1154 51.2689C30.0076 51.2413 29.9052 51.1959 29.8124 51.1346L21.2769 45.496C20.8694 45.2269 20.7159 44.7028 20.9139 44.2563L21.7384 42.3966C21.9363 41.9501 22.4277 41.712 22.9008 41.8332L32.8105 44.3724Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><path d="M32.4036 33.6464C32.8052 33.6003 33.2113 33.6771 33.5684 33.8665L42.0674 38.3744C42.8415 38.785 43.2582 39.6516 43.0955 40.5127L42.3533 44.4396C42.1906 45.3006 41.4863 45.9555 40.6157 46.0552L31.0578 47.1504C30.6562 47.1964 30.2501 47.1196 29.893 46.9302L21.3946 42.4225C20.6205 42.0119 20.2038 41.1452 20.3665 40.2842L21.1087 36.3572C21.2715 35.4962 21.9757 34.8414 22.8462 34.7416L32.4036 33.6464Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><path d="M30.8101 16.8566C31.4289 16.4994 32.1913 16.4994 32.8101 16.8566L42.0684 22.2019C42.6872 22.5592 43.0684 23.2195 43.0684 23.934V34.6246C43.0684 35.3391 42.6872 35.9994 42.0684 36.3566L32.8101 41.7019C32.1913 42.0592 31.4289 42.0592 30.8101 41.7019L21.5517 36.3566C20.9329 35.9994 20.5517 35.3391 20.5517 34.6246V23.934C20.5517 23.2195 20.9329 22.5592 21.5517 22.2019L30.8101 16.8566Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><path d="M32.8102 44.3724C32.918 44.4 33.0204 44.4454 33.1132 44.5067L41.6496 50.1456C42.0571 50.4148 42.2105 50.9389 42.0126 51.3853L41.1881 53.2451C40.9902 53.6915 40.4987 53.9297 40.0257 53.8085L30.1151 51.2689C30.0074 51.2413 29.905 51.1959 29.8122 51.1346L21.2766 45.496C20.8692 45.2269 20.7157 44.7028 20.9136 44.2563L21.7381 42.3966C21.9361 41.9501 22.4275 41.712 22.9005 41.8332L32.8102 44.3724Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><path d="M32.4035 33.6464C32.8051 33.6003 33.2112 33.6771 33.5683 33.8665L42.0673 38.3744C42.8414 38.785 43.2581 39.6516 43.0953 40.5127L42.3532 44.4396C42.1904 45.3006 41.4862 45.9555 40.6156 46.0552L31.0577 47.1504C30.6561 47.1964 30.25 47.1196 29.8929 46.9302L21.3945 42.4225C20.6204 42.0119 20.2037 41.1452 20.3664 40.2842L21.1086 36.3572C21.2713 35.4962 21.9756 34.8414 22.8461 34.7416L32.4035 33.6464Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><path d="M30.8099 16.8566C31.4287 16.4994 32.1911 16.4994 32.8099 16.8566L42.0683 22.2019C42.6871 22.5592 43.0683 23.2195 43.0683 23.934V34.6246C43.0683 35.3391 42.6871 35.9994 42.0683 36.3566L32.8099 41.7019C32.1911 42.0592 31.4287 42.0592 30.8099 41.7019L21.5516 36.3566C20.9328 35.9994 20.5516 35.3391 20.5516 34.6246V23.934C20.5516 23.2195 20.9328 22.5592 21.5516 22.2019L30.8099 16.8566Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <mask id="mask0_676_20088" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="20" y="41" width="23" height="13">
 <path d="M32.8103 44.3724C32.918 44.4 33.0204 44.4454 33.1132 44.5067L41.6497 50.1456C42.0571 50.4148 42.2106 50.9389 42.0127 51.3853L41.1882 53.2451C40.9902 53.6915 40.4988 53.9297 40.0258 53.8085L30.1152 51.2689C30.0075 51.2413 29.9051 51.1959 29.8123 51.1346L21.2767 45.496C20.8692 45.2269 20.7158 44.7028 20.9137 44.2563L21.7382 42.3966C21.9361 41.9501 22.4276 41.712 22.9006 41.8332L32.8103 44.3724Z" fill="#002291"/>

package/src/BounceEntrance.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="33.5715" y="12.8594" width="20" height="20" rx="2" transform="rotate(45 33.5715 12.8594)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="33.5706" y="21.8594" width="20" height="20" rx="2" transform="rotate(45 33.5706 21.8594)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="33.5715" y="30.8594" width="20" height="20" rx="2" transform="rotate(45 33.5715 30.8594)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="33.5715" y="12.8594" width="20" height="20" rx="2" transform="rotate(45 33.5715 12.8594)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="33.5704" y="21.8594" width="20" height="20" rx="2" transform="rotate(45 33.5704 21.8594)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="33.5715" y="30.8594" width="20" height="20" rx="2" transform="rotate(45 33.5715 30.8594)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <path d="M52.5716 58C52.5716 54.6863 51.2284 52 49.5716 52C47.9147 52 46.5716 54.6863 46.5716 58C46.5716 55.7909 45.6762 54 44.5716 54C43.467 54 42.5716 55.7909 42.5716 58" stroke="url(#paint0_linear_676_19409)" stroke-miterlimit="10"/>
 <g opacity="0.25">
 <g clip-path="url(#clip0_676_19409)">

package/src/BreathLoop.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="21" y="21" width="30" height="30" rx="15" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="21" y="16.3125" width="30" height="30" rx="15" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="21" y="25.6875" width="30" height="30" rx="15" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="20.9999" y="21" width="30" height="30" rx="15" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="20.9999" y="16.3125" width="30" height="30" rx="15" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="20.9999" y="25.6875" width="30" height="30" rx="15" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g clip-path="url(#clip0_676_20270)">
 <rect x="21" y="21" width="30" height="30" rx="15" fill="#002291"/>
 <g filter="url(#filter0_f_676_20270)">

package/src/ButtonStyleFilledSharp.svg

@@ -0,0 +1,23 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1881_7026)">
+<rect width="20" height="42" transform="translate(57 26) rotate(90)" fill="#002291"/>
+<g filter="url(#filter0_f_1881_7026)">
+<rect x="12.5" y="2" width="57" height="46" fill="url(#paint0_linear_1881_7026)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_1881_7026" x="7.5" y="-3" width="67" height="56" 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_1881_7026"/>
+</filter>
+<linearGradient id="paint0_linear_1881_7026" x1="61.416" y1="6.12894" x2="24.8029" y2="64.0211" 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_1881_7026">
+<rect width="20" height="42" fill="white" transform="translate(57 26) rotate(90)"/>
+</clipPath>
+</defs>
+</svg>

package/src/ButtonStyleOutlinedSharp.svg

@@ -0,0 +1,3 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="56.5" y="26.5" width="19" height="41" transform="rotate(90 56.5 26.5)" stroke="#002297"/>
+</svg>