@wix/design-system-illustrations 2.13.0 → 2.14.0

package/dist/esm/SkewHover.js

@@ -9,6 +9,7 @@ const SkewHover = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewHover__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "30.219", height: "24.296", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" })),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewHover__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "30.219", height: "24.296", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewHover__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewHover__c)", d: "M.012-6.45h60.66l25.083 53.523h-60.66z" }))),
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewHover__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.957", height: "21.957", x: "25.054", y: "25.02", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewHover__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewHover__f)", d: "M25.054-6.258h53.188v53.28H25.054z" }))),
   /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewHover__c", x1: "54.32", x2: "25.096", y1: "-1.645", y2: "54.315", 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: "SkewHover__f", x1: "70.699", x2: "25.105", y1: "-1.476", y2: "56.605", 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: "SkewHover__a" }, /* @__PURE__ */ React.createElement("rect", { width: "30.219", height: "24.296", fill: "#fff", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewHover__d" }, /* @__PURE__ */ React.createElement("rect", { width: "21.957", height: "21.957", x: "25.054", y: "25.02", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewHover__b", width: "95.743", height: "63.523", x: "-4.988", y: "-11.449", 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_19685", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewHover__e", width: "63.188", height: "63.277", x: "20.054", y: "-11.258", 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_19685", stdDeviation: "2.5" })))

package/dist/esm/SkewSection.js

@@ -13,6 +13,7 @@ const SkewSection = (props) => /* @__PURE__ */ React.createElement(
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M15.216 17.766a.5.5 0 0 1 .384.18l2.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("path", { fill: "url(#SkewSection__b)", d: "M57.284 43.742v9.996h-1v-9.996z" }),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M56.784 54.238a.5.5 0 0 0 .384-.18l2.5-3-.768-.64-2.116 2.54-2.116-2.54-.768.64 2.5 3 .08.077a.5.5 0 0 0 .304.103" }),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewSection__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "35.044", height: "29.947", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "matrix(.92388 .38268 .01658 .99986 19.567 14.324)" })),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewSection__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "35.044", height: "29.947", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(.92388 .38268 .01658 .99986 19.567 14.324)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewSection__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__e)", d: "m19.418 5.324 52.661 21.813.647 38.995-52.661-21.813z" }))),
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewSection__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewSection__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__h)", d: "M20 6.016h57.254v38.91H20z" }))),
   /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewSection__a", x1: "22.382", x2: "22.382", y1: "28.441", y2: "18.265", 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("linearGradient", { id: "SkewSection__b", x1: "49.618", x2: "49.618", y1: "43.742", y2: "53.738", 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("linearGradient", { id: "SkewSection__e", x1: "64.668", x2: "30.881", y1: "27.544", y2: "61.845", 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: "SkewSection__h", x1: "69.134", x2: "40.69", y1: "9.508", y2: "62.915", 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: "SkewSection__c" }, /* @__PURE__ */ React.createElement("rect", { width: "35.044", height: "29.947", fill: "#fff", rx: "2", transform: "matrix(.92388 .38268 .01658 .99986 19.567 14.324)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewSection__f" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewSection__d", width: "63.308", height: "70.809", x: "14.418", y: ".324", 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_20951", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewSection__g", width: "67.254", height: "48.91", x: "15", y: "1.016", 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_20951", stdDeviation: "2.5" })))

package/dist/esm/SlideAnimation.js

@@ -9,6 +9,8 @@ const SlideAnimation = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SlideAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "14", y: "36.143", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2", transform: "rotate(-45 14 36.143)" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SlideAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "23", y: "36.143", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 23 36.143)" })),
   /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#SlideAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "14", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 14 36.143)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideAnimation__c)", d: "M-4.385 17.758 28.142-14.77 60.67 17.758 28.142 50.285z" }))),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SlideAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "23", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 23 36.143)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideAnimation__f)", d: "M4.615 17.758 37.142-14.77 69.67 17.758 37.142 50.285z" }))),
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SlideAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "32", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 32 36.143)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideAnimation__i)", d: "M13.615 17.758 46.142-14.77 78.67 17.758 46.142 50.285z" }))),

package/dist/esm/SpinAnimation.js

@@ -9,6 +9,7 @@ const SpinAnimation = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SpinAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26", y: "26.504", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2" })),
   /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#SpinAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26", y: "26.504", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SpinAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinAnimation__c)", d: "m26.1.404 46 .201-.2 46-46-.201z" }))),
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SpinAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 36.5)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SpinAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinAnimation__f)", d: "M3.473 18.115 36-14.412l32.527 32.527L36 50.642z" }))),
   /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinAnimation__g)", d: "M35.669 16c3.352 0 6.182 1.031 8.167 2.056.994.512 1.78 1.026 2.32 1.413a14 14 0 0 1 .784.605l.043.037.013.01.003.004.001.001-.663.748-.001-.001-.008-.007a4 4 0 0 0-.179-.148 13 13 0 0 0-.576-.437 18 18 0 0 0-2.196-1.337C41.487 17.97 38.817 17 35.669 17c-3.143 0-5.556.966-7.183 1.93-.813.482-1.43.964-1.84 1.322a9 9 0 0 0-.57.544l-.025.027-.006.006-.376-.329-.376-.33.002-.001.003-.004.01-.012.036-.039q.046-.05.133-.137c.116-.118.287-.283.511-.479.45-.392 1.115-.91 1.989-1.428 1.748-1.036 4.335-2.07 7.692-2.07" }),

package/dist/esm/Swap.js

@@ -9,7 +9,7 @@ const Swap = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Swap__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Swap__c", width: "24", height: "18", x: "11", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__b)", d: "M35 29.743a2 2 0 0 0-1.843-1.994l-20-1.579A2 2 0 0 0 11 28.164v13.672a2 2 0 0 0 2.157 1.994l20-1.58A2 2 0 0 0 35 40.258z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.217 24.578H-1.522v22.737h41.74z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__e)", d: "M11 19.417 36.774 14 37 42l-26 2.22z" })))), /* @__PURE__ */ React.createElement("mask", { id: "Swap__g", width: "32", height: "30", x: "29", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__f)", d: "M29 24.97a2 2 0 0 1 1.804-1.99l28-2.763A2 2 0 0 1 61 22.207v25.586a2 2 0 0 1-2.196 1.99l-28-2.763A2 2 0 0 1 29 45.03z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.044 18.79h55.652v35.369H22.044z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__i)", d: "m29 8.116 41.754-8.45.746 51.267L29 46.8z" }))), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__j)", d: "M58 52v1H33v-1z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M32.5 52.499a.5.5 0 0 1 .18-.384l3-2.5.64.768-2.54 2.116 2.54 2.116-.64.768-3-2.5-.076-.08a.5.5 0 0 1-.104-.304" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__k)", d: "M15 21h12v1H15z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.5 21.5a.5.5 0 0 1-.18.384l-3 2.5-.64-.768 2.54-2.116-2.54-2.116.64-.768 3 2.5.076.08a.5.5 0 0 1 .104.304" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Swap__a)" }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M40.217 24.578H-1.522v22.737h41.74z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Swap__c", width: "24", height: "18", x: "11", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__b)", d: "M35 29.743a2 2 0 0 0-1.843-1.994l-20-1.579A2 2 0 0 0 11 28.164v13.672a2 2 0 0 0 2.157 1.994l20-1.58A2 2 0 0 0 35 40.258z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.217 24.578H-1.522v22.737h41.74z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__e)", d: "M11 19.417 36.774 14 37 42l-26 2.22z" })))), /* @__PURE__ */ React.createElement("mask", { id: "Swap__g", width: "32", height: "30", x: "29", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__f)", d: "M29 24.97a2 2 0 0 1 1.804-1.99l28-2.763A2 2 0 0 1 61 22.207v25.586a2 2 0 0 1-2.196 1.99l-28-2.763A2 2 0 0 1 29 45.03z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.044 18.79h55.652v35.369H22.044z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__i)", d: "m29 8.116 41.754-8.45.746 51.267L29 46.8z" }))), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__j)", d: "M58 52v1H33v-1z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M32.5 52.499a.5.5 0 0 1 .18-.384l3-2.5.64.768-2.54 2.116 2.54 2.116-.64.768-3-2.5-.076-.08a.5.5 0 0 1-.104-.304" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__k)", d: "M15 21h12v1H15z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.5 21.5a.5.5 0 0 1-.18.384l-3 2.5-.64-.768 2.54-2.116-2.54-2.116.64-.768 3 2.5.076.08a.5.5 0 0 1 .104.304" })),
   /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__b", x1: "14.583", x2: "25.134", y1: "27.351", y2: "48.636", 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: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__e", x1: "33.118", x2: "12.88", y1: "21.58", y2: "49.205", 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: "Swap__f", x1: "56.222", x2: "36.436", y1: "22.252", y2: "54.183", 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: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__i", x1: "101.833", x2: "81.327", y1: "11.488", y2: "70.583", 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: "Swap__j", x1: "58", x2: "33", y1: "52.499", y2: "52.499", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__k", x1: "15", x2: "27", y1: "21.5", y2: "21.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { 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: "Swap__d", width: "36", height: "40.221", x: "6", y: "9", 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_17528", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Swap__h", width: "52.5", height: "61.267", x: "24", y: "-5.334", 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_17528", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Swap__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })))
 );
 Swap.displayName = "Swap";

package/dist/esm/SwingLoop.js

@@ -9,6 +9,8 @@ const SwingLoop = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SwingLoop__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "13.546", y: "16.379", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "14" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SwingLoop__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "19.379", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "14" })),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SwingLoop__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "13.546", y: "16.379", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__c)", d: "M34.821-7.134a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 17.186 5.345c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.094-35.525-5.64-3.293-12.02-4.193-17.991-3.026" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__e)", d: "M34.821-7.134a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 17.186 5.345c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.094-35.525-5.64-3.293-12.02-4.193-17.991-3.026" }))),
   /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#SwingLoop__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "19.379", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__h)", d: "M43.275-4.134a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 25.64 8.345c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525-5.642-3.293-12.022-4.193-17.992-3.026" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__j)", d: "M43.275-4.134a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 25.64 8.345c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525-5.642-3.293-12.022-4.193-17.992-3.026" }))),
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SwingLoop__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "30.454", y: "16.414", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__m)", d: "M51.73-7.1a27.4 27.4 0 0 0-4.094 1.149A26.25 26.25 0 0 0 34.094 5.38c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525C64.079-7.366 57.7-8.265 51.729-7.099" }))),

package/dist/esm/TiltAnimation.js

@@ -9,7 +9,7 @@ const TiltAnimation = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__b", width: "37", height: "26", x: "17", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#999", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__c)", mask: "url(#TiltAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__d)", d: "m33.5 9 29-9.999-12.5 37L17 49z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__e", width: "29", height: "26", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#666", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__f)", mask: "url(#TiltAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__g)", d: "m3.473 17.614 34.526-23.64L61 26.5 26.474 50.14z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__h", width: "27", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__i)", mask: "url(#TiltAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__j)", d: "M3.473 17.617 36-14.91l32.527 32.527L36 50.144z" }))),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" })), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" })), /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__b", width: "37", height: "26", x: "17", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#999", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__c)", mask: "url(#TiltAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__d)", d: "m33.5 9 29-9.999-12.5 37L17 49z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__e", width: "29", height: "26", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#666", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__f)", mask: "url(#TiltAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__g)", d: "m3.473 17.614 34.526-23.64L61 26.5 26.474 50.14z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__h", width: "27", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__i)", mask: "url(#TiltAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__j)", d: "M3.473 17.617 36-14.91l32.527 32.527L36 50.144z" }))),
   /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltAnimation__d", x1: "25.306", x2: "32.987", y1: "-7.379", y2: "55.95", 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: "TiltAnimation__g", x1: "34.306", x2: "41.986", y1: "-7.379", y2: "55.95", 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: "TiltAnimation__j", x1: "34.306", x2: "41.987", y1: "-7.377", y2: "55.951", 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("filter", { id: "TiltAnimation__c", width: "55.501", height: "59.998", x: "12", y: "-5.998", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__f", width: "67.527", height: "66.168", x: "-1.527", y: "-11.027", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__i", width: "75.054", height: "75.055", x: "-1.527", y: "-19.91", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltAnimation__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M16 22h39.21v28H16z" })))
 );
 TiltAnimation.displayName = "TiltAnimation";

package/dist/esm/TiltEntrance.js

@@ -9,6 +9,8 @@ const TiltEntrance = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltEntrance__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17.858", y: "51.5", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2", transform: "rotate(-90 17.858 51.5)" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "19.858", y: "41.887", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-66.83 19.858 41.887)" })),
   /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#TiltEntrance__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17.858", y: "51.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-90 17.858 51.5)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__c)", d: "M-19.365 51.5V-5.723h57.223V51.5z" }))),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TiltEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "19.858", y: "41.887", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-66.83 19.858 41.887)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__f)", d: "M-18.286 25.563 5.907-30.97 62.44-6.775 38.245 49.756z" }))),
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltEntrance__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.858", y: "34.645", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 25.858 34.645)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__i)", d: "M7.473 16.258 40-16.27l32.527 32.527L40 48.785z" }))),

package/dist/esm/TurnEntrance.js

@@ -11,6 +11,8 @@ const TurnEntrance = (props) => /* @__PURE__ */ React.createElement(
   },
   /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnEntrance__a)", d: "M37 16.777c3.353 0 6.182 1.031 8.167 2.056.994.513 1.78 1.027 2.32 1.413a14 14 0 0 1 .785.606q.028.023.043.037l.013.01.003.003v.001h.002l-.664.748h-.002l-.007-.007-.035-.03-.144-.119a13 13 0 0 0-.576-.436 18 18 0 0 0-2.197-1.337c-1.89-.976-4.56-1.945-7.707-1.945-3.144 0-5.557.966-7.183 1.93-.814.482-1.43.964-1.84 1.322a9 9 0 0 0-.57.544l-.026.028-.006.005-.376-.329-.375-.33h.002l.002-.005.01-.011.036-.04q.046-.049.133-.137c.116-.117.287-.283.512-.479.449-.391 1.114-.91 1.988-1.427 1.749-1.037 4.336-2.07 7.693-2.07" }),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M26.606 21.584a.5.5 0 0 1-.09-.43l1-4 .97.244-.846 3.379H31v.999h-4l-.113-.013a.5.5 0 0 1-.28-.18" }),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TurnEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.248", y: "33.355", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "2", transform: "rotate(-17.066 25.248 33.355)" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TurnEntrance__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "34.06", y: "31.984", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(9.533 34.06 31.984)" })),
   /* @__PURE__ */ React.createElement("g", { opacity: ".7", clipPath: "url(#TurnEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.248", y: "33.355", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-17.066 25.248 33.355)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnEntrance__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnEntrance__d)", d: "m6.127 60.066-13.05-44.11 44.109-13.05 13.051 44.11z" }))),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TurnEntrance__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "34.06", y: "31.984", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(9.533 34.06 31.984)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnEntrance__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnEntrance__g)", d: "M5.676 49.395 12.52 3.907l45.488 6.846-6.846 45.487z" }))),
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TurnEntrance__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "18.216", y: "38.688", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 18.216 38.688)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnEntrance__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnEntrance__j)", d: "m13.973 71.215-32.526-32.527L13.973 6.16 46.5 38.688z" }))),

package/dist/esm/TwistClick.js

@@ -9,6 +9,8 @@ const TwistClick = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TwistClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "17.869", height: "35.386", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "8.934", transform: "scale(1 -1)rotate(58.401 70.501 15.061)" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TwistClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "11.912", height: "25.733", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "5.956", transform: "scale(1 -1)rotate(72.502 54.26 8.948)" })),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TwistClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "17.869", height: "35.386", fill: "var(--wds-illustration-color-1, #002291)", rx: "8.934", transform: "scale(1 -1)rotate(58.401 70.501 15.061)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistClick__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistClick__c)", d: "M0 0h29.837v55.813H0z", transform: "scale(1 -1)rotate(58.401 89.122 25.468)" }))),
   /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#TwistClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "11.912", height: "25.733", fill: "var(--wds-illustration-color-1, #002291)", rx: "5.956", transform: "scale(1 -1)rotate(72.502 54.26 8.948)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistClick__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistClick__f)", d: "M0 0h41.319v72.992H0z", transform: "scale(1 -1)rotate(72.502 86.304 32.445)" }))),
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TwistClick__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "5.956", height: "15.319", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.978", transform: "matrix(0 -1 -1 0 43.66 38.922)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistClick__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistClick__i)", d: "M0 0h27.576v53.979H0z", transform: "matrix(0 -1 -1 0 82.638 38.922)" }))),

package/dist/esm/TwistHover.js

@@ -9,6 +9,8 @@ const TwistHover = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TwistHover__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "25.526", height: "25.526", x: "29.935", y: "19", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(25.367 29.935 19)" })),
+  /* @__PURE__ */ React.createElement("g", { 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-opacity-75, #f8f6f600)", rx: "1.5", transform: "rotate(13.48 29.26 25.008)" })),
   /* @__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/TypeWriter.js

@@ -11,6 +11,7 @@ const TypeWriter = (props) => /* @__PURE__ */ React.createElement(
   },
   /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__a", width: "21", height: "30", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M10 21h21v30H10z" })),
   /* @__PURE__ */ React.createElement("g", { mask: "url(#TypeWriter__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" }), /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__b", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84zm21.695 0H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TypeWriter__c)", mask: "url(#TypeWriter__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TypeWriter__d)", d: "M16-.001h56v44H16z" }))),
+  /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#TypeWriter__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M51.087 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 44H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84z" }))),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__e", width: "27", height: "30", x: "31", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M58 21H31v30h27z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#TypeWriter__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 44H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84z" }), /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__f", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84zm21.695 0H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TypeWriter__g)", mask: "url(#TypeWriter__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TypeWriter__h)", d: "M16-.001h56v44H16z" })))),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M31.5 28v18h-1V28z" }),
   /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TypeWriter__d", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "TypeWriter__h", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", 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-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "TypeWriter__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", 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_17600", stdDeviation: "4.2" })), /* @__PURE__ */ React.createElement("filter", { id: "TypeWriter__g", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", 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_17600", stdDeviation: "4.2" })))

package/dist/esm/WinkEntrance.js

@@ -9,6 +9,7 @@ const WinkEntrance = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#WinkEntrance__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "19.927", height: "19.927", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "matrix(.7096 -.7046 .7096 .7046 21.86 36)" })),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#WinkEntrance__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "19.927", height: "19.927", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(.7096 -.7046 .7096 .7046 21.86 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#WinkEntrance__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#WinkEntrance__c)", d: "m3.41 17.68 32.642-32.412L68.694 17.68 36.052 50.09z" }))),
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#WinkEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "15.793", height: "15.793", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(1.28586 .58869)rotate(-45 82.024 10.176)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#WinkEntrance__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#WinkEntrance__f)", d: "M-5.637 23.41 36.188 4.262 78.013 23.41 36.188 42.558z" }))),
   /* @__PURE__ */ React.createElement("path", { fill: "url(#WinkEntrance__g)", d: "M35.5 21.27v-8.486h1v8.486z" }),

package/dist/esm/ZoomSection.js

@@ -17,6 +17,8 @@ const ZoomSection = (props) => /* @__PURE__ */ React.createElement(
   /* @__PURE__ */ React.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__ */ React.createElement("path", { fill: "url(#ZoomSection__d)", d: "m58.62 52.914-6-6-.707.707 6 6z" }),
   /* @__PURE__ */ React.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__ */ React.createElement("g", { clipPath: "url(#ZoomSection__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2" })),
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ZoomSection__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "22.328", height: "10.891", x: "24.837", y: "30.551", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "1.663" })),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ZoomSection__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ZoomSection__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ZoomSection__g)", d: "M20 5.664h51.001v39.618H20z" }))),
   /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ZoomSection__h)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#ZoomSection__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ZoomSection__j)", d: "M24.837 14.578h51.001v26.496H24.837z" }))),
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ZoomSection__k)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#ZoomSection__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ZoomSection__m)", d: "M30.943 22.852h53.5v15.793h-53.5z" }))),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/design-system-illustrations",
-  "version": "2.13.0",
+  "version": "2.14.0",
   "license": "MIT",
   "description": "Wix Design System Illustrations",
   "scripts": {
@@ -9,7 +9,7 @@
     "test": "vitest run"
   },
   "devDependencies": {
-    "@wix/design-system-tokens": "1.207.0",
+    "@wix/design-system-tokens": "1.208.0",
     "esbuild": "^0.25.0",
     "svgo": "^3.3.2",
     "typescript": "^5.8.3",
@@ -37,5 +37,5 @@
     "access": "public"
   },
   "packageManager": "yarn@4.0.2",
-  "falconPackageHash": "890885b48a692735bbd3f682ef6dc05f3666ab0dcfef053c5850e24e"
+  "falconPackageHash": "ea46dbc902357518edccf3aa8eccfce716b7161e529376e14768e66d"
 }

package/src/BounceEntrance.svg

@@ -1,5 +1,5 @@
 <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#paint0_angular_676_19409_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0.00790018 0 0 -0.00790018 47.1714 58)"><foreignObject x="-886.058" y="-886.058" width="1772.12" height="1772.12"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(248, 246, 246, 1) 0deg,rgba(0, 34, 150, 1) 56.8553deg,rgba(0, 34, 150, 1) 231.923deg,rgba(248, 246, 246, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path d="M52.5716 58H52.0716C52.0716 56.4039 51.7471 54.9837 51.2457 53.981C50.7294 52.9483 50.1086 52.5 49.5716 52.5V52V51.5C50.6914 51.5 51.5707 52.3948 52.1401 53.5338C52.7246 54.7026 53.0716 56.2824 53.0716 58H52.5716ZM49.5716 52V52.5C49.0346 52.5 48.4138 52.9483 47.8975 53.981C47.3961 54.9837 47.0716 56.4039 47.0716 58H46.5716H46.0716C46.0716 56.2824 46.4186 54.7026 47.0031 53.5338C47.5725 52.3948 48.4518 51.5 49.5716 51.5V52ZM46.5716 58H46.0716C46.0716 56.9562 45.859 56.036 45.5386 55.3952C45.2032 54.7245 44.8325 54.5 44.5716 54.5V54V53.5C45.4153 53.5 46.0445 54.171 46.433 54.948C46.8365 55.7549 47.0716 56.8346 47.0716 58H46.5716ZM44.5716 54V54.5C44.3107 54.5 43.9399 54.7245 43.6046 55.3952C43.2842 56.036 43.0716 56.9562 43.0716 58H42.5716H42.0716C42.0716 56.8346 42.3067 55.7549 42.7102 54.948C43.0987 54.171 43.7279 53.5 44.5716 53.5V54Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.97254902124404907,&#34;g&#34;:0.96470588445663452,&#34;b&#34;:0.96470588445663452,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.13333334028720856,&#34;b&#34;:0.58823531866073608,&#34;a&#34;:1.0},&#34;position&#34;:0.15793146193027496},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.13333334028720856,&#34;b&#34;:0.58823531866073608,&#34;a&#34;:1.0},&#34;position&#34;:0.64423078298568726}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.97254902124404907,&#34;g&#34;:0.96470588445663452,&#34;b&#34;:0.96470588445663452,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.13333334028720856,&#34;b&#34;:0.58823531866073608,&#34;a&#34;:1.0},&#34;position&#34;:0.15793146193027496},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.13333334028720856,&#34;b&#34;:0.58823531866073608,&#34;a&#34;:1.0},&#34;position&#34;:0.64423078298568726}],&#34;transform&#34;:{&#34;m00&#34;:15.800361633300781,&#34;m01&#34;:-3.8083906687969016e-12,&#34;m02&#34;:39.271232604980469,&#34;m10&#34;:-1.0338512814941914e-13,&#34;m11&#34;:-15.800362586975098,&#34;m12&#34;:65.900199890136719},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+<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)">
 <rect x="33.5716" y="12.8594" width="20" height="20" rx="2" transform="rotate(45 33.5716 12.8594)" fill="#002291"/>
@@ -23,7 +23,7 @@
 </g>
 </g>
 <defs>
-<clipPath id="paint0_angular_676_19409_clip_path"><path d="M52.5716 58H52.0716C52.0716 56.4039 51.7471 54.9837 51.2457 53.981C50.7294 52.9483 50.1086 52.5 49.5716 52.5V52V51.5C50.6914 51.5 51.5707 52.3948 52.1401 53.5338C52.7246 54.7026 53.0716 56.2824 53.0716 58H52.5716ZM49.5716 52V52.5C49.0346 52.5 48.4138 52.9483 47.8975 53.981C47.3961 54.9837 47.0716 56.4039 47.0716 58H46.5716H46.0716C46.0716 56.2824 46.4186 54.7026 47.0031 53.5338C47.5725 52.3948 48.4518 51.5 49.5716 51.5V52ZM46.5716 58H46.0716C46.0716 56.9562 45.859 56.036 45.5386 55.3952C45.2032 54.7245 44.8325 54.5 44.5716 54.5V54V53.5C45.4153 53.5 46.0445 54.171 46.433 54.948C46.8365 55.7549 47.0716 56.8346 47.0716 58H46.5716ZM44.5716 54V54.5C44.3107 54.5 43.9399 54.7245 43.6046 55.3952C43.2842 56.036 43.0716 56.9562 43.0716 58H42.5716H42.0716C42.0716 56.8346 42.3067 55.7549 42.7102 54.948C43.0987 54.171 43.7279 53.5 44.5716 53.5V54Z"/></clipPath><filter id="filter0_f_676_19409" x="-3.95538" y="-28.9102" width="75.0538" height="75.0547" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_f_676_19409" x="-3.95538" y="-28.9102" 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_676_19409"/>
@@ -38,6 +38,10 @@
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_676_19409"/>
 </filter>
+<linearGradient id="paint0_linear_676_19409" x1="39.2712" y1="58" x2="55.0716" y2="58" gradientUnits="userSpaceOnUse">
+<stop offset="0.355769" stop-color="#002296"/>
+<stop offset="0.935418" stop-color="#F8F6F6"/>
+</linearGradient>
 <linearGradient id="paint1_linear_676_19409" x1="31.878" y1="-16.377" x2="39.5587" y2="46.9514" gradientUnits="userSpaceOnUse">
 <stop offset="0.176006" stop-color="#EAEFF1"/>
 <stop offset="0.576923" stop-color="#B8C4FF"/>

package/src/BounceLoop.svg

@@ -1,5 +1,5 @@
 <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#paint0_angular_676_20490_clip_path)" data-figma-skip-parse="true"><g transform="matrix(-0.00804396 0 0 -0.00804396 22.3379 56.0196)"><foreignObject x="-932.379" y="-932.379" width="1864.76" height="1864.76"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(248, 246, 246, 1) 0deg,rgba(0, 34, 150, 1) 56.8553deg,rgba(0, 34, 150, 1) 167.993deg,rgba(0, 34, 150, 1) 231.923deg,rgba(248, 246, 246, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path d="M19.7939 49.5195C20.9138 49.5195 21.7928 50.4148 22.3623 51.5537C22.5798 51.9888 22.7641 52.4808 22.9102 53.0156C22.9179 52.9997 22.9248 52.9835 22.9326 52.9678C23.3211 52.1908 23.9502 51.5195 24.7939 51.5195C25.6376 51.5195 26.2668 52.1908 26.6553 52.9678C27.0587 53.7747 27.2939 54.8543 27.2939 56.0195H26.2939C26.2939 54.9759 26.0811 54.0558 25.7607 53.415C25.4254 52.7443 25.0548 52.5195 24.7939 52.5195C24.5331 52.5195 24.1625 52.7443 23.8271 53.415C23.5068 54.0558 23.2939 54.9759 23.2939 56.0195H22.2939C22.2939 54.4236 21.9691 53.0037 21.4678 52.001C20.9515 50.9683 20.331 50.5195 19.7939 50.5195C19.2569 50.5195 18.6364 50.9683 18.1201 52.001C17.6188 53.0037 17.2939 54.4236 17.2939 56.0195H16.2939C16.2939 54.302 16.6412 52.7225 17.2256 51.5537C17.7951 50.4148 18.6741 49.5195 19.7939 49.5195Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.97254902124404907,&#34;g&#34;:0.96470588445663452,&#34;b&#34;:0.96470588445663452,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.13333334028720856,&#34;b&#34;:0.58823531866073608,&#34;a&#34;:1.0},&#34;position&#34;:0.15793144702911377},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.13333334028720856,&#34;b&#34;:0.58823531866073608,&#34;a&#34;:1.0},&#34;position&#34;:0.46664774417877197},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.13333334028720856,&#34;b&#34;:0.58823531866073608,&#34;a&#34;:1.0},&#34;position&#34;:0.64423078298568726}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.97254902124404907,&#34;g&#34;:0.96470588445663452,&#34;b&#34;:0.96470588445663452,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.13333334028720856,&#34;b&#34;:0.58823531866073608,&#34;a&#34;:1.0},&#34;position&#34;:0.15793144702911377},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.13333334028720856,&#34;b&#34;:0.58823531866073608,&#34;a&#34;:1.0},&#34;position&#34;:0.46664774417877197},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.13333334028720856,&#34;b&#34;:0.58823531866073608,&#34;a&#34;:1.0},&#34;position&#34;:0.64423078298568726}],&#34;transform&#34;:{&#34;m00&#34;:-16.087926864624023,&#34;m01&#34;:-3.5949509428340187e-12,&#34;m02&#34;:30.381872177124023,&#34;m10&#34;:2.4997688381073191e-12,&#34;m11&#34;:-16.087926864624023,&#34;m12&#34;:64.063514709472656},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+<path d="M19.7939 49.5195C20.9138 49.5195 21.7928 50.4148 22.3623 51.5537C22.5798 51.9888 22.7641 52.4808 22.9102 53.0156C22.9179 52.9997 22.9248 52.9835 22.9326 52.9678C23.3211 52.1908 23.9502 51.5195 24.7939 51.5195C25.6376 51.5195 26.2668 52.1908 26.6553 52.9678C27.0587 53.7747 27.2939 54.8543 27.2939 56.0195H26.2939C26.2939 54.9759 26.0811 54.0558 25.7607 53.415C25.4254 52.7443 25.0548 52.5195 24.7939 52.5195C24.5331 52.5195 24.1625 52.7443 23.8271 53.415C23.5068 54.0558 23.2939 54.9759 23.2939 56.0195H22.2939C22.2939 54.4236 21.9691 53.0037 21.4678 52.001C20.9515 50.9683 20.331 50.5195 19.7939 50.5195C19.2569 50.5195 18.6364 50.9683 18.1201 52.001C17.6188 53.0037 17.2939 54.4236 17.2939 56.0195H16.2939C16.2939 54.302 16.6412 52.7225 17.2256 51.5537C17.7951 50.4148 18.6741 49.5195 19.7939 49.5195Z" fill="url(#paint0_linear_676_20490)"/>
 <g opacity="0.25">
 <g clip-path="url(#clip0_676_20490)">
 <rect x="17.2061" y="16" width="28" height="28" rx="14" fill="#002291"/>
@@ -29,7 +29,7 @@
 </g>
 </g>
 <defs>
-<clipPath id="paint0_angular_676_20490_clip_path"><path d="M19.7939 49.5195C20.9138 49.5195 21.7928 50.4148 22.3623 51.5537C22.5798 51.9888 22.7641 52.4808 22.9102 53.0156C22.9179 52.9997 22.9248 52.9835 22.9326 52.9678C23.3211 52.1908 23.9502 51.5195 24.7939 51.5195C25.6376 51.5195 26.2668 52.1908 26.6553 52.9678C27.0587 53.7747 27.2939 54.8543 27.2939 56.0195H26.2939C26.2939 54.9759 26.0811 54.0558 25.7607 53.415C25.4254 52.7443 25.0548 52.5195 24.7939 52.5195C24.5331 52.5195 24.1625 52.7443 23.8271 53.415C23.5068 54.0558 23.2939 54.9759 23.2939 56.0195H22.2939C22.2939 54.4236 21.9691 53.0037 21.4678 52.001C20.9515 50.9683 20.331 50.5195 19.7939 50.5195C19.2569 50.5195 18.6364 50.9683 18.1201 52.001C17.6188 53.0037 17.2939 54.4236 17.2939 56.0195H16.2939C16.2939 54.302 16.6412 52.7225 17.2256 51.5537C17.7951 50.4148 18.6741 49.5195 19.7939 49.5195Z"/></clipPath><filter id="filter0_f_676_20490" x="12.2061" y="-13" width="62" height="62" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_f_676_20490" x="12.2061" y="-13" width="62" height="62" 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_676_20490"/>
@@ -54,6 +54,11 @@
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_676_20490"/>
 </filter>
+<linearGradient id="paint0_linear_676_20490" x1="30.3819" y1="56.0196" x2="14.2939" y2="56.0196" gradientUnits="userSpaceOnUse">
+<stop offset="0.0673077" stop-color="#002296"/>
+<stop offset="0.466346" stop-color="#002296"/>
+<stop offset="0.929283" stop-color="#F8F6F6"/>
+</linearGradient>
 <linearGradient id="paint1_linear_676_20490" x1="61.8311" y1="-3.3325" x2="17.3498" y2="53.4278" gradientUnits="userSpaceOnUse">
 <stop offset="0.176006" stop-color="#EAEFF1"/>
 <stop offset="0.5" stop-color="#B8C4FF"/>

package/src/CircleMarker.svg

@@ -1,25 +1,31 @@
 <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#paint0_angular_676_17651_clip_path)" data-figma-skip-parse="true"><g transform="matrix(-0.00161321 -0.0175822 0.0481621 -0.00648043 37.0377 36.0687)"><foreignObject x="-1258.23" y="-1258.23" width="2516.46" height="2516.46"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(0, 34, 150, 1) 0deg,rgba(248, 246, 246, 1) 7.2deg,rgba(0, 34, 150, 1) 104.4deg,rgba(0, 34, 150, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path d="M7.5 36.5C7.5 31.6902 10.8635 27.4303 16.0967 24.4004C21.343 21.363 28.558 19.5 36.5 19.5V20.5C28.7019 20.5 21.6663 22.3312 16.5977 25.2656C11.5163 28.2076 8.5 32.1973 8.5 36.5C8.5 40.8027 11.5163 44.7924 16.5977 47.7344C21.6663 50.6688 28.7019 52.5 36.5 52.5C44.2981 52.5 51.3337 50.6688 56.4023 47.7344C61.4837 44.7924 64.5 40.8027 64.5 36.5C64.5 32.6476 62.0851 29.0488 57.9268 26.2217C53.7741 23.3985 47.9431 21.3933 41.29 20.7344L41.3398 20.2373L41.3887 19.7393C48.1705 20.4109 54.1704 22.4583 58.4893 25.3945C62.8024 28.3269 65.5 32.1947 65.5 36.5C65.5 41.3098 62.1365 45.5698 56.9033 48.5996C51.657 51.637 44.442 53.5 36.5 53.5C28.558 53.5 21.343 51.637 16.0967 48.5996C10.8635 45.5698 7.5 41.3098 7.5 36.5Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.13333334028720856,&#34;b&#34;:0.58823531866073608,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.97254902124404907,&#34;g&#34;:0.96470588445663452,&#34;b&#34;:0.96470588445663452,&#34;a&#34;:1.0},&#34;position&#34;:0.019999999552965164},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.13333334028720856,&#34;b&#34;:0.58823531866073608,&#34;a&#34;:1.0},&#34;position&#34;:0.28999999165534973}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.13333334028720856,&#34;b&#34;:0.58823531866073608,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.97254902124404907,&#34;g&#34;:0.96470588445663452,&#34;b&#34;:0.96470588445663452,&#34;a&#34;:1.0},&#34;position&#34;:0.019999999552965164},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.13333334028720856,&#34;b&#34;:0.58823531866073608,&#34;a&#34;:1.0},&#34;position&#34;:0.28999999165534973}],&#34;transform&#34;:{&#34;m00&#34;:-3.2264161109924316,&#34;m01&#34;:96.324195861816406,&#34;m02&#34;:-9.5111494064331055,&#34;m10&#34;:-35.16442871093750,&#34;m11&#34;:-12.960859298706055,&#34;m12&#34;:60.131347656250},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+<path d="M36.5 20.5C28.7019 20.5 21.6663 22.3312 16.5977 25.2656C11.5163 28.2076 8.5 32.1973 8.5 36.5C8.5 40.8027 11.5163 44.7924 16.5977 47.7344C21.6663 50.6688 28.7019 52.5 36.5 52.5C44.2981 52.5 51.3337 50.6688 56.4023 47.7344C61.4837 44.7924 64.5 40.8027 64.5 36.5H65.5C65.5 41.3098 62.1365 45.5698 56.9033 48.5996C51.657 51.637 44.442 53.5 36.5 53.5C28.558 53.5 21.343 51.637 16.0967 48.5996C10.8635 45.5698 7.5 41.3098 7.5 36.5C7.5 31.6902 10.8635 27.4303 16.0967 24.4004C21.343 21.363 28.558 19.5 36.5 19.5V20.5Z" fill="#002296"/>
+<path d="M64.5047 36.5018C64.4906 32.6495 62.0942 28.9731 57.9256 26.1613C53.7627 23.3533 47.9244 21.3695 41.2689 20.7349L41.3169 20.2377L41.3639 19.7395C48.1482 20.3863 54.1555 22.4117 58.4851 25.3321C62.8089 28.2486 65.4799 32.1966 65.4956 36.5018L64.5047 36.5018Z" fill="url(#paint0_linear_757_15422)"/>
 <path d="M51.0872 44.0002H47.6472V38.5402L42.0672 29.7002H46.1472L49.3872 35.3202L52.6472 29.7002H56.7072L51.0872 38.5602V44.0002Z" fill="#002291"/>
 <path d="M41.4691 44.0002H31.0291V29.7002H41.4691V32.5602H34.4691V35.3802H41.0891V38.2402H34.4691V41.1402H41.4691V44.0002Z" fill="#002291"/>
 <path d="M19.7737 44.0002H16.3337V29.7002H19.7737V35.2602H25.6137V29.7002H29.0537V44.0002H25.6137V38.1402H19.7737V44.0002Z" fill="#002291"/>
-<mask id="mask0_676_17651" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="29" width="41" height="15">
+<mask id="mask0_757_15422" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="29" width="41" height="15">
 <path d="M51.0872 43.9982H47.6472V38.5382L42.0672 29.6982H46.1472L49.3872 35.3182L52.6472 29.6982H56.7072L51.0872 38.5582V43.9982Z" fill="#002291"/>
 <path d="M41.4691 43.9982H31.0291V29.6982H41.4691V32.5582H34.4691V35.3782H41.0891V38.2382H34.4691V41.1382H41.4691V43.9982Z" fill="#002291"/>
 <path d="M19.7737 43.9982H16.3337V29.6982H19.7737V35.2582H25.6137V29.6982H29.0537V43.9982H25.6137V38.1382H19.7737V43.9982Z" fill="#002291"/>
 </mask>
-<g mask="url(#mask0_676_17651)">
-<g filter="url(#filter0_f_676_17651)">
-<path d="M16 -0.000976562H72V43.999H16V-0.000976562Z" fill="url(#paint1_linear_676_17651)"/>
+<g mask="url(#mask0_757_15422)">
+<g filter="url(#filter0_f_757_15422)">
+<path d="M16 -0.000976562H72V43.999H16V-0.000976562Z" fill="url(#paint1_linear_757_15422)"/>
 </g>
 </g>
 <defs>
-<clipPath id="paint0_angular_676_17651_clip_path"><path d="M7.5 36.5C7.5 31.6902 10.8635 27.4303 16.0967 24.4004C21.343 21.363 28.558 19.5 36.5 19.5V20.5C28.7019 20.5 21.6663 22.3312 16.5977 25.2656C11.5163 28.2076 8.5 32.1973 8.5 36.5C8.5 40.8027 11.5163 44.7924 16.5977 47.7344C21.6663 50.6688 28.7019 52.5 36.5 52.5C44.2981 52.5 51.3337 50.6688 56.4023 47.7344C61.4837 44.7924 64.5 40.8027 64.5 36.5C64.5 32.6476 62.0851 29.0488 57.9268 26.2217C53.7741 23.3985 47.9431 21.3933 41.29 20.7344L41.3398 20.2373L41.3887 19.7393C48.1705 20.4109 54.1704 22.4583 58.4893 25.3945C62.8024 28.3269 65.5 32.1947 65.5 36.5C65.5 41.3098 62.1365 45.5698 56.9033 48.5996C51.657 51.637 44.442 53.5 36.5 53.5C28.558 53.5 21.343 51.637 16.0967 48.5996C10.8635 45.5698 7.5 41.3098 7.5 36.5Z"/></clipPath><filter id="filter0_f_676_17651" x="7.6" y="-8.40098" width="72.8" height="60.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_f_757_15422" x="7.6" y="-8.40098" width="72.8" height="60.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="4.2" result="effect1_foregroundBlur_676_17651"/>
+<feGaussianBlur stdDeviation="4.2" result="effect1_foregroundBlur_757_15422"/>
 </filter>
-<linearGradient id="paint1_linear_676_17651" x1="64.0578" y1="3.94845" x2="29.4459" y2="60.1602" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_757_15422" x1="67.9815" y1="21.4031" x2="35.9817" y2="21.5203" gradientUnits="userSpaceOnUse">
+<stop offset="0.127659" stop-color="#002296"/>
+<stop offset="0.209869" stop-color="#002296"/>
+<stop offset="0.758061" stop-color="#F8F6F6"/>
+</linearGradient>
+<linearGradient id="paint1_linear_757_15422" x1="64.0578" y1="3.94845" x2="29.4459" y2="60.1602" gradientUnits="userSpaceOnUse">
 <stop offset="0.5" stop-color="#B8C4FF"/>
 <stop offset="1" stop-color="#002297"/>
 </linearGradient>

package/src/ExpandScroll.svg

@@ -4,7 +4,7 @@
 <path d="M46.0951 29.0172C46.7139 29.3745 47.0951 30.0347 47.0951 30.7493L47.0951 41.2507C47.0951 41.9653 46.7139 42.6255 46.0951 42.9828L37.0005 48.2335C36.3817 48.5908 35.6193 48.5908 35.0005 48.2335L25.906 42.9828C25.2872 42.6255 24.906 41.9653 24.906 41.2507L24.906 30.7493C24.906 30.0347 25.2872 29.3745 25.906 29.0172L35.0005 23.7665C35.6193 23.4092 36.3817 23.4092 37.0005 23.7665L46.0951 29.0172Z" fill="#002291"/>
 </mask>
 <g mask="url(#mask0_676_19831)">
-<path d="M73.5819 8.34621C75.3059 9.34154 76.3679 11.181 76.3679 13.1717L76.3679 45.7416C76.3679 47.7322 75.3059 49.5717 73.5819 50.567L45.3756 66.852C43.6516 67.8473 41.5276 67.8473 39.8036 66.852L11.5972 50.567C9.87326 49.5717 8.81125 47.7322 8.81125 45.7416L8.81126 13.1717C8.81126 11.181 9.87327 9.34155 11.5972 8.34622L39.8036 -7.93873C41.5276 -8.93407 43.6516 -8.93406 45.3756 -7.93873L73.5819 8.34621Z" fill="#002291"/>
+<path d="M68.8182 8.34621C70.4407 9.34155 71.4401 11.181 71.4401 13.1717L71.4401 45.7416C71.4401 47.7322 70.4407 49.5717 68.8182 50.567L42.2725 66.852C40.65 67.8473 38.651 67.8473 37.0285 66.852L10.4828 50.567C8.86034 49.5717 7.86085 47.7322 7.86085 45.7416L7.86085 13.1717C7.86085 11.181 8.86034 9.34155 10.4828 8.34621L37.0285 -7.93873C38.651 -8.93407 40.65 -8.93406 42.2725 -7.93873L68.8182 8.34621Z" fill="#002291"/>
 <g filter="url(#filter0_f_676_19831)">
 <path d="M65.8723 21.3121L65.8723 48.7853L42.0798 62.5219L18.2872 48.7853L18.2872 21.3121L42.0798 7.57544L65.8723 21.3121Z" fill="url(#paint0_linear_676_19831)"/>
 </g>
@@ -15,7 +15,7 @@
 <path d="M43.1637 30.6483C43.7825 31.0056 44.1637 31.6658 44.1637 32.3804L44.1637 39.5241C44.1637 40.2386 43.7825 40.8989 43.1637 41.2561L36.9771 44.828C36.3583 45.1852 35.5959 45.1852 34.9771 44.828L28.7904 41.2561C28.1716 40.8989 27.7904 40.2386 27.7904 39.5241L27.7904 32.3804C27.7904 31.6658 28.1716 31.0056 28.7904 30.6483L34.9771 27.0765C35.5959 26.7192 36.3583 26.7192 36.9771 27.0765L43.1637 30.6483Z" fill="#002291"/>
 </mask>
 <g mask="url(#mask1_676_19831)">
-<path d="M63.2509 14.6821C64.4926 15.399 65.2575 16.7239 65.2575 18.1576L65.2575 41.6156C65.2575 43.0494 64.4926 44.3743 63.2509 45.0911L42.9356 56.8202C41.694 57.537 40.1642 57.537 38.9225 56.8202L18.6072 45.0911C17.3656 44.3743 16.6007 43.0494 16.6007 41.6157L16.6007 18.1576C16.6007 16.7239 17.3656 15.399 18.6072 14.6821L38.9225 2.95311C40.1642 2.23623 41.694 2.23623 42.9356 2.95311L63.2509 14.6821Z" fill="#002291"/>
+<path d="M59.8199 14.6821C60.9884 15.399 61.7083 16.7239 61.7083 18.1576L61.7083 41.6157C61.7083 43.0494 60.9884 44.3743 59.8199 45.0911L40.7007 56.8202C39.5321 57.537 38.0924 57.537 36.9238 56.8202L17.8046 45.0911C16.636 44.3743 15.9161 43.0494 15.9161 41.6157L15.9161 18.1576C15.9161 16.7239 16.636 15.399 17.8046 14.6821L36.9238 2.95311C38.0924 2.23623 39.5321 2.23624 40.7007 2.95311L59.8199 14.6821Z" fill="#002291"/>
 <g filter="url(#filter1_f_676_19831)">
 <path d="M58.0644 19.9917L58.0644 39.779L40.9281 49.6726L23.7919 39.779L23.7919 19.9917L40.9281 10.0981L58.0644 19.9917Z" fill="url(#paint1_linear_676_19831)"/>
 </g>
@@ -25,7 +25,7 @@
 <path d="M40.1014 32.4177C40.7202 32.7749 41.1014 33.4352 41.1014 34.1497L41.1014 37.7569C41.1014 38.4715 40.7202 39.1317 40.1014 39.489L36.9774 41.2926C36.3586 41.6499 35.5962 41.6499 34.9774 41.2926L31.8535 39.489C31.2347 39.1317 30.8535 38.4715 30.8535 37.7569L30.8535 34.1497C30.8535 33.4352 31.2347 32.7749 31.8535 32.4177L34.9774 30.6141C35.5962 30.2568 36.3586 30.2568 36.9774 30.6141L40.1014 32.4177Z" fill="#002291"/>
 </mask>
 <g mask="url(#mask2_676_19831)">
-<path d="M55.5888 22.5813C56.3539 23.023 56.8252 23.8394 56.8252 24.7229L56.8252 39.1775C56.8252 40.0609 56.3539 40.8773 55.5888 41.319L43.0707 48.5463C42.3056 48.9881 41.363 48.9881 40.5979 48.5463L28.0798 41.319C27.3147 40.8773 26.8434 40.0609 26.8434 39.1775L26.8434 24.7229C26.8434 23.8394 27.3147 23.023 28.0798 22.5813L40.5979 15.354C41.363 14.9123 42.3056 14.9123 43.0707 15.354L55.5888 22.5813Z" fill="#002291"/>
+<path d="M53.4747 22.5813C54.1947 23.023 54.6383 23.8394 54.6383 24.7229L54.6383 39.1775C54.6383 40.0609 54.1947 40.8773 53.4747 41.319L41.6936 48.5464C40.9735 48.9881 40.0864 48.9881 39.3663 48.5464L27.5852 41.319C26.8652 40.8773 26.4216 40.0609 26.4216 39.1775L26.4216 24.7229C26.4216 23.8394 26.8652 23.023 27.5852 22.5813L39.3663 15.354C40.0864 14.9123 40.9735 14.9123 41.6936 15.354L53.4747 22.5813Z" fill="#002291"/>
 <g filter="url(#filter2_f_676_19831)">
 <path d="M52.3934 25.8561L52.3934 38.0488L41.8342 44.1452L31.2749 38.0488L31.2749 25.8561L41.8342 19.7597L52.3934 25.8561Z" fill="url(#paint2_linear_676_19831)"/>
 </g>

package/src/ShrinkScroll.svg

@@ -12,7 +12,7 @@
 <path d="M46.0948 29.0172C46.7136 29.3745 47.0948 30.0347 47.0948 30.7493L47.0948 41.2507C47.0948 41.9653 46.7136 42.6255 46.0948 42.9828L37.0003 48.2335C36.3815 48.5908 35.6191 48.5908 35.0003 48.2335L25.9057 42.9828C25.2869 42.6255 24.9057 41.9653 24.9057 41.2507L24.9057 30.7493C24.9057 30.0347 25.2869 29.3745 25.9057 29.0172L35.0003 23.7665C35.6191 23.4092 36.3815 23.4092 37.0003 23.7665L46.0948 29.0172Z" fill="#002291"/>
 </mask>
 <g mask="url(#mask0_676_19869)">
-<path d="M73.5817 8.34621C75.3056 9.34154 76.3677 11.181 76.3677 13.1717L76.3676 45.7416C76.3676 47.7322 75.3056 49.5717 73.5817 50.567L45.3753 66.852C43.6513 67.8473 41.5273 67.8473 39.8033 66.852L11.597 50.567C9.87302 49.5717 8.81101 47.7322 8.81101 45.7416L8.81101 13.1717C8.81101 11.181 9.87303 9.34155 11.597 8.34622L39.8033 -7.93873C41.5273 -8.93407 43.6513 -8.93406 45.3753 -7.93873L73.5817 8.34621Z" fill="#002291"/>
+<path d="M73.5817 10.0486C75.3056 11.1062 76.3677 13.0607 76.3677 15.1759L76.3676 49.7833C76.3676 51.8985 75.3056 53.853 73.5817 54.9107L45.3753 72.2143C43.6513 73.2719 41.5273 73.2719 39.8033 72.2143L11.597 54.9107C9.87302 53.8531 8.811 51.8985 8.81101 49.7833L8.81101 15.176C8.81101 13.0607 9.87303 11.1062 11.597 10.0486L39.8033 -7.25507C41.5273 -8.31268 43.6513 -8.31268 45.3753 -7.25507L73.5817 10.0486Z" fill="#002291"/>
 <g filter="url(#filter0_f_676_19869)">
 <path d="M65.8721 21.316L65.8721 48.7892L42.0795 62.5259L18.287 48.7892L18.287 21.316L42.0795 7.57935L65.8721 21.316Z" fill="url(#paint4_linear_676_19869)"/>
 </g>
@@ -23,7 +23,7 @@
 <path d="M43.1634 30.6483C43.7822 31.0056 44.1634 31.6658 44.1634 32.3804L44.1634 39.5241C44.1634 40.2386 43.7822 40.8989 43.1634 41.2561L36.9768 44.828C36.358 45.1852 35.5956 45.1852 34.9768 44.828L28.7902 41.2561C28.1714 40.8989 27.7902 40.2386 27.7902 39.5241L27.7902 32.3804C27.7902 31.6658 28.1714 31.0056 28.7902 30.6483L34.9768 27.0765C35.5956 26.7192 36.358 26.7192 36.9768 27.0765L43.1634 30.6483Z" fill="#002291"/>
 </mask>
 <g mask="url(#mask1_676_19869)">
-<path d="M63.2506 14.6821C64.4923 15.399 65.2572 16.7239 65.2572 18.1576L65.2572 41.6156C65.2572 43.0494 64.4923 44.3743 63.2506 45.0911L42.9354 56.8202C41.6937 57.537 40.1639 57.537 38.9222 56.8202L18.607 45.0911C17.3653 44.3743 16.6004 43.0494 16.6004 41.6157L16.6004 18.1576C16.6004 16.7239 17.3653 15.399 18.607 14.6821L38.9222 2.95311C40.1639 2.23623 41.6937 2.23623 42.9354 2.95311L63.2506 14.6821Z" fill="#002291"/>
+<path d="M63.2506 15.9083C64.4923 16.67 65.2572 18.0777 65.2572 19.6012L65.2572 44.5267C65.2572 46.0501 64.4923 47.4578 63.2506 48.2196L42.9354 60.6823C41.6937 61.4441 40.1639 61.4441 38.9222 60.6823L18.607 48.2196C17.3653 47.4579 16.6004 46.0501 16.6004 44.5267L16.6004 19.6012C16.6004 18.0777 17.3653 16.67 18.607 15.9083L38.9222 3.44551C40.1639 2.68378 41.6937 2.68378 42.9354 3.44551L63.2506 15.9083Z" fill="#002291"/>
 <g filter="url(#filter1_f_676_19869)">
 <path d="M58.0642 19.9917L58.0642 39.779L40.9279 49.6726L23.7916 39.779L23.7916 19.9917L40.9279 10.0981L58.0642 19.9917Z" fill="url(#paint5_linear_676_19869)"/>
 </g>
@@ -33,7 +33,7 @@
 <path d="M40.1011 32.4177C40.7199 32.7749 41.1011 33.4352 41.1011 34.1497L41.1011 37.7569C41.1011 38.4715 40.7199 39.1317 40.1011 39.489L36.9772 41.2926C36.3584 41.6499 35.596 41.6499 34.9772 41.2926L31.8533 39.489C31.2345 39.1317 30.8533 38.4715 30.8533 37.7569L30.8533 34.1497C30.8533 33.4352 31.2345 32.7749 31.8533 32.4177L34.9772 30.6141C35.596 30.2568 36.3584 30.2568 36.9772 30.6141L40.1011 32.4177Z" fill="#002291"/>
 </mask>
 <g mask="url(#mask2_676_19869)">
-<path d="M55.5885 22.5813C56.3536 23.023 56.8249 23.8394 56.8249 24.7229L56.8249 39.1775C56.8249 40.0609 56.3536 40.8773 55.5885 41.319L43.0704 48.5463C42.3053 48.9881 41.3627 48.9881 40.5976 48.5463L28.0795 41.319C27.3144 40.8773 26.8431 40.0609 26.8431 39.1775L26.8431 24.7229C26.8431 23.8394 27.3144 23.023 28.0795 22.5813L40.5976 15.354C41.3627 14.9123 42.3053 14.9123 43.0704 15.354L55.5885 22.5813Z" fill="#002291"/>
+<path d="M55.5885 23.3368C56.3536 23.8062 56.8249 24.6736 56.8249 25.6124L56.8249 40.9712C56.8249 41.91 56.3536 42.7774 55.5885 43.2468L43.0704 50.9262C42.3053 51.3956 41.3627 51.3956 40.5976 50.9262L28.0795 43.2468C27.3144 42.7774 26.8431 41.91 26.8431 40.9712L26.8431 25.6124C26.8431 24.6736 27.3144 23.8062 28.0795 23.3368L40.5976 15.6574C41.3627 15.188 42.3053 15.188 43.0704 15.6574L55.5885 23.3368Z" fill="#002291"/>
 <g filter="url(#filter2_f_676_19869)">
 <path d="M52.3931 25.8522L52.3931 38.0449L41.8339 44.1412L31.2747 38.0449L31.2747 25.8522L41.8339 19.7558L52.3931 25.8522Z" fill="url(#paint6_linear_676_19869)"/>
 </g>