npm - @wix/design-system-illustrations - Versions diffs - 2.12.0 → 2.14.0 - Mend

@wix/design-system-illustrations 2.12.0 → 2.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (187) hide show

package/dist/cjs/AppearClick.js +1 -0
package/dist/cjs/AppearHover.js +1 -0
package/dist/cjs/ArcEntrance.js +2 -0
package/dist/cjs/Aspect3DSection.js +4 -0
package/dist/cjs/Bounce.js +1 -1
package/dist/cjs/BounceAnimation.js +2 -0
package/dist/cjs/BounceEntrance.js +4 -3
package/dist/cjs/BounceLoop.js +4 -3
package/dist/cjs/BreathAnimation.js +2 -0
package/dist/cjs/BreathLoop.js +2 -0
package/dist/cjs/CircleMarker.js +3 -3
package/dist/cjs/ClockWipe.js +1 -1
package/dist/cjs/CrossLoop.js +2 -0
package/dist/cjs/Cube.js +1 -0
package/dist/cjs/CustomImage.js +1 -0
package/dist/cjs/DonutChart.js +1 -1
package/dist/cjs/Drop.js +1 -1
package/dist/cjs/EmptyPage.js +1 -1
package/dist/cjs/EmptyPageImage.js +1 -1
package/dist/cjs/EventInfo.js +1 -0
package/dist/cjs/ExpandAnimation.js +2 -0
package/dist/cjs/ExpandClick.js +2 -0
package/dist/cjs/ExpandHover.js +2 -0
package/dist/cjs/ExpandScroll.js +5 -3
package/dist/cjs/FadeBackSection.js +2 -0
package/dist/cjs/FillParallaxScroll.js +2 -0
package/dist/cjs/FillReveal.js +1 -0
package/dist/cjs/FlapLoop.js +2 -0
package/dist/cjs/Flip.js +1 -0
package/dist/cjs/FlipAnimation.js +2 -0
package/dist/cjs/FlipLoop.js +2 -0
package/dist/cjs/FloatEntrance.js +2 -0
package/dist/cjs/Fold.js +1 -1
package/dist/cjs/FoldAnimation.js +2 -0
package/dist/cjs/FreeformImage.js +1 -0
package/dist/cjs/GlideEntrance.js +3 -0
package/dist/cjs/GlitchAnimation.js +2 -0
package/dist/cjs/GrowEntrance.js +2 -0
package/dist/cjs/ImagePositionLeft.js +1 -0
package/dist/cjs/ImagePositionRight.js +1 -0
package/dist/cjs/Iris.js +1 -1
package/dist/cjs/JelloLoop.js +3 -0
package/dist/cjs/LayeredElipseDivider.js +1 -1
package/dist/cjs/MoveClick.js +2 -0
package/dist/cjs/MoveHorizontalHover.js +3 -0
package/dist/cjs/OnImage.js +1 -0
package/dist/cjs/PanSection.js +2 -0
package/dist/cjs/ParallaxSection.js +2 -0
package/dist/cjs/PieChart.js +1 -0
package/dist/cjs/PokeLoop.js +2 -0
package/dist/cjs/PullBackSection.js +2 -0
package/dist/cjs/PulseLoop.js +2 -0
package/dist/cjs/ResizeOptionsCrop.js +1 -0
package/dist/cjs/ResizeOptionsFit.js +1 -1
package/dist/cjs/Reveal.js +1 -0
package/dist/cjs/RevealAnimation.js +1 -0
package/dist/cjs/RevealSection.js +1 -0
package/dist/cjs/RightWaveDivider.js +1 -1
package/dist/cjs/RotateClick.js +2 -0
package/dist/cjs/RotateHover.js +1 -0
package/dist/cjs/RotateSection.js +1 -0
package/dist/cjs/RubberMouse.js +4 -0
package/dist/cjs/ScrollEffectsDisappear.js +1 -1
package/dist/cjs/ScrollEffectsFadeOut.js +1 -1
package/dist/cjs/ScrollEffectsMoveWithPage.js +1 -1
package/dist/cjs/ScrollEffectsStayFixed.js +1 -1
package/dist/cjs/ShapeEntrance.js +1 -0
package/dist/cjs/Shrink.js +2 -0
package/dist/cjs/ShrinkClick.js +2 -0
package/dist/cjs/ShrinkHover.js +2 -0
package/dist/cjs/ShrinkScroll.js +5 -3
package/dist/cjs/Shuffle.js +1 -0
package/dist/cjs/SkewClick.js +1 -0
package/dist/cjs/SkewHover.js +1 -0
package/dist/cjs/SkewSection.js +1 -0
package/dist/cjs/SlideAnimation.js +2 -0
package/dist/cjs/SpinAnimation.js +1 -0
package/dist/cjs/Swap.js +1 -1
package/dist/cjs/SwingLoop.js +2 -0
package/dist/cjs/TiltAnimation.js +1 -1
package/dist/cjs/TiltEntrance.js +2 -0
package/dist/cjs/TurnEntrance.js +2 -0
package/dist/cjs/TwistClick.js +2 -0
package/dist/cjs/TwistHover.js +2 -0
package/dist/cjs/TypeWriter.js +1 -0
package/dist/cjs/WinkEntrance.js +1 -0
package/dist/cjs/ZoomSection.js +2 -0
package/dist/cjs/index.js +0 -3
package/dist/esm/AppearClick.js +1 -0
package/dist/esm/AppearHover.js +1 -0
package/dist/esm/ArcEntrance.js +2 -0
package/dist/esm/Aspect3DSection.js +4 -0
package/dist/esm/Bounce.js +1 -1
package/dist/esm/BounceAnimation.js +2 -0
package/dist/esm/BounceEntrance.js +4 -3
package/dist/esm/BounceLoop.js +4 -3
package/dist/esm/BreathAnimation.js +2 -0
package/dist/esm/BreathLoop.js +2 -0
package/dist/esm/CircleMarker.js +3 -3
package/dist/esm/ClockWipe.js +1 -1
package/dist/esm/CrossLoop.js +2 -0
package/dist/esm/Cube.js +1 -0
package/dist/esm/CustomImage.js +1 -0
package/dist/esm/DonutChart.js +1 -1
package/dist/esm/Drop.js +1 -1
package/dist/esm/EmptyPage.js +1 -1
package/dist/esm/EmptyPageImage.js +1 -1
package/dist/esm/EventInfo.js +1 -0
package/dist/esm/ExpandAnimation.js +2 -0
package/dist/esm/ExpandClick.js +2 -0
package/dist/esm/ExpandHover.js +2 -0
package/dist/esm/ExpandScroll.js +5 -3
package/dist/esm/FadeBackSection.js +2 -0
package/dist/esm/FillParallaxScroll.js +2 -0
package/dist/esm/FillReveal.js +1 -0
package/dist/esm/FlapLoop.js +2 -0
package/dist/esm/Flip.js +1 -0
package/dist/esm/FlipAnimation.js +2 -0
package/dist/esm/FlipLoop.js +2 -0
package/dist/esm/FloatEntrance.js +2 -0
package/dist/esm/Fold.js +1 -1
package/dist/esm/FoldAnimation.js +2 -0
package/dist/esm/FreeformImage.js +1 -0
package/dist/esm/GlideEntrance.js +3 -0
package/dist/esm/GlitchAnimation.js +2 -0
package/dist/esm/GrowEntrance.js +2 -0
package/dist/esm/ImagePositionLeft.js +1 -0
package/dist/esm/ImagePositionRight.js +1 -0
package/dist/esm/Iris.js +1 -1
package/dist/esm/JelloLoop.js +3 -0
package/dist/esm/LayeredElipseDivider.js +1 -1
package/dist/esm/MoveClick.js +2 -0
package/dist/esm/MoveHorizontalHover.js +3 -0
package/dist/esm/OnImage.js +1 -0
package/dist/esm/PanSection.js +2 -0
package/dist/esm/ParallaxSection.js +2 -0
package/dist/esm/PieChart.js +1 -0
package/dist/esm/PokeLoop.js +2 -0
package/dist/esm/PullBackSection.js +2 -0
package/dist/esm/PulseLoop.js +2 -0
package/dist/esm/ResizeOptionsCrop.js +1 -0
package/dist/esm/ResizeOptionsFit.js +1 -1
package/dist/esm/Reveal.js +1 -0
package/dist/esm/RevealAnimation.js +1 -0
package/dist/esm/RevealSection.js +1 -0
package/dist/esm/RightWaveDivider.js +1 -1
package/dist/esm/RotateClick.js +2 -0
package/dist/esm/RotateHover.js +1 -0
package/dist/esm/RotateSection.js +1 -0
package/dist/esm/RubberMouse.js +4 -0
package/dist/esm/ScrollEffectsDisappear.js +1 -1
package/dist/esm/ScrollEffectsFadeOut.js +1 -1
package/dist/esm/ScrollEffectsMoveWithPage.js +1 -1
package/dist/esm/ScrollEffectsStayFixed.js +1 -1
package/dist/esm/ShapeEntrance.js +1 -0
package/dist/esm/Shrink.js +2 -0
package/dist/esm/ShrinkClick.js +2 -0
package/dist/esm/ShrinkHover.js +2 -0
package/dist/esm/ShrinkScroll.js +5 -3
package/dist/esm/Shuffle.js +1 -0
package/dist/esm/SkewClick.js +1 -0
package/dist/esm/SkewHover.js +1 -0
package/dist/esm/SkewSection.js +1 -0
package/dist/esm/SlideAnimation.js +2 -0
package/dist/esm/SpinAnimation.js +1 -0
package/dist/esm/Swap.js +1 -1
package/dist/esm/SwingLoop.js +2 -0
package/dist/esm/TiltAnimation.js +1 -1
package/dist/esm/TiltEntrance.js +2 -0
package/dist/esm/TurnEntrance.js +2 -0
package/dist/esm/TwistClick.js +2 -0
package/dist/esm/TwistHover.js +2 -0
package/dist/esm/TypeWriter.js +1 -0
package/dist/esm/WinkEntrance.js +1 -0
package/dist/esm/ZoomSection.js +2 -0
package/dist/esm/index.js +0 -2
package/dist/types/index.d.ts +0 -1
package/package.json +3 -3
package/src/BounceEntrance.svg +6 -2
package/src/BounceLoop.svg +7 -2
package/src/CircleMarker.svg +14 -8
package/src/ExpandScroll.svg +3 -3
package/src/ShrinkScroll.svg +3 -3
package/dist/cjs/ThumbnailNameexample.js +0 -52
package/dist/esm/ThumbnailNameexample.js +0 -18
package/dist/types/ThumbnailNameexample.d.ts +0 -5
package/src/ThumbnailNameexample.svg +0 -4

package/dist/esm/ShrinkScroll.js CHANGED Viewed

@@ -17,10 +17,12 @@ const ShrinkScroll = (props) => /* @__PURE__ */ React.createElement(
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.017 46.61a.5.5 0 0 1 .144.398l-.354 3.889-.995-.09.3-3.292-3.293.3-.09-.996 3.89-.354.109.002a.5.5 0 0 1 .289.142" }),
   /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__d)", d: "m50.894 52.61-6-6-.707.706 6 6z" }),
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M44.187 46.61a.5.5 0 0 0-.144.398l.353 3.889.996-.09-.3-3.292 3.293.3.09-.996-3.89-.354-.11.002a.5.5 0 0 0-.288.142" }),
-  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__e", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732L37 48.233a2 2 0 0 1-2 0l-9.094-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732L35 23.767a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M73.582 8.346a5.57 5.57 0 0 1 2.786 4.826v32.57c0 1.99-1.062 3.83-2.786 4.825L45.375 66.852a5.57 5.57 0 0 1-5.572 0L11.597 50.567a5.57 5.57 0 0 1-2.786-4.825v-32.57c0-1.991 1.062-3.83 2.786-4.826L39.803-7.939a5.57 5.57 0 0 1 5.572 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__g)", d: "M65.872 21.316v27.473L42.08 62.526 18.287 48.789V21.316L42.08 7.579z" })))),
-  /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__h", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.163 30.648a2 2 0 0 1 1 1.732v7.144a2 2 0 0 1-1 1.732l-6.186 3.572a2 2 0 0 1-2 0l-6.187-3.572a2 2 0 0 1-1-1.732V32.38a2 2 0 0 1 1-1.732l6.187-3.572a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63.25 14.682a4.01 4.01 0 0 1 2.007 3.476v23.458a4.01 4.01 0 0 1-2.006 3.475l-20.316 11.73a4.01 4.01 0 0 1-4.013 0L18.607 45.09a4.01 4.01 0 0 1-2.007-3.475V18.158c0-1.434.765-2.759 2.007-3.476L38.922 2.953a4.01 4.01 0 0 1 4.013 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__j)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
+  /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M73.582 10.049c1.724 1.057 2.786 3.012 2.786 5.127v34.607c0 2.115-1.062 4.07-2.786 5.128L45.375 72.214a5.29 5.29 0 0 1-5.572 0L11.597 54.911c-1.724-1.058-2.786-3.013-2.786-5.128V15.176c0-2.115 1.062-4.07 2.786-5.127L39.803-7.255a5.29 5.29 0 0 1 5.572 0z" }))),
+  /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", d: "M63.25 15.908c1.242.762 2.007 2.17 2.007 3.693v24.926c0 1.523-.765 2.93-2.006 3.693L42.935 60.682a3.81 3.81 0 0 1-4.013 0L18.607 48.22c-1.242-.762-2.007-2.17-2.007-3.693V19.6c0-1.523.765-2.931 2.007-3.693L38.922 3.446a3.81 3.81 0 0 1 4.013 0z" }))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__e", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732L37 48.233a2 2 0 0 1-2 0l-9.094-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732L35 23.767a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M73.582 10.049c1.724 1.057 2.786 3.012 2.786 5.127v34.607c0 2.115-1.062 4.07-2.786 5.128L45.375 72.214a5.29 5.29 0 0 1-5.572 0L11.597 54.911c-1.724-1.058-2.786-3.013-2.786-5.128V15.176c0-2.115 1.062-4.07 2.786-5.127L39.803-7.255a5.29 5.29 0 0 1 5.572 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__g)", d: "M65.872 21.316v27.473L42.08 62.526 18.287 48.789V21.316L42.08 7.579z" })))),
+  /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__h", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.163 30.648a2 2 0 0 1 1 1.732v7.144a2 2 0 0 1-1 1.732l-6.186 3.572a2 2 0 0 1-2 0l-6.187-3.572a2 2 0 0 1-1-1.732V32.38a2 2 0 0 1 1-1.732l6.187-3.572a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63.25 15.908c1.242.762 2.007 2.17 2.007 3.693v24.926c0 1.523-.765 2.93-2.006 3.693L42.935 60.682a3.81 3.81 0 0 1-4.013 0L18.607 48.22c-1.242-.762-2.007-2.17-2.007-3.693V19.6c0-1.523.765-2.931 2.007-3.693L38.922 3.446a3.81 3.81 0 0 1 4.013 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__j)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
   /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__k", width: "12", height: "12", x: "30", y: "30", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.101 32.418a2 2 0 0 1 1 1.732v3.607a2 2 0 0 1-1 1.732l-3.124 1.804a2 2 0 0 1-2 0l-3.124-1.804a2 2 0 0 1-1-1.732V34.15a2 2 0 0 1 1-1.732l3.124-1.804a2 2 0 0 1 2 0z" })),
-  /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55.589 22.581a2.47 2.47 0 0 1 1.236 2.142v14.455c0 .883-.471 1.7-1.236 2.141L43.07 48.546a2.47 2.47 0 0 1-2.472 0L28.08 41.32a2.47 2.47 0 0 1-1.237-2.142V24.724c0-.884.471-1.7 1.236-2.142l12.519-7.227a2.47 2.47 0 0 1 2.472 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__m)", d: "M52.393 25.852v12.193l-10.56 6.096-10.558-6.096V25.852l10.559-6.096z" }))),
+  /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55.589 23.337c.765.47 1.236 1.337 1.236 2.275v15.36c0 .938-.471 1.805-1.236 2.275l-12.519 7.68c-.765.469-1.707.469-2.472 0l-12.518-7.68c-.766-.47-1.237-1.337-1.237-2.276V25.612c0-.938.471-1.806 1.236-2.275l12.519-7.68a2.35 2.35 0 0 1 2.472 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__m)", d: "M52.393 25.852v12.193l-10.56 6.096-10.558-6.096V25.852l10.559-6.096z" }))),
   /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__a", x1: "50.538", x2: "44.538", y1: "19.037", y2: "25.037", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__b", x1: "20.662", x2: "26.662", y1: "19.037", y2: "25.037", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__c", x1: "20.663", x2: "26.663", y1: "52.963", y2: "46.963", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__d", x1: "50.54", x2: "44.54", y1: "52.963", y2: "46.963", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__g", x1: "67.512", x2: "15.947", y1: "21.167", y2: "49.509", 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: "ShrinkScroll__j", x1: "59.245", x2: "22.106", y1: "19.884", y2: "40.298", 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: "ShrinkScroll__m", x1: "53.121", x2: "30.236", y1: "25.786", y2: "38.364", 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: "ShrinkScroll__f", width: "57.585", height: "64.949", x: "13.287", y: "2.578", 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_19869", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkScroll__i", width: "44.273", height: "49.574", x: "18.792", y: "5.098", 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_19869", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkScroll__l", width: "31.118", height: "34.387", x: "26.275", y: "14.754", 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_19869", stdDeviation: "2.5" })))
 );
 ShrinkScroll.displayName = "ShrinkScroll";

package/dist/esm/Shuffle.js CHANGED Viewed

@@ -12,6 +12,7 @@ const Shuffle = (props) => /* @__PURE__ */ React.createElement(
   /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M16.094 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zM55.767 44h-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: "Shuffle__a", width: "50", height: "15", x: "12", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M16.094 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zM55.767 44h-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(#Shuffle__b)", mask: "url(#Shuffle__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shuffle__c)", d: "M13 0h59v44H13z" })),
+  /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M35.57 41.1q-1.08 0-2-.54a4.1 4.1 0 0 1-1.48-1.5q-.54-.98-.54-2.28 0-1.32.54-2.28a4.05 4.05 0 0 1 1.48-1.52 3.9 3.9 0 0 1 2.02-.54q1.581 0 2.46 1.24v-.98h2.72v4.5q0 1.38 1.04 1.38 1.32 0 1.32-2.32 0-1.78-.8-3.18a5.87 5.87 0 0 0-2.22-2.24q-1.4-.84-3.24-.84-1.44 0-2.7.52a6.8 6.8 0 0 0-2.2 1.44 6.8 6.8 0 0 0-1.48 2.16 6.9 6.9 0 0 0-.52 2.68q0 1.34.5 2.52.501 1.16 1.38 2.06.9.88 2.1 1.38 1.221.5 2.64.5 1.36 0 2.48-.44t1.8-1.16L42.69 44q-.54.48-1.44.9-.9.44-2.08.7-1.18.28-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.66-.7-3.6 0-2 .74-3.7a9 9 0 0 1 2.06-2.98 9.3 9.3 0 0 1 3.1-1.98q1.78-.72 3.84-.72 1.96 0 3.6.7a8.7 8.7 0 0 1 2.88 1.9 8.7 8.7 0 0 1 1.9 2.78 8.4 8.4 0 0 1 .68 3.36q0 2.36-1.18 3.68-1.16 1.3-3.26 1.3-1 0-1.76-.38a2.85 2.85 0 0 1-1.18-1.06q-.5.68-1.28 1.06t-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.28.68-.72v-1.2q0-.98-.5-1.52t-1.32-.54q-.86 0-1.38.6-.5.6-.5 1.54" })),
   /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35.57 41.1q-1.08 0-2-.54a4.1 4.1 0 0 1-1.48-1.5q-.54-.98-.54-2.28 0-1.32.54-2.28a4.05 4.05 0 0 1 1.48-1.52 3.9 3.9 0 0 1 2.02-.54q1.581 0 2.46 1.24v-.98h2.72v4.5q0 1.38 1.04 1.38 1.32 0 1.32-2.32 0-1.78-.8-3.18a5.87 5.87 0 0 0-2.22-2.24q-1.4-.84-3.24-.84-1.44 0-2.7.52a6.8 6.8 0 0 0-2.2 1.44 6.8 6.8 0 0 0-1.48 2.16 6.9 6.9 0 0 0-.52 2.68q0 1.34.5 2.52.501 1.16 1.38 2.06.9.88 2.1 1.38 1.221.5 2.64.5 1.36 0 2.48-.44t1.8-1.16L42.69 44q-.54.48-1.44.9-.9.44-2.08.7-1.18.28-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.66-.7-3.6 0-2 .74-3.7a9 9 0 0 1 2.06-2.98 9.3 9.3 0 0 1 3.1-1.98q1.78-.72 3.84-.72 1.96 0 3.6.7a8.7 8.7 0 0 1 2.88 1.9 8.7 8.7 0 0 1 1.9 2.78 8.4 8.4 0 0 1 .68 3.36q0 2.36-1.18 3.68-1.16 1.3-3.26 1.3-1 0-1.76-.38a2.85 2.85 0 0 1-1.18-1.06q-.5.68-1.28 1.06t-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.28.68-.72v-1.2q0-.98-.5-1.52t-1.32-.54q-.86 0-1.38.6-.5.6-.5 1.54" }), /* @__PURE__ */ React.createElement("mask", { id: "Shuffle__d", width: "19", height: "19", x: "27", y: "27", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35.57 41.099q-1.08 0-2-.54a4.1 4.1 0 0 1-1.48-1.5q-.54-.98-.54-2.28 0-1.32.54-2.28a4.05 4.05 0 0 1 1.48-1.52 3.9 3.9 0 0 1 2.02-.54q1.581 0 2.46 1.24v-.98h2.72v4.5q0 1.38 1.04 1.38 1.32 0 1.32-2.32 0-1.78-.8-3.18a5.87 5.87 0 0 0-2.22-2.24q-1.4-.84-3.24-.84-1.44 0-2.7.52a6.8 6.8 0 0 0-2.2 1.44 6.8 6.8 0 0 0-1.48 2.16 6.9 6.9 0 0 0-.52 2.68q0 1.34.5 2.52.501 1.16 1.38 2.06.9.88 2.1 1.38 1.221.5 2.64.5 1.36 0 2.48-.44t1.8-1.16l1.82 2.34q-.54.48-1.44.9-.9.44-2.08.7-1.18.28-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.66-.7-3.6 0-2 .74-3.7a9 9 0 0 1 2.06-2.98 9.3 9.3 0 0 1 3.1-1.98q1.78-.72 3.84-.72 1.96 0 3.6.7a8.7 8.7 0 0 1 2.88 1.9 8.7 8.7 0 0 1 1.9 2.78 8.4 8.4 0 0 1 .68 3.36q0 2.36-1.18 3.68-1.16 1.3-3.26 1.3-1 0-1.76-.38a2.85 2.85 0 0 1-1.18-1.06q-.5.68-1.28 1.06t-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.28.68-.72v-1.2q0-.98-.5-1.52t-1.32-.54q-.86 0-1.38.6-.5.6-.5 1.54" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Shuffle__e)", mask: "url(#Shuffle__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shuffle__f)", d: "M16-2h56v44H16z" }))),
   /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Shuffle__c", x1: "63.632", x2: "29.86", y1: "3.949", y2: "61.736", 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("linearGradient", { id: "Shuffle__f", x1: "64.058", x2: "29.446", y1: "1.949", y2: "58.161", 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: "Shuffle__b", width: "75.8", height: "60.8", x: "4.6", y: "-8.4", 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_17732", stdDeviation: "4.2" })), /* @__PURE__ */ React.createElement("filter", { id: "Shuffle__e", width: "72.8", height: "60.8", x: "7.6", y: "-10.4", 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_17732", stdDeviation: "4.2" })))
 );

package/dist/esm/SkewClick.js CHANGED Viewed

@@ -9,6 +9,7 @@ const SkewClick = (props) => /* @__PURE__ */ React.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })),
   /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "var(--wds-illustration-color-1, #002291)", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewClick__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewClick__c)", d: "m109.989 62.273-15.03-37.83L3.582.76l15.03 37.83z" }))),
   /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewClick__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewClick__f)", d: "M95.765 44V11.994H20.08V44z" }))),
   /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewClick__c", x1: "88.888", x2: "60.059", y1: "27.683", y2: "71.977", 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: "SkewClick__f", x1: "88.972", x2: "58.899", y1: "16.533", y2: "72.263", 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: "SkewClick__a" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "#fff", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__d" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewClick__b", width: "123.203", height: "78.311", x: "-4.816", y: "-7.64", 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_19502", stdDeviation: "4.199" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewClick__e", width: "90.45", height: "46.769", x: "12.698", y: "4.614", 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_19502", stdDeviation: "3.691" })))

package/dist/esm/SkewHover.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/dist/esm/index.js CHANGED Viewed

@@ -248,7 +248,6 @@ import { SwingLoop } from "./SwingLoop";
 import { SwivelMouse } from "./SwivelMouse";
 import { TextEntrance } from "./TextEntrance";
 import { TextPath } from "./TextPath";
-import { ThumbnailNameexample } from "./ThumbnailNameexample";
 import { Tilt3DMouse } from "./Tilt3DMouse";
 import { TiltAnimation } from "./TiltAnimation";
 import { TiltDivider } from "./TiltDivider";
@@ -530,7 +529,6 @@ export {
   SwivelMouse,
   TextEntrance,
   TextPath,
-  ThumbnailNameexample,
   Tilt3DMouse,
   TiltAnimation,
   TiltDivider,

package/dist/types/index.d.ts CHANGED Viewed

@@ -248,7 +248,6 @@ export { SwingLoop } from './SwingLoop';
 export { SwivelMouse } from './SwivelMouse';
 export { TextEntrance } from './TextEntrance';
 export { TextPath } from './TextPath';
-export { ThumbnailNameexample } from './ThumbnailNameexample';
 export { Tilt3DMouse } from './Tilt3DMouse';
 export { TiltAnimation } from './TiltAnimation';
 export { TiltDivider } from './TiltDivider';

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@wix/design-system-illustrations",
-  "version": "2.12.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": "054b9426f7b4d8d6080761e4278f8de15bfb4fda58718709d0f07a82"
+  "falconPackageHash": "ea46dbc902357518edccf3aa8eccfce716b7161e529376e14768e66d"
 }

package/src/BounceEntrance.svg CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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>