@wix/design-system-illustrations 2.14.0 → 2.15.0

package/dist/esm/TiltScroll.js

@@ -9,6 +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.226a2 2 0 0 1 1.86.736l8.422 10.617a2 2 0 0 1 .293 1.979L46.28 50.16a2 2 0 0 1-1.567 1.243l-13.406 1.983a2 2 0 0 1-1.86-.735l-8.421-10.618a2 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: "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.868a.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.098 25.162 31.726-14.894 37.654-40.056 5.928-25.162-31.726L27.287-2.17z" }))),

package/dist/esm/Track3DMouse.js

@@ -9,6 +9,9 @@ const Track3DMouse = (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: "M11.295 20.53c0-1.713 2.014-2.634 3.31-1.512l25.544 22.123c1.4 1.212.542 3.511-1.31 3.511H13.296a2 2 0 0 1-2-2z", opacity: ".25" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M60.705 20.53c0-1.713-2.014-2.634-3.31-1.512L31.851 41.141c-1.4 1.212-.543 3.511 1.31 3.511h25.544a2 2 0 0 0 2-2z", opacity: ".25" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.268 19.23c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.192 3-1.732 3H23.01c-1.54 0-2.502-1.666-1.732-3z", opacity: ".25" }),
   /* @__PURE__ */ React.createElement("path", { fill: "url(#Track3DMouse__a)", d: "M36.241 56.05c3.352 0 6.182-1.03 8.167-2.055a19 19 0 0 0 2.32-1.413 14 14 0 0 0 .785-.605l.043-.038q.008-.006.012-.01.002 0 .003-.003l.001-.001h.001l-.664-.748h-.001l-.008.008-.035.03-.144.118c-.128.104-.322.255-.576.437-.507.363-1.252.85-2.196 1.336-1.89.976-4.56 1.945-7.708 1.945-3.143 0-5.556-.966-7.183-1.93a12.5 12.5 0 0 1-1.84-1.322 9 9 0 0 1-.57-.544l-.025-.028-.006-.005-.376.329-.376.33h.002q0 .003.003.005.003.005.01.011l.036.04q.045.049.133.137c.116.117.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" }),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.847 51.244a.5.5 0 0 0-.091.43l1 4 .97-.243-.845-3.38h3.36v-.999h-4l-.113.013a.5.5 0 0 0-.281.18" }),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Track3DMouse__b", width: "30", height: "27", x: "11", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M11.295 20.53c0-1.713 2.014-2.634 3.31-1.512l25.544 22.123c1.4 1.212.542 3.511-1.31 3.511H13.296a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Track3DMouse__b)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Track3DMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M4.512-.594H62.49v48.69H4.51z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Track3DMouse__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Track3DMouse__e)", d: "m11.47 5.32 44.06 38.506H11.47z" })))),

package/dist/esm/TrackMouse.js

@@ -9,6 +9,9 @@ const TrackMouse = (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: "M34.268 33.664c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.193 3-1.732 3H23.01c-1.54 0-2.503-1.667-1.733-3z", opacity: ".5" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.268 23.856c.77-1.334 2.694-1.334 3.464 0l12.99 22.5c.77 1.333-.193 3-1.732 3H23.01c-1.54 0-2.503-1.667-1.733-3z", opacity: ".5" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.268 14.05c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.193 3-1.732 3H23.01c-1.54 0-2.503-1.666-1.733-3z", opacity: ".5" }),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "TrackMouse__a", width: "30", height: "28", x: "21", y: "32", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 33.664c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3H23.01c-1.54 0-2.502-1.667-1.732-3z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#TrackMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763 13.918h57.979v48.69h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TrackMouse__d)", d: "m41.527 20.977 20.982 38.505H18.45z" })))),
   /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "TrackMouse__e", width: "30", height: "28", x: "21", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 23.856c.77-1.334 2.694-1.334 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3H23.01c-1.54 0-2.502-1.667-1.732-3z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#TrackMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763 4.11h57.979V52.8h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TrackMouse__h)", d: "m41.272 11.293 20.983 38.505H18.194z" })))),
   /* @__PURE__ */ React.createElement("mask", { id: "TrackMouse__i", width: "30", height: "27", x: "21", y: "13", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 14.05c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.192 3-1.732 3H23.01c-1.54 0-2.502-1.666-1.732-3z" })),

package/dist/esm/TurnEntrance.js

@@ -9,10 +9,11 @@ const TurnEntrance = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.248", y: "33.355", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-17.066 25.248 33.355)" }),
+  /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "34.06", y: "31.984", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(9.533 34.06 31.984)" }),
+  /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "18.216", y: "38.688", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 18.216 38.688)" }),
   /* @__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/TurnScroll.js

@@ -9,6 +9,9 @@ const TurnScroll = (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.116 28.675a2 2 0 0 1 1.45 1.378l3.026 10.253a2 2 0 0 1-.468 1.944l-7.366 7.748a2 2 0 0 1-1.919.567l-10.392-2.506a2 2 0 0 1-1.45-1.378L19.97 36.428a2 2 0 0 1 .469-1.944l7.366-7.748a2 2 0 0 1 1.918-.566z", opacity: ".5" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M40.701 20.095a2 2 0 0 1 1.83.81l6.3 8.637a2 2 0 0 1 .212 1.988l-4.33 9.775a2 2 0 0 1-1.615 1.179l-10.63 1.137a2 2 0 0 1-1.829-.81l-6.3-8.636a2 2 0 0 1-.213-1.99l4.33-9.774a2 2 0 0 1 1.616-1.178z", opacity: ".5" }),
+  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M37.14 12.561a2 2 0 0 1 2 0l9.259 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.259-5.345a2 2 0 0 1-1-1.732V19.639a2 2 0 0 1 1-1.732z", opacity: ".5" }),
   /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnScroll__a)", d: "M46.334 53.668c-2.093 2.093-4.504 3.216-6.381 3.815-.94.3-1.752.47-2.33.566a12 12 0 0 1-.87.113l-.05.003h-.014l-.005.002h-.002l-.03-.5-.028-.498v-.001h.009l.039-.003.162-.016c.143-.015.356-.042.625-.087.54-.089 1.303-.248 2.19-.531 1.775-.567 4.03-1.622 5.978-3.57 1.945-1.946 2.84-4.037 3.25-5.64.205-.8.288-1.48.32-1.954a8 8 0 0 0 .017-.687l-.002-.032v-.006l.5-.033.498-.034v.007l.001.014a4 4 0 0 1 .006.218c0 .147-.004.357-.022.62a12 12 0 0 1-.35 2.136c-.445 1.74-1.415 4.001-3.511 6.098" }),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49.772 44.113a.5.5 0 0 1 .368.239l1.865 3.109-.857.514-1.536-2.56-2.035 2.035-.706-.707 2.487-2.488.089-.071a.5.5 0 0 1 .325-.072" }),
   /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "TurnScroll__b", width: "26", height: "25", x: "19", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.116 28.671a2 2 0 0 1 1.45 1.378l3.026 10.253a2 2 0 0 1-.468 1.944l-7.366 7.749a2 2 0 0 1-1.919.566l-10.392-2.505a2 2 0 0 1-1.45-1.378L19.97 36.424a2 2 0 0 1 .469-1.944l7.366-7.748a2 2 0 0 1 1.918-.566z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnScroll__c)", mask: "url(#TurnScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnScroll__d)", d: "m64.47 18.673 8.198 27.77-19.95 20.986-28.15-6.785-8.198-27.77 19.95-20.986z" }))),

package/dist/esm/TwistClick.js

@@ -9,8 +9,7 @@ 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("rect", { width: "17.885", height: "35.418", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "8.942", transform: "matrix(.52398 -.85173 -.85174 -.52397 46.398 52.895)" }),
   /* @__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,8 +9,7 @@ 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("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("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

@@ -9,12 +9,13 @@ const TypeWriter = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__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("g", { mask: "url(#TypeWriter__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", 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("g", { mask: "url(#TypeWriter__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", 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__c", 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__c)" }, /* @__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__d", 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__e)", mask: "url(#TypeWriter__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TypeWriter__f)", d: "M16-.001h56v44H16z" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__g", 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__g)" }, /* @__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__h", 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__i)", mask: "url(#TypeWriter__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TypeWriter__j)", 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" })))
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TypeWriter__f", 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__j", 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__e", 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__i", 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("mask", { id: "TypeWriter__a", width: "21", height: "30", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M10 21h21v30H10z" })), /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__b", width: "27", height: "30", x: "31", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M58 21H31v30h27z" })))
 );
 TypeWriter.displayName = "TypeWriter";
 export {

package/dist/esm/WinkEntrance.js

@@ -9,7 +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("rect", { width: "19.927", height: "19.927", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", 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

@@ -9,6 +9,7 @@ const ZoomSection = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".7", rx: "2.217" }),
   /* @__PURE__ */ React.createElement("path", { fill: "url(#ZoomSection__a)", d: "m58.622 19.086-6 6-.708-.707 6-6z" }),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.915 25.086a.5.5 0 0 1-.145-.399l.354-3.889.995.09-.3 3.293 3.293-.3.09.996-3.889.353-.11-.002a.5.5 0 0 1-.289-.142" }),
   /* @__PURE__ */ React.createElement("path", { fill: "url(#ZoomSection__b)", d: "m13.38 19.086 6 6 .707-.707-6-6z" }),
@@ -17,8 +18,6 @@ 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/dist/esm/index.js

@@ -1,5 +1,7 @@
 import { A4Frame } from "./A4Frame";
 import { AI } from "./AI";
+import { AddAnElement } from "./AddAnElement";
+import { AddAnElementSmall } from "./AddAnElementSmall";
 import { AiryMouse } from "./AiryMouse";
 import { AlignBottomHorizontal } from "./AlignBottomHorizontal";
 import { AlignCenterHorizontal } from "./AlignCenterHorizontal";
@@ -281,6 +283,8 @@ import { ZoomSection } from "./ZoomSection";
 export {
   A4Frame,
   AI,
+  AddAnElement,
+  AddAnElementSmall,
   AiryMouse,
   AlignBottomHorizontal,
   AlignCenterHorizontal,

package/dist/types/AddAnElement.d.ts

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

package/dist/types/AddAnElementSmall.d.ts

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

package/dist/types/index.d.ts

@@ -1,5 +1,7 @@
 export { A4Frame } from './A4Frame';
 export { AI } from './AI';
+export { AddAnElement } from './AddAnElement';
+export { AddAnElementSmall } from './AddAnElementSmall';
 export { AiryMouse } from './AiryMouse';
 export { AlignBottomHorizontal } from './AlignBottomHorizontal';
 export { AlignCenterHorizontal } from './AlignCenterHorizontal';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/design-system-illustrations",
-  "version": "2.14.0",
+  "version": "2.15.0",
   "license": "MIT",
   "description": "Wix Design System Illustrations",
   "scripts": {
@@ -9,7 +9,7 @@
     "test": "vitest run"
   },
   "devDependencies": {
-    "@wix/design-system-tokens": "1.208.0",
+    "@wix/design-system-tokens": "1.209.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": "ea46dbc902357518edccf3aa8eccfce716b7161e529376e14768e66d"
+  "falconPackageHash": "ffeceba2665f25656fea9ef0ca5a8f3e78acd9520a986ddc6709c1cc"
 }

package/src/AddAnElement.svg

@@ -0,0 +1,24 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_787_3655)">
+<rect x="32" y="32" width="36" height="36" rx="6" fill="#002291"/>
+<g filter="url(#filter0_f_787_3655)">
+<path d="M30 21H88V70H30V21Z" fill="url(#paint0_linear_787_3655)"/>
+</g>
+<path d="M50.5 45C50.8728 45 51.175 45.3022 51.175 45.675V48.825H54.325C54.6978 48.825 55 49.1272 55 49.5C55 49.8728 54.6978 50.175 54.325 50.175H51.175V53.325C51.175 53.6978 50.8728 54 50.5 54C50.1272 54 49.825 53.6978 49.825 53.325V50.175H46.675C46.3022 50.175 46 49.8728 46 49.5C46 49.1272 46.3022 48.825 46.675 48.825H49.825V45.675C49.825 45.3022 50.1272 45 50.5 45Z" fill="#002291"/>
+</g>
+<defs>
+<filter id="filter0_f_787_3655" x="18" y="9" width="82" height="73" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_787_3655"/>
+</filter>
+<linearGradient id="paint0_linear_787_3655" x1="79.7741" y1="25.3982" x2="40.0348" y2="85.4214" 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_787_3655">
+<rect x="32" y="32" width="36" height="36" rx="6" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/AddAnElementSmall.svg

@@ -0,0 +1,24 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_787_3644)">
+<rect x="23" y="23" width="26" height="26" rx="3" fill="#002291"/>
+<g filter="url(#filter0_f_787_3644)">
+<path d="M21 13H64V49H21V13Z" fill="url(#paint0_linear_787_3644)"/>
+</g>
+<path d="M36 32C36.3314 32 36.6 32.2686 36.6 32.6V35.4H39.4C39.7314 35.4 40 35.6686 40 36C40 36.3314 39.7314 36.6 39.4 36.6H36.6V39.4C36.6 39.7314 36.3314 40 36 40C35.6686 40 35.4 39.7314 35.4 39.4V36.6H32.6C32.2686 36.6 32 36.3314 32 36C32 35.6686 32.2686 35.4 32.6 35.4H35.4V32.6C35.4 32.2686 35.6686 32 36 32Z" fill="#002291"/>
+</g>
+<defs>
+<filter id="filter0_f_787_3644" x="15" y="7" width="55" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_787_3644"/>
+</filter>
+<linearGradient id="paint0_linear_787_3644" x1="57.9015" y1="16.2313" x2="28.8094" y2="60.5726" 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_787_3644">
+<rect x="23" y="23" width="26" height="26" rx="3" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/AiryMouse.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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="M15.9281 19.7282C16.2985 18.2338 18.1477 17.7007 19.2567 18.7686L37.9713 36.7897C39.0804 37.8577 38.6174 39.7257 37.1381 40.1521L12.174 47.349C10.6946 47.7754 9.30837 46.4405 9.67871 44.9461L15.9281 19.7282Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M52.9894 19.1478C54.066 18.0472 55.9303 18.5247 56.3452 20.0073L63.3466 45.0269C63.7615 46.5096 62.4158 47.8854 60.9243 47.5034L35.756 41.0569C34.2646 40.6749 33.746 38.8216 34.8225 37.721L52.9894 19.1478Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M34.9896 17.168C35.7594 15.8346 37.6839 15.8346 38.4537 17.168L51.4441 39.668C52.2139 41.0013 51.2517 42.668 49.7121 42.668H23.7313C22.1917 42.668 21.2294 41.0013 21.9992 39.668L34.9896 17.168Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.75">
 <mask id="mask0_676_20756" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="18" width="30" height="30">
 <path d="M15.9284 19.7087C16.2988 18.2143 18.148 17.6812 19.257 18.7491L37.9716 36.7702C39.0807 37.8381 38.6177 39.7061 37.1384 40.1326L12.1743 47.3294C10.695 47.7559 9.30868 46.421 9.67901 44.9266L15.9284 19.7087Z" fill="#D9D9D9"/>
@@ -89,4 +89,4 @@
 <stop offset="0.45" stop-color="#002296"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/AppearClick.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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="M19.5 36C19.5 31.5817 23.0817 28 27.5 28H44.5C48.9183 28 52.5 31.5817 52.5 36C52.5 40.4183 48.9183 44 44.5 44H27.5C23.0817 44 19.5 40.4183 19.5 36Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.25">
 <path d="M19.5 36C19.5 31.5817 23.0817 28 27.5 28H35.6922V44H27.5C23.0817 44 19.5 40.4183 19.5 36Z" fill="#F8F6F6"/>
 <path d="M19.5 36C19.5 31.5817 23.0817 28 27.5 28H35.6922V44H27.5C23.0817 44 19.5 40.4183 19.5 36Z" fill="url(#paint0_linear_676_19606)"/>
@@ -17,4 +17,4 @@
 <stop offset="1" stop-color="#002291"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/AppearHover.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><rect x="25" y="25" width="22" height="22" rx="2" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g clip-path="url(#clip0_676_19770)">
 <path d="M47.0002 45C47.0002 46.1046 46.1048 47 45.0002 47L35.7958 47L35.7958 25L45.0002 25C46.1048 25 47.0002 25.8954 47.0002 27L47.0002 45Z" fill="#002291"/>
 <g filter="url(#filter0_f_676_19770)">
@@ -42,4 +42,4 @@
 <path d="M25.0002 27C25.0002 25.8954 25.8957 25 27.0002 25H35.793V47H27.0002C25.8957 47 25.0002 46.1046 25.0002 45V27Z" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/ArcEntrance.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect width="14.6148" height="14.6148" rx="2" transform="matrix(0.277905 -0.960609 0.277905 0.960609 17.4878 30.2383)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect width="16.1719" height="16.1719" rx="2" transform="matrix(0.496231 -0.86819 0.496231 0.86819 20.6262 30.2383)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="26.228" y="30.1367" width="20" height="20" rx="2" transform="rotate(-45 26.228 30.1367)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <path d="M40.8748 53.072C40.8738 53.2259 40.802 53.3709 40.6801 53.4649L37.4146 55.9822L36.8042 55.1901L39.5633 53.0636L36.9273 50.9799L37.5474 50.1963L40.6849 52.6771L40.766 52.757C40.8365 52.8455 40.8755 52.9566 40.8748 53.072Z" fill="#002296"/>
 <path d="M33.6135 48.8232L33.6408 49.3223C31.1742 49.4593 27.6787 49.7463 25.1897 50.1592C24.5686 50.2622 24.017 50.3719 23.5637 50.4873C23.1829 50.5843 22.8924 50.6807 22.6926 50.7705C22.7265 50.7869 22.7628 50.8072 22.8049 50.8252L22.6086 51.2852L22.4113 51.7451C22.1997 51.6546 22.0123 51.5542 21.8645 51.4385C21.7227 51.3275 21.5645 51.1605 21.5109 50.9248C21.4513 50.6617 21.5477 50.4355 21.675 50.2793C21.7927 50.1351 21.9516 50.0278 22.1027 49.9463C22.4089 49.7811 22.8344 49.6414 23.3166 49.5186C23.807 49.3937 24.3888 49.2785 25.0256 49.1729C27.5685 48.7511 31.1071 48.4619 33.5852 48.3242L33.6135 48.8232Z" fill="url(#paint0_linear_676_19269)"/>
 <path d="M22.8046 50.8281C23.4123 51.088 24.4268 51.3243 25.7372 51.5303C27.0355 51.7343 28.5847 51.9036 30.2382 52.041C33.5446 52.3158 37.2436 52.4641 40.1337 52.5293L40.122 53.0293L40.1113 53.5293C37.2096 53.4638 33.4887 53.3141 30.1552 53.0371C28.489 52.8986 26.9133 52.7278 25.582 52.5186C24.2628 52.3112 23.1425 52.0604 22.412 51.748L22.8046 50.8281Z" fill="#002296"/>
@@ -69,4 +69,4 @@
 <rect x="26.228" y="30.1406" width="20" height="20" rx="2" transform="rotate(-45 26.228 30.1406)" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/ArcScroll.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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="M22.0361 19.2914C22.4182 18.6108 23.3979 18.6108 23.78 19.2913L26.4296 24.0102C26.5135 24.1598 26.5576 24.3283 26.5576 24.4998V36.9767C26.5576 37.1482 26.5135 37.3168 26.4296 37.4663L23.78 42.1852C23.3979 42.8658 22.4182 42.8658 22.0361 42.1852L19.3868 37.4663C19.3029 37.3168 19.2588 37.1482 19.2588 36.9768V24.4998C19.2588 24.3283 19.3029 24.1598 19.3868 24.0102L22.0361 19.2914Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><path d="M29.6483 18.8856C30.4017 18.2282 31.5247 18.2282 32.2781 18.8855L37.728 23.6405C38.1633 24.0203 38.4131 24.5698 38.4131 25.1475V36.329C38.4131 36.9067 38.1633 37.4562 37.728 37.8361L32.2781 42.591C31.5247 43.2484 30.4017 43.2483 29.6483 42.591L24.1988 37.8361C23.7635 37.4562 23.5137 36.9068 23.5137 36.3291V25.1475C23.5137 24.5698 23.7635 24.0203 24.1988 23.6405L29.6483 18.8856Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><path d="M38.7412 18.3156C39.36 17.9584 40.1224 17.9584 40.7412 18.3156L49.9995 23.6609C50.6183 24.0182 50.9995 24.6785 50.9995 25.393V36.0836C50.9995 36.7981 50.6183 37.4584 49.9995 37.8156L40.7412 43.1609C40.1224 43.5182 39.36 43.5182 38.7412 43.1609L29.4829 37.8156C28.8641 37.4584 28.4829 36.7981 28.4829 36.0836V25.393C28.4829 24.6785 28.8641 24.0182 29.4829 23.6609L38.7412 18.3156Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <mask id="mask0_676_20010" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="19" y="18" width="8" height="25">
 <path d="M22.0361 19.2914C22.4182 18.6108 23.3979 18.6108 23.78 19.2913L26.4296 24.0102C26.5135 24.1598 26.5576 24.3283 26.5576 24.4998V36.9767C26.5576 37.1482 26.5135 37.3168 26.4296 37.4663L23.78 42.1852C23.3979 42.8658 22.4182 42.8658 22.0361 42.1852L19.3868 37.4663C19.3029 37.3168 19.2588 37.1482 19.2588 36.9768V24.4998C19.2588 24.3283 19.3029 24.1598 19.3868 24.0102L22.0361 19.2914Z" fill="#002294"/>
@@ -66,4 +66,4 @@
 <stop offset="0.45" stop-color="#002296"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

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">
+<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.9385C46.3995 53.408 46.0233 52.5391 45.2958 52.5391H26.7028C25.9752 52.5391 25.5991 53.408 26.097 53.9385L27.0297 54.9321C27.1868 55.0994 27.406 55.1943 27.6355 55.1943H44.3631C44.5925 55.1943 44.8118 55.0994 44.9688 54.9321L45.9015 53.9385Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M49.9432 47.555C50.3363 46.8513 49.8276 45.9844 49.0214 45.9844H22.9771C22.171 45.9844 21.6623 46.8513 22.0554 47.555L24.1694 51.3395C24.356 51.6735 24.7086 51.8804 25.0912 51.8804H46.9074C47.2899 51.8804 47.6425 51.6735 47.8291 51.3395L49.9432 47.555Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M45.9015 18.0537C46.3995 18.5842 46.0233 19.4531 45.2958 19.4531H26.7028C25.9752 19.4531 25.5991 18.5842 26.097 18.0537L27.0297 17.0601C27.1868 16.8928 27.406 16.7979 27.6355 16.7979H44.3631C44.5925 16.7979 44.8118 16.8928 44.9688 17.0601L45.9015 18.0537Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M49.9432 24.5231C50.3363 25.2268 49.8275 26.0938 49.0214 26.0938H22.9771C22.171 26.0938 21.6623 25.2268 22.0554 24.5231L24.1694 20.7386C24.356 20.4047 24.7086 20.1978 25.0912 20.1978H46.9074C47.2899 20.1978 47.6425 20.4047 47.8291 20.7386L49.9432 24.5231Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><rect x="20.0002" y="27.1094" 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.9385C46.3991 53.408 46.023 52.5391 45.2954 52.5391H26.7024C25.9748 52.5391 25.5987 53.408 26.0967 53.9385L27.0294 54.9321C27.1864 55.0994 27.4056 55.1943 27.6351 55.1943H44.3627C44.5922 55.1943 44.8114 55.0994 44.9684 54.9321L45.9011 53.9385Z" fill="url(#paint0_linear_676_22383)"/>
@@ -124,4 +124,4 @@
 <rect x="20" y="27.1094" width="32" height="17.7778" rx="2" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

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">
+<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.3704C32.9182 44.3981 33.0206 44.4434 33.1134 44.5048L41.6499 50.1437C42.0573 50.4128 42.2108 50.9369 42.0129 51.3834L41.1883 53.2431C40.9904 53.6895 40.499 53.9277 40.0259 53.8065L30.1154 51.2669C30.0076 51.2393 29.9052 51.1939 29.8124 51.1326L21.2769 45.4941C20.8694 45.2249 20.7159 44.7008 20.9139 44.2544L21.7384 42.3946C21.9363 41.9482 22.4277 41.71 22.9008 41.8312L32.8105 44.3704Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><path d="M32.4036 33.6444C32.8052 33.5984 33.2113 33.6751 33.5684 33.8646L42.0674 38.3724C42.8415 38.783 43.2582 39.6497 43.0955 40.5107L42.3533 44.4377C42.1906 45.2987 41.4863 45.9535 40.6157 46.0533L31.0578 47.1484C30.6562 47.1944 30.2501 47.1177 29.893 46.9283L21.3946 42.4205C20.6205 42.0099 20.2038 41.1433 20.3665 40.2823L21.1087 36.3552C21.2715 35.4942 21.9757 34.8394 22.8462 34.7397L32.4036 33.6444Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><path d="M30.8101 16.8547C31.4289 16.4974 32.1913 16.4974 32.8101 16.8547L42.0684 22.2C42.6872 22.5573 43.0684 23.2175 43.0684 23.932V34.6226C43.0684 35.3372 42.6872 35.9974 42.0684 36.3547L32.8101 41.7C32.1913 42.0573 31.4289 42.0573 30.8101 41.7L21.5517 36.3547C20.9329 35.9974 20.5517 35.3372 20.5517 34.6226V23.932C20.5517 23.2175 20.9329 22.5573 21.5517 22.2L30.8101 16.8547Z" 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.3704C32.918 44.3981 33.0204 44.4434 33.1132 44.5048L41.6497 50.1437C42.0571 50.4128 42.2106 50.9369 42.0127 51.3834L41.1882 53.2431C40.9902 53.6895 40.4988 53.9277 40.0258 53.8065L30.1152 51.2669C30.0075 51.2393 29.9051 51.1939 29.8123 51.1326L21.2767 45.4941C20.8692 45.2249 20.7158 44.7008 20.9137 44.2544L21.7382 42.3946C21.9361 41.9482 22.4276 41.71 22.9006 41.8312L32.8103 44.3704Z" fill="#002291"/>
@@ -65,4 +65,4 @@
 <stop offset="0.45" stop-color="#002296"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/BlobMouse.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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="M23.0133 31.2662C23.4729 29.9067 25.3958 29.9067 25.8553 31.2662L33.399 53.5821C33.7277 54.5546 33.0045 55.5625 31.978 55.5625H16.8907C15.8642 55.5625 15.1409 54.5546 15.4697 53.5821L23.0133 31.2662Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M32.9271 22.6699C33.4687 21.5254 35.0972 21.5254 35.6388 22.6699L46.7559 46.1631C47.2268 47.1582 46.501 48.3047 45.4001 48.3047H23.1658C22.0649 48.3047 21.3391 47.1582 21.81 46.1631L32.9271 22.6699Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M42.4518 14.8086C43.2216 13.4753 45.1461 13.4753 45.9159 14.8086L58.9063 37.3086C59.6761 38.6419 58.7138 40.3086 57.1742 40.3086H31.1935C29.6539 40.3086 28.6916 38.6419 29.4614 37.3086L42.4518 14.8086Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <mask id="mask0_676_20657" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="15" y="30" width="19" height="26">
 <path d="M23.0482 31.2662C23.5078 29.9067 25.4307 29.9067 25.8902 31.2662L33.4339 53.5821C33.7626 54.5546 33.0394 55.5625 32.0129 55.5625H16.9256C15.8991 55.5625 15.1758 54.5546 15.5046 53.5821L23.0482 31.2662Z" fill="#D9D9D9"/>
@@ -83,4 +83,4 @@
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/Bounce.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_0_clippath)"><rect x="11" y="20.5" width="50" height="30" rx="2" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/></g>
 <g clip-path="url(#clip0_676_17512)">
 <g opacity="0.5">
 <g clip-path="url(#clip1_676_17512)">
@@ -50,5 +50,5 @@
 <clipPath id="clip2_676_17512">
 <rect x="17" y="26.5" width="38" height="24" rx="2" fill="white"/>
 </clipPath>
-</defs>
-</svg>
+<clipPath id="wash_0_clippath"><rect width="72" height="72" fill="white"/></clipPath></defs>
+</svg>

package/src/BounceAnimation.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="37.001" y="12.8564" width="20" height="20" rx="2" transform="rotate(45 37.001 12.8564)" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/><rect x="37" y="21.8574" width="20" height="20" rx="2" transform="rotate(45 37 21.8574)" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/><rect x="37.001" y="30.8564" width="20" height="20" rx="2" transform="rotate(45 37.001 30.8564)" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/>
 <g opacity="0.25">
 <g clip-path="url(#clip0_676_17971)">
 <rect x="37" y="12.8564" width="20" height="20" rx="2" transform="rotate(45 37 12.8564)" fill="#002291"/>
@@ -68,4 +68,4 @@
 <rect x="36.9999" y="30.8574" width="20" height="20" rx="2" transform="rotate(45 36.9999 30.8574)" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

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">
+<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>
 <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)">
@@ -67,4 +67,4 @@
 <rect x="33.5716" y="30.8594" width="20" height="20" rx="2" transform="rotate(45 33.5716 30.8594)" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/BounceLoop.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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="17.2061" y="16" width="28" height="28" rx="14" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="23.2061" y="20" width="28" height="28" rx="14" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="27.2061" y="28.0195" width="28" height="28" rx="14" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></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" fill="url(#paint0_linear_676_20490)"/>
 <g opacity="0.25">
 <g clip-path="url(#clip0_676_20490)">
@@ -94,4 +94,4 @@
 <rect x="27.2061" y="28.0195" width="28" height="28" rx="14" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

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">
+<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>
 <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)">
@@ -74,4 +74,4 @@
 <rect x="21" y="25.6875" width="30" height="30" rx="15" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/ClockWipe.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_0_clippath)"><rect x="11" y="21" width="50" height="30" rx="3" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g clip-path="url(#clip0_676_17385)">
 <g opacity="0.5">
 <g clip-path="url(#clip1_676_17385)">
@@ -104,5 +104,5 @@
 <clipPath id="clip4_676_17385">
 <rect x="7" y="7" width="58" height="58" rx="29" fill="white"/>
 </clipPath>
-</defs>
-</svg>
+<clipPath id="wash_0_clippath"><rect x="11" y="21" width="50" height="30" rx="3" fill="white"/></clipPath></defs>
+</svg>

package/src/CrossLoop.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><g mask="url(#wash_0_mask)"><rect x="8.48242" y="22.7031" width="28" height="28" rx="14" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.5"><rect x="21.7217" y="22.7305" width="28" height="28" rx="14" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><g mask="url(#wash_1_mask)"><rect x="35.9062" y="22.7031" width="28" height="28" rx="14" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g>
 <mask id="mask0_676_20454" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="11" y="18" width="26" height="36">
 <rect width="25.4375" height="34.0138" transform="matrix(-1 0 0 1 36.7217 18.9922)" fill="#002291"/>
 </mask>
@@ -112,5 +112,5 @@
 <clipPath id="clip2_676_20454">
 <rect x="35.9062" y="22.7031" width="28" height="28" rx="14" fill="white"/>
 </clipPath>
-</defs>
-</svg>
+<mask id="wash_0_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="11" y="18" width="26" height="36"><rect width="25.4375" height="34.0138" transform="matrix(-1 0 0 1 36.7217 18.9922)" fill="#2D2D2E"/></mask><mask id="wash_1_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="34" y="18" width="27" height="36"><rect width="25.7031" height="34.0138" transform="matrix(-1 0 0 1 60.4248 18.9922)" fill="#2D2D2E"/></mask></defs>
+</svg>

package/src/Cube.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 29.2609C11 28.8282 11.2784 28.4445 11.6898 28.3102L34.6898 20.805C35.3361 20.5941 36 21.0758 36 21.7557V48.9992C36 49.6791 35.3361 50.1608 34.6898 49.9499L11.6898 42.4446C11.2784 42.3104 11 41.9267 11 41.494V29.2609Z" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/>
 <g opacity="0.5">
 <mask id="mask0_676_17480" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="11" y="20" width="25" height="30">
 <path d="M11 28.8834C11 28.4507 11.2784 28.067 11.6898 27.9328L34.6898 20.4275C35.3361 20.2166 36 20.6983 36 21.3782V48.6218C36 49.3017 35.3361 49.7833 34.6898 49.5724L11.6898 42.0672C11.2784 41.9329 11 41.5493 11 41.1165V28.8834Z" fill="url(#paint0_linear_676_17480)"/>
@@ -57,4 +57,4 @@
 <stop offset="0.45" stop-color="#002296"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/DartScroll.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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="M29.6457 18.6302C30.3608 18.2862 31.1232 18.2862 31.6457 18.6302L39.4639 23.7779C39.9864 24.1219 40.1898 24.7578 39.9972 25.4459L37.1169 35.7411C36.9244 36.4292 36.3653 37.0651 35.6503 37.4091L24.9518 42.5568C24.2367 42.9008 23.4743 42.9008 22.9518 42.5568L15.1336 37.4091C14.6111 37.0651 14.4078 36.4292 14.6003 35.7411L17.4806 25.4459C17.6731 24.7578 18.2322 24.1219 18.9472 23.7779L29.6457 18.6302Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><path d="M38.3469 18.6302C39.0619 18.2862 39.8243 18.2862 40.3469 18.6302L48.1651 23.7779C48.6876 24.1219 48.8909 24.7578 48.6984 25.4459L45.8181 35.7411C45.6256 36.4292 45.0665 37.0651 44.3515 37.4091L33.653 42.5568C32.9379 42.9008 32.1755 42.9008 31.653 42.5568L23.8348 37.4091C23.3122 37.0651 23.1089 36.4292 23.3014 35.7411L26.1818 25.4459C26.3743 24.7578 26.9333 24.1219 27.6484 23.7779L38.3469 18.6302Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><path d="M47.0481 18.6302C47.7631 18.2862 48.5255 18.2862 49.0481 18.6302L56.8662 23.7779C57.3888 24.1219 57.5921 24.7578 57.3996 25.4459L54.5193 35.7411C54.3268 36.4292 53.7677 37.0651 53.0526 37.4091L42.3541 42.5568C41.6391 42.9008 40.8767 42.9008 40.3541 42.5568L32.536 37.4091C32.0134 37.0651 31.8101 36.4292 32.0026 35.7411L34.8829 25.4459C35.0754 24.7578 35.6345 24.1219 36.3496 23.7779L47.0481 18.6302Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <mask id="mask0_676_20113" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="18" width="27" height="25">
 <path d="M29.6458 18.6302C30.3608 18.2862 31.1232 18.2862 31.6458 18.6302L39.464 23.7779C39.9865 24.1219 40.1898 24.7578 39.9973 25.4459L37.117 35.7411C36.9245 36.4292 36.3654 37.0651 35.6503 37.4091L24.9519 42.5568C24.2368 42.9008 23.4744 42.9008 22.9519 42.5568L15.1337 37.4091C14.6111 37.0651 14.4078 36.4292 14.6003 35.7411L17.4806 25.4459C17.6732 24.7578 18.2322 24.1219 18.9473 23.7779L29.6458 18.6302Z" fill="#002291"/>
@@ -65,4 +65,4 @@
 <stop offset="0.45" stop-color="#002296"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>