@wix/design-system-illustrations 2.14.0 → 2.15.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.
- package/dist/cjs/AddAnElement.js +52 -0
- package/dist/cjs/AddAnElementSmall.js +52 -0
- package/dist/cjs/AiryMouse.js +3 -0
- package/dist/cjs/AppearClick.js +1 -1
- package/dist/cjs/AppearHover.js +1 -1
- package/dist/cjs/ArcEntrance.js +3 -2
- package/dist/cjs/ArcScroll.js +3 -0
- package/dist/cjs/Aspect3DSection.js +2 -4
- package/dist/cjs/Aspect3DSpinScroll.js +3 -0
- package/dist/cjs/BlobMouse.js +3 -0
- package/dist/cjs/Bounce.js +3 -2
- package/dist/cjs/BounceAnimation.js +3 -2
- package/dist/cjs/BounceEntrance.js +3 -2
- package/dist/cjs/BounceLoop.js +3 -2
- package/dist/cjs/BreathAnimation.js +0 -2
- package/dist/cjs/BreathLoop.js +3 -2
- package/dist/cjs/ClockWipe.js +3 -2
- package/dist/cjs/CrossLoop.js +9 -8
- package/dist/cjs/Cube.js +1 -1
- package/dist/cjs/CustomImage.js +0 -1
- package/dist/cjs/DartScroll.js +3 -0
- package/dist/cjs/DonutChart.js +1 -1
- package/dist/cjs/Drop.js +1 -1
- package/dist/cjs/EmptyPage.js +3 -2
- package/dist/cjs/EmptyPageImage.js +3 -2
- package/dist/cjs/EventInfo.js +1 -1
- package/dist/cjs/ExpandAnimation.js +1 -2
- package/dist/cjs/ExpandClick.js +1 -2
- package/dist/cjs/ExpandHover.js +1 -2
- package/dist/cjs/ExpandScroll.js +1 -2
- package/dist/cjs/FadeBackSection.js +1 -2
- package/dist/cjs/FillParallaxScroll.js +0 -2
- package/dist/cjs/FillReveal.js +1 -1
- package/dist/cjs/FlapLoop.js +1 -2
- package/dist/cjs/Flip.js +5 -5
- package/dist/cjs/FlipAnimation.js +1 -2
- package/dist/cjs/FlipLoop.js +1 -2
- package/dist/cjs/FlipScroll.js +1 -0
- package/dist/cjs/FloatEntrance.js +3 -2
- package/dist/cjs/Fold.js +3 -2
- package/dist/cjs/FoldAnimation.js +3 -2
- package/dist/cjs/FreeformImage.js +0 -1
- package/dist/cjs/GlideEntrance.js +1 -3
- package/dist/cjs/GlitchAnimation.js +3 -2
- package/dist/cjs/GrowEntrance.js +3 -2
- package/dist/cjs/ImagePositionLeft.js +0 -1
- package/dist/cjs/ImagePositionRight.js +0 -1
- package/dist/cjs/Iris.js +3 -2
- package/dist/cjs/JelloLoop.js +5 -8
- package/dist/cjs/LayeredElipseDivider.js +1 -1
- package/dist/cjs/MoveClick.js +7 -7
- package/dist/cjs/MoveHorizontalHover.js +0 -3
- package/dist/cjs/MoveScroll.js +9 -6
- package/dist/cjs/ObscureMouse.js +11 -5
- package/dist/cjs/OnImage.js +1 -1
- package/dist/cjs/PanSection.js +1 -2
- package/dist/cjs/ParallaxScroll.js +9 -6
- package/dist/cjs/ParallaxSection.js +1 -2
- package/dist/cjs/PieChart.js +6 -5
- package/dist/cjs/PokeLoop.js +3 -2
- package/dist/cjs/PullBackSection.js +1 -2
- package/dist/cjs/PulseLoop.js +1 -2
- package/dist/cjs/ResizeMouse.js +3 -0
- package/dist/cjs/ResizeOptionsCrop.js +0 -1
- package/dist/cjs/ResizeOptionsFit.js +1 -1
- package/dist/cjs/Reveal.js +1 -1
- package/dist/cjs/RevealAnimation.js +5 -5
- package/dist/cjs/RevealScroll.js +1 -0
- package/dist/cjs/RevealSection.js +1 -1
- package/dist/cjs/RightWaveDivider.js +1 -1
- package/dist/cjs/RotateClick.js +3 -2
- package/dist/cjs/RotateHover.js +2 -1
- package/dist/cjs/RotateSection.js +9 -6
- package/dist/cjs/RubberMouse.js +4 -4
- package/dist/cjs/ScrollEffectsDisappear.js +3 -2
- package/dist/cjs/ScrollEffectsFadeOut.js +3 -2
- package/dist/cjs/ScrollEffectsMoveWithPage.js +3 -2
- package/dist/cjs/ScrollEffectsStayFixed.js +3 -2
- package/dist/cjs/ShapeEntrance.js +0 -1
- package/dist/cjs/ShapeScroll.js +1 -0
- package/dist/cjs/Shrink.js +1 -2
- package/dist/cjs/ShrinkClick.js +1 -2
- package/dist/cjs/ShrinkHover.js +1 -2
- package/dist/cjs/ShrinkScroll.js +1 -2
- package/dist/cjs/Shuffle.js +1 -1
- package/dist/cjs/Skew3DMouse.js +3 -0
- package/dist/cjs/SkewClick.js +7 -4
- package/dist/cjs/SkewHover.js +1 -1
- package/dist/cjs/SkewSection.js +1 -1
- package/dist/cjs/SlideAnimation.js +3 -2
- package/dist/cjs/SlideScroll.js +3 -0
- package/dist/cjs/SpinAnimation.js +0 -1
- package/dist/cjs/StretchScroll.js +1 -0
- package/dist/cjs/Swap.js +3 -2
- package/dist/cjs/SwingLoop.js +3 -2
- package/dist/cjs/SwivelMouse.js +1 -0
- package/dist/cjs/TiltAnimation.js +5 -2
- package/dist/cjs/TiltEntrance.js +3 -2
- package/dist/cjs/TiltScroll.js +1 -0
- package/dist/cjs/Track3DMouse.js +3 -0
- package/dist/cjs/TrackMouse.js +3 -0
- package/dist/cjs/TurnEntrance.js +3 -2
- package/dist/cjs/TurnScroll.js +3 -0
- package/dist/cjs/TwistClick.js +1 -2
- package/dist/cjs/TwistHover.js +1 -2
- package/dist/cjs/TypeWriter.js +6 -5
- package/dist/cjs/WinkEntrance.js +1 -1
- package/dist/cjs/ZoomSection.js +1 -2
- package/dist/cjs/index.js +6 -0
- package/dist/esm/AddAnElement.js +18 -0
- package/dist/esm/AddAnElementSmall.js +18 -0
- package/dist/esm/AiryMouse.js +3 -0
- package/dist/esm/AppearClick.js +1 -1
- package/dist/esm/AppearHover.js +1 -1
- package/dist/esm/ArcEntrance.js +3 -2
- package/dist/esm/ArcScroll.js +3 -0
- package/dist/esm/Aspect3DSection.js +2 -4
- package/dist/esm/Aspect3DSpinScroll.js +3 -0
- package/dist/esm/BlobMouse.js +3 -0
- package/dist/esm/Bounce.js +3 -2
- package/dist/esm/BounceAnimation.js +3 -2
- package/dist/esm/BounceEntrance.js +3 -2
- package/dist/esm/BounceLoop.js +3 -2
- package/dist/esm/BreathAnimation.js +0 -2
- package/dist/esm/BreathLoop.js +3 -2
- package/dist/esm/ClockWipe.js +3 -2
- package/dist/esm/CrossLoop.js +9 -8
- package/dist/esm/Cube.js +1 -1
- package/dist/esm/CustomImage.js +0 -1
- package/dist/esm/DartScroll.js +3 -0
- package/dist/esm/DonutChart.js +1 -1
- package/dist/esm/Drop.js +1 -1
- package/dist/esm/EmptyPage.js +3 -2
- package/dist/esm/EmptyPageImage.js +3 -2
- package/dist/esm/EventInfo.js +1 -1
- package/dist/esm/ExpandAnimation.js +1 -2
- package/dist/esm/ExpandClick.js +1 -2
- package/dist/esm/ExpandHover.js +1 -2
- package/dist/esm/ExpandScroll.js +1 -2
- package/dist/esm/FadeBackSection.js +1 -2
- package/dist/esm/FillParallaxScroll.js +0 -2
- package/dist/esm/FillReveal.js +1 -1
- package/dist/esm/FlapLoop.js +1 -2
- package/dist/esm/Flip.js +5 -5
- package/dist/esm/FlipAnimation.js +1 -2
- package/dist/esm/FlipLoop.js +1 -2
- package/dist/esm/FlipScroll.js +1 -0
- package/dist/esm/FloatEntrance.js +3 -2
- package/dist/esm/Fold.js +3 -2
- package/dist/esm/FoldAnimation.js +3 -2
- package/dist/esm/FreeformImage.js +0 -1
- package/dist/esm/GlideEntrance.js +1 -3
- package/dist/esm/GlitchAnimation.js +3 -2
- package/dist/esm/GrowEntrance.js +3 -2
- package/dist/esm/ImagePositionLeft.js +0 -1
- package/dist/esm/ImagePositionRight.js +0 -1
- package/dist/esm/Iris.js +3 -2
- package/dist/esm/JelloLoop.js +5 -8
- package/dist/esm/LayeredElipseDivider.js +1 -1
- package/dist/esm/MoveClick.js +7 -7
- package/dist/esm/MoveHorizontalHover.js +0 -3
- package/dist/esm/MoveScroll.js +9 -6
- package/dist/esm/ObscureMouse.js +11 -5
- package/dist/esm/OnImage.js +1 -1
- package/dist/esm/PanSection.js +1 -2
- package/dist/esm/ParallaxScroll.js +9 -6
- package/dist/esm/ParallaxSection.js +1 -2
- package/dist/esm/PieChart.js +6 -5
- package/dist/esm/PokeLoop.js +3 -2
- package/dist/esm/PullBackSection.js +1 -2
- package/dist/esm/PulseLoop.js +1 -2
- package/dist/esm/ResizeMouse.js +3 -0
- package/dist/esm/ResizeOptionsCrop.js +0 -1
- package/dist/esm/ResizeOptionsFit.js +1 -1
- package/dist/esm/Reveal.js +1 -1
- package/dist/esm/RevealAnimation.js +5 -5
- package/dist/esm/RevealScroll.js +1 -0
- package/dist/esm/RevealSection.js +1 -1
- package/dist/esm/RightWaveDivider.js +1 -1
- package/dist/esm/RotateClick.js +3 -2
- package/dist/esm/RotateHover.js +2 -1
- package/dist/esm/RotateSection.js +9 -6
- package/dist/esm/RubberMouse.js +4 -4
- package/dist/esm/ScrollEffectsDisappear.js +3 -2
- package/dist/esm/ScrollEffectsFadeOut.js +3 -2
- package/dist/esm/ScrollEffectsMoveWithPage.js +3 -2
- package/dist/esm/ScrollEffectsStayFixed.js +3 -2
- package/dist/esm/ShapeEntrance.js +0 -1
- package/dist/esm/ShapeScroll.js +1 -0
- package/dist/esm/Shrink.js +1 -2
- package/dist/esm/ShrinkClick.js +1 -2
- package/dist/esm/ShrinkHover.js +1 -2
- package/dist/esm/ShrinkScroll.js +1 -2
- package/dist/esm/Shuffle.js +1 -1
- package/dist/esm/Skew3DMouse.js +3 -0
- package/dist/esm/SkewClick.js +7 -4
- package/dist/esm/SkewHover.js +1 -1
- package/dist/esm/SkewSection.js +1 -1
- package/dist/esm/SlideAnimation.js +3 -2
- package/dist/esm/SlideScroll.js +3 -0
- package/dist/esm/SpinAnimation.js +0 -1
- package/dist/esm/StretchScroll.js +1 -0
- package/dist/esm/Swap.js +3 -2
- package/dist/esm/SwingLoop.js +3 -2
- package/dist/esm/SwivelMouse.js +1 -0
- package/dist/esm/TiltAnimation.js +5 -2
- package/dist/esm/TiltEntrance.js +3 -2
- package/dist/esm/TiltScroll.js +1 -0
- package/dist/esm/Track3DMouse.js +3 -0
- package/dist/esm/TrackMouse.js +3 -0
- package/dist/esm/TurnEntrance.js +3 -2
- package/dist/esm/TurnScroll.js +3 -0
- package/dist/esm/TwistClick.js +1 -2
- package/dist/esm/TwistHover.js +1 -2
- package/dist/esm/TypeWriter.js +6 -5
- package/dist/esm/WinkEntrance.js +1 -1
- package/dist/esm/ZoomSection.js +1 -2
- package/dist/esm/index.js +4 -0
- package/dist/types/AddAnElement.d.ts +5 -0
- package/dist/types/AddAnElementSmall.d.ts +5 -0
- package/dist/types/index.d.ts +2 -0
- package/package.json +3 -3
- package/src/AddAnElement.svg +24 -0
- package/src/AddAnElementSmall.svg +24 -0
- package/src/AiryMouse.svg +2 -2
- package/src/AppearClick.svg +2 -2
- package/src/AppearHover.svg +2 -2
- package/src/ArcEntrance.svg +2 -2
- package/src/ArcScroll.svg +2 -2
- package/src/Aspect3DSection.svg +2 -2
- package/src/Aspect3DSpinScroll.svg +2 -2
- package/src/BlobMouse.svg +2 -2
- package/src/Bounce.svg +3 -3
- package/src/BounceAnimation.svg +2 -2
- package/src/BounceEntrance.svg +2 -2
- package/src/BounceLoop.svg +2 -2
- package/src/BreathLoop.svg +2 -2
- package/src/ClockWipe.svg +3 -3
- package/src/CrossLoop.svg +3 -3
- package/src/Cube.svg +2 -2
- package/src/DartScroll.svg +2 -2
- package/src/EmptyPage.svg +3 -3
- package/src/EmptyPageImage.svg +3 -3
- package/src/EventInfo.svg +2 -2
- package/src/ExpandAnimation.svg +2 -2
- package/src/ExpandClick.svg +2 -2
- package/src/ExpandHover.svg +2 -2
- package/src/ExpandScroll.svg +2 -2
- package/src/FadeBackSection.svg +2 -2
- package/src/FillReveal.svg +2 -2
- package/src/FlapLoop.svg +2 -2
- package/src/Flip.svg +3 -3
- package/src/FlipAnimation.svg +2 -2
- package/src/FlipLoop.svg +2 -2
- package/src/FlipScroll.svg +2 -2
- package/src/FloatEntrance.svg +2 -2
- package/src/Fold.svg +3 -3
- package/src/FoldAnimation.svg +2 -2
- package/src/GlideEntrance.svg +2 -2
- package/src/GlitchAnimation.svg +2 -2
- package/src/GrowEntrance.svg +2 -2
- package/src/Iris.svg +3 -3
- package/src/JelloLoop.svg +11 -14
- package/src/MoveClick.svg +3 -3
- package/src/MoveScroll.svg +3 -3
- package/src/ObscureMouse.svg +3 -3
- package/src/OnImage.svg +2 -2
- package/src/PanSection.svg +2 -2
- package/src/ParallaxScroll.svg +3 -3
- package/src/ParallaxSection.svg +2 -2
- package/src/PieChart.svg +3 -3
- package/src/PokeLoop.svg +2 -2
- package/src/PullBackSection.svg +2 -2
- package/src/PulseLoop.svg +2 -2
- package/src/ResizeMouse.svg +2 -2
- package/src/Reveal.svg +2 -2
- package/src/RevealAnimation.svg +3 -3
- package/src/RevealScroll.svg +2 -2
- package/src/RevealSection.svg +2 -2
- package/src/RotateClick.svg +2 -2
- package/src/RotateHover.svg +2 -2
- package/src/RotateSection.svg +3 -3
- package/src/RubberMouse.svg +2 -2
- package/src/ScrollEffectsDisappear.svg +3 -3
- package/src/ScrollEffectsFadeOut.svg +3 -3
- package/src/ScrollEffectsMoveWithPage.svg +3 -3
- package/src/ScrollEffectsStayFixed.svg +3 -3
- package/src/ShapeScroll.svg +2 -2
- package/src/Shrink.svg +2 -2
- package/src/ShrinkClick.svg +2 -2
- package/src/ShrinkHover.svg +2 -2
- package/src/ShrinkScroll.svg +2 -2
- package/src/Shuffle.svg +2 -2
- package/src/Skew3DMouse.svg +2 -2
- package/src/SkewClick.svg +3 -3
- package/src/SkewHover.svg +2 -2
- package/src/SkewSection.svg +2 -2
- package/src/SlideAnimation.svg +2 -2
- package/src/SlideScroll.svg +2 -2
- package/src/StretchScroll.svg +2 -2
- package/src/Swap.svg +3 -3
- package/src/SwingLoop.svg +2 -2
- package/src/SwivelMouse.svg +2 -2
- package/src/TiltAnimation.svg +3 -3
- package/src/TiltEntrance.svg +2 -2
- package/src/TiltScroll.svg +2 -2
- package/src/Track3DMouse.svg +2 -2
- package/src/TrackMouse.svg +2 -2
- package/src/TurnEntrance.svg +2 -2
- package/src/TurnScroll.svg +2 -2
- package/src/TwistClick.svg +2 -2
- package/src/TwistHover.svg +2 -2
- package/src/TypeWriter.svg +3 -3
- package/src/WinkEntrance.svg +2 -2
- package/src/ZoomSection.svg +2 -2
|
@@ -9,8 +9,6 @@ const FillParallaxScroll = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M35 22.437a2 2 0 0 1 2 0l10.249 5.917a2 2 0 0 1 1 1.732V41.92a2 2 0 0 1-1 1.732L37 49.57a2 2 0 0 1-2 0l-10.249-5.917a2 2 0 0 1-1-1.732V30.086a2 2 0 0 1 1-1.732z" }),
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#FillParallaxScroll__a)", clipPath: "url(#FillParallaxScroll__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.922", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "m36.441 29.305-9.095 14.684 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M52.786 34.551s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.97-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.211", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "3.631" })))),
|
|
14
12
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M35 22.437a2 2 0 0 1 2 0l10.249 5.917a2 2 0 0 1 1 1.732V41.92a2 2 0 0 1-1 1.732L37 49.57a2 2 0 0 1-2 0l-10.249-5.917a2 2 0 0 1-1-1.732V30.086a2 2 0 0 1 1-1.732z", opacity: ".25" }),
|
|
15
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "FillParallaxScroll__a", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.951 22.574a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.817v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87A2.1 2.1 0 0 1 23.735 42V30.26c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillParallaxScroll__a)", clipPath: "url(#FillParallaxScroll__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.922", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__d)", d: "m36.441 29.305-9.095 14.684 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__e)", d: "M52.786 34.551s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.97-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.211", fill: "var(--wds-illustration-color-6, #002296)", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillParallaxScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__h)", d: "M27.792 22.714q-.481.095-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.69 2.864-.75 6.532 2.1 8.193 2.848 1.66 6.525.684 8.214-2.18 1.689-2.866.749-6.535-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
|
|
16
14
|
/* @__PURE__ */ React.createElement("mask", { id: "FillParallaxScroll__i", width: "32", height: "16", x: "20", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M20.014 21.703h31.973v14.363H20.014z" })),
|
package/dist/esm/FillReveal.js
CHANGED
|
@@ -9,7 +9,7 @@ const FillReveal = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M35 22.433a2 2 0 0 1 2 0l10.249 5.917a2 2 0 0 1 1 1.732v11.834a2 2 0 0 1-1 1.732L37 49.565a2 2 0 0 1-2 0l-10.249-5.917a2 2 0 0 1-1-1.732V30.082a2 2 0 0 1 1-1.732z", opacity: ".5" }),
|
|
13
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "FillReveal__a", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.951 22.442a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.816v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__a)", clipPath: "url(#FillReveal__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.785", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__d)", d: "m36.441 29.184-9.095 14.684 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__e)", d: "M52.786 34.426s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.97-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.082", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillReveal__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__h)", d: "M27.792 22.581q-.481.096-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.69 2.864-.75 6.532 2.1 8.193 2.848 1.661 6.525.684 8.214-2.18 1.689-2.866.749-6.534-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
|
|
14
14
|
/* @__PURE__ */ React.createElement("mask", { id: "FillReveal__i", width: "32", height: "24", x: "20", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M20.014 15.688h31.973v23.295H20.014z" })),
|
|
15
15
|
/* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__i)" }, /* @__PURE__ */ React.createElement("mask", { id: "FillReveal__j", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.949 22.446a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.816v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__j)", clipPath: "url(#FillReveal__k)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.789", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__m)", d: "m36.44 29.188-9.096 14.684 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__n)", d: "M52.784 34.43s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.969-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__o)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "27.086", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillReveal__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__q)", d: "M27.79 22.585q-.481.095-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.689 2.864-.75 6.532 2.1 8.193 2.848 1.66 6.525.684 8.214-2.18 1.689-2.866.749-6.534-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
|
package/dist/esm/FlapLoop.js
CHANGED
|
@@ -9,8 +9,7 @@ const FlapLoop = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#FlapLoop__d)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "25.095", cy: "43.083", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "25.095", ry: "43.083", transform: "matrix(0 -1 -1 0 96.513 38.426)" }))),
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M40.66 19.11c7.731 0 14 1.425 14 3.184 0 .64-.831 1.235-2.26 1.734 1.428 1.278 2.26 2.802 2.26 4.44 0 1.01-.318 1.976-.894 2.868.516 1.46.798 3.03.798 4.665 0 7.732-6.268 14-14 14s-14-6.268-14-14c0-1.708.306-3.345.866-4.858-.499-.838-.77-1.738-.77-2.674 0-1.639.83-3.163 2.259-4.44-1.429-.5-2.26-1.095-2.26-1.735.001-1.759 6.269-3.185 14-3.185", opacity: ".5" }),
|
|
14
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__a", width: "29", height: "28", x: "26", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("circle", { cx: "14", cy: "14", r: "14", fill: "var(--wds-illustration-color-1, #002291)", transform: "matrix(0 -1 -1 0 54.564 50)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FlapLoop__a)" }, /* @__PURE__ */ React.createElement("circle", { cx: "21.125", cy: "21.125", r: "21.125", fill: "var(--wds-illustration-color-1, #002291)", transform: "matrix(0 -1 -1 0 66.468 52.938)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlapLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__c)", d: "M63.466 35.17c-.196.985-.468 1.959-.816 2.907a18.65 18.65 0 0 1-8.048 9.619c-8.82 5.202-20.119 2.307-25.234-6.466s-2.105-20.098 6.715-25.3c8.826-5.201 20.125-2.307 25.233 6.46 2.34 4.007 2.978 8.538 2.15 12.78" })))),
|
|
15
14
|
/* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__d", width: "29", height: "17", x: "26", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "8.155", cy: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "8.155", ry: "14", transform: "matrix(0 -1 -1 0 54.66 36.621)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FlapLoop__d)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "25.095", cy: "43.083", fill: "var(--wds-illustration-color-1, #002291)", rx: "25.095", ry: "43.083", transform: "matrix(0 -1 -1 0 96.513 38.426)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlapLoop__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__f)", d: "M91.146 15.598a18.2 18.2 0 0 1-1.665 3.704c-2.94 4.96-8.54 9.357-16.421 12.256-17.996 6.627-41.048 2.939-51.484-8.238S17.28-2.286 35.276-8.913c18.008-6.627 41.06-2.94 51.484 8.23 4.773 5.104 6.075 10.878 4.386 16.281" })))),
|
|
16
15
|
/* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__g", width: "29", height: "7", x: "26", y: "19", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "3.185", cy: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3.185", ry: "14", transform: "matrix(0 -1 -1 0 54.66 25.48)" })),
|
package/dist/esm/Flip.js
CHANGED
|
@@ -9,12 +9,12 @@ const Flip = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#Flip__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", d: "M39 17.63H-1v37.896h40z" })),
|
|
12
13
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.5 19v34h-1V19z" }),
|
|
13
|
-
/* @__PURE__ */ React.createElement("g",
|
|
14
|
-
/* @__PURE__ */ React.createElement("
|
|
15
|
-
/* @__PURE__ */ React.createElement("
|
|
16
|
-
/* @__PURE__ */ React.createElement("
|
|
17
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__a", x1: "14.434", x2: "36.289", y1: "22.251", y2: "47.602", 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: "Flip__d", x1: "63.349", x2: "34.4", y1: "11.614", y2: "67.58", 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: "Flip__e", x1: "57.566", x2: "35.711", y1: "22.251", y2: "47.602", 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: "Flip__h", x1: "88.179", x2: "57.219", y1: "7.564", y2: "59.457", 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: ".9", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "Flip__c", width: "71.536", height: "59.447", x: "6", y: "-5", 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_17432", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Flip__g", width: "44", height: "62", x: "33", y: "-5", 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_17432", stdDeviation: "2.5" })))
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Flip__c", width: "23", height: "30", x: "11", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__b)", d: "M34 24.902a2 2 0 0 0-1.728-1.981l-19-2.609A2 2 0 0 0 11 22.293v25.414a2 2 0 0 0 2.272 1.981l19-2.609A2 2 0 0 0 34 45.098z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Flip__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M39 17.63H-1v37.896h40z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Flip__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__e)", d: "M11 0h61l.536 43.132L11 49.447z" })))),
|
|
15
|
+
/* @__PURE__ */ React.createElement("mask", { id: "Flip__g", width: "23", height: "30", x: "38", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__f)", d: "M38 24.902a2 2 0 0 1 1.728-1.981l19-2.609A2 2 0 0 1 61 22.293v25.414a2 2 0 0 1-2.272 1.981l-19-2.609A2 2 0 0 1 38 45.098z" })),
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#Flip__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M33 17.631h40v37.895H33z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Flip__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__i)", d: "M38 0h33.54L72 52l-34-4.927z" }))),
|
|
17
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__b", x1: "14.434", x2: "36.289", y1: "22.251", y2: "47.602", 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: "Flip__e", x1: "63.349", x2: "34.4", y1: "11.614", y2: "67.58", 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: "Flip__f", x1: "57.566", x2: "35.711", y1: "22.251", y2: "47.602", 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: "Flip__i", x1: "88.179", x2: "57.219", y1: "7.564", y2: "59.457", 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: ".9", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "Flip__d", width: "71.536", height: "59.447", x: "6", y: "-5", 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_17432", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Flip__h", width: "44", height: "62", x: "33", y: "-5", 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_17432", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("mask", { id: "Flip__a", width: "23", height: "30", x: "11", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__paint0_linear_543_18502)", d: "M34 24.902a2 2 0 0 0-1.728-1.981l-19-2.609A2 2 0 0 0 11 22.293v25.414a2 2 0 0 0 2.272 1.981l19-2.609A2 2 0 0 0 34 45.098z" })))
|
|
18
18
|
);
|
|
19
19
|
Flip.displayName = "Flip";
|
|
20
20
|
export {
|
|
@@ -9,8 +9,7 @@ const FlipAnimation = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FlipAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "16.687", height: "16.687", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "2", transform: "scale(.7507 1.19852)rotate(-45 54.429 -28.855)" })),
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "22", y: "36", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 22 36)" }),
|
|
14
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#FlipAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "22", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 22 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipAnimation__c)", d: "m3.615 17.615 32.527-32.527L68.67 17.615 36.142 50.142z" }))),
|
|
15
14
|
/* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#FlipAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "16.687", height: "16.687", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.7507 1.19852)rotate(-45 54.429 -28.855)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipAnimation__f)", d: "m11.89 11.422 24.418-38.984 24.418 38.984-24.418 38.984z" }))),
|
|
16
15
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FlipAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.953", height: "14.953", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.45944 1.3375)rotate(-45 66.533 -68.739)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipAnimation__i)", d: "m21.213 6.678 14.944-43.505L51.101 6.678 36.157 50.183z" }))),
|
package/dist/esm/FlipLoop.js
CHANGED
|
@@ -9,10 +9,9 @@ const FlipLoop = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("ellipse", { cx: "36", cy: "31.369", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "15", ry: "15.013" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#FlipLoop__a)", d: "M36.241 55.82c3.352 0 6.182-1.03 8.167-2.055a19 19 0 0 0 2.32-1.413 14 14 0 0 0 .785-.606l.043-.037q.008-.006.012-.01l.003-.004h.002l-.664-.749v.001l-.009.007-.035.03q-.047.041-.143.118c-.13.105-.323.256-.577.437a18 18 0 0 1-2.196 1.337c-1.89.975-4.56 1.944-7.708 1.944-3.143 0-5.556-.966-7.182-1.93a12.5 12.5 0 0 1-1.84-1.322 9 9 0 0 1-.57-.544l-.026-.027-.006-.006-.376.33-.376.33h.002l.003.004.01.012.036.04.133.137c.116.117.287.282.512.478.448.392 1.114.91 1.988 1.428 1.749 1.036 4.336 2.07 7.692 2.07" }),
|
|
13
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.847 51.014a.5.5 0 0 0-.09.429l1 4 .97-.243-.846-3.38 3.36.001v-1h-4l-.113.013a.5.5 0 0 0-.28.18" }),
|
|
14
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#FlipLoop__b)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "41.902", cy: "24.476", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "26.703", ry: "26.726" }))),
|
|
15
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#FlipLoop__e)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "42.524", cy: "20.267", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "21.029", ry: "32.396" }))),
|
|
16
15
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "FlipLoop__b", width: "30", height: "31", x: "21", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "36", cy: "31.369", fill: "var(--wds-illustration-color-1, #002291)", rx: "15", ry: "15.013" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FlipLoop__b)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "41.902", cy: "24.476", fill: "var(--wds-illustration-color-1, #002291)", rx: "26.703", ry: "26.726" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipLoop__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipLoop__d)", d: "M37.659 1.558a24.6 24.6 0 0 0-3.677 1.032 23.58 23.58 0 0 0-12.165 10.178C15.24 23.922 18.9 38.21 29.994 44.678c11.094 6.47 25.417 2.663 31.994-8.49 6.578-11.163 2.918-25.45-8.168-31.911C48.753 1.318 43.022.51 37.659 1.558" })))),
|
|
17
16
|
/* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "FlipLoop__e", width: "20", height: "31", x: "26", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "35.999", cy: "31.367", fill: "var(--wds-illustration-color-1, #002291)", rx: "9.704", ry: "14.949" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FlipLoop__e)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "42.524", cy: "20.267", fill: "var(--wds-illustration-color-1, #002291)", rx: "21.029", ry: "32.396" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipLoop__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipLoop__g)", d: "M40.623-8.09c-1.052.3-2.092.717-3.104 1.25-4.156 2.212-7.84 6.422-10.27 12.35-5.553 13.531-2.463 30.866 6.903 38.713s21.458 3.23 27.011-10.301c5.554-13.542 2.463-30.877-6.896-38.715-4.278-3.589-9.116-4.569-13.644-3.298" })))),
|
|
18
17
|
/* @__PURE__ */ React.createElement("mask", { id: "FlipLoop__h", width: "8", height: "31", x: "32", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "36", cy: "31.369", fill: "#D9D9D9", rx: "3.018", ry: "14.889" })),
|
package/dist/esm/FlipScroll.js
CHANGED
|
@@ -9,6 +9,7 @@ const FlipScroll = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M35 20.948a2 2 0 0 1 2 0l9.258 5.346a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.732L37 45.794a2 2 0 0 1-2 0l-9.258-5.346a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.732z", opacity: ".7" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#FlipScroll__a)", d: "M36.242 52.805c3.352 0 6.181-1.031 8.167-2.056a19 19 0 0 0 2.319-1.413 14 14 0 0 0 .785-.605l.043-.038.013-.01.003-.003v-.001h.002l-.664-.748h-.001l-.008.008-.035.03-.144.118a13 13 0 0 1-.576.436c-.507.364-1.253.85-2.196 1.337-1.89.976-4.56 1.945-7.708 1.945-3.144 0-5.557-.966-7.183-1.93a12.5 12.5 0 0 1-1.84-1.322 9 9 0 0 1-.57-.544l-.026-.028-.005-.005-.376.329-.376.33h.002q0 .002.003.005.003.004.01.011l.035.04q.046.049.133.137c.116.117.287.283.512.479.449.392 1.114.91 1.988 1.427 1.749 1.037 4.336 2.07 7.693 2.07" }),
|
|
13
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.847 47.998a.5.5 0 0 0-.09.43l1 4 .97-.244-.846-3.379h3.36v-.999h-4l-.113.013a.5.5 0 0 0-.28.18" }),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "FlipScroll__b", width: "24", height: "27", x: "24", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35 20.929a2 2 0 0 1 2 0l9.258 5.345a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733L37 45.774a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.733z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipScroll__c)", mask: "url(#FlipScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipScroll__d)", d: "m45.057-1.508 24.638 14.225v28.45L45.057 55.392 20.42 41.167v-28.45z" }))),
|
|
@@ -9,8 +9,9 @@ const FloatEntrance = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("
|
|
13
|
-
/* @__PURE__ */ React.createElement("
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.858", y: "45", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 26.858 45)" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.858", y: "35.934", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 26.858 35.934)" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.858", y: "27", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 26.858 27)" }),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#FloatEntrance__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.858", y: "45", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26.858 45)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FloatEntrance__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FloatEntrance__c)", d: "M8.473 26.613 41-5.914l32.527 32.527L41 59.14z" }))),
|
|
15
16
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#FloatEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.858", y: "35.93", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26.858 35.93)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FloatEntrance__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FloatEntrance__f)", d: "M8.473 17.543 41-14.984l32.527 32.527L41 50.07z" }))),
|
|
16
17
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FloatEntrance__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.858", y: "27", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26.858 27)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FloatEntrance__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FloatEntrance__i)", d: "M8.473 8.613 41-23.914 73.527 8.613 41 41.14z" }))),
|
package/dist/esm/Fold.js
CHANGED
|
@@ -9,8 +9,9 @@ const Fold = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#Fold__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Fold__b)" }, /* @__PURE__ */ React.createElement("
|
|
13
|
-
/* @__PURE__ */ React.createElement("
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#Fold__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Fold__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "2" }))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#Fold__c)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Fold__d)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#Fold__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Fold__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__g)", d: "M11 .5h61v51H11z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Fold__i", width: "54", height: "26", x: "9", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__h)", d: "M62.408 23.967a2 2 0 0 0-1.944-2.467H11.537a2 2 0 0 0-1.945 2.467l5.04 21a2 2 0 0 0 1.945 1.533h38.846a2 2 0 0 0 1.945-1.533z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Fold__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Fold__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__k)", d: "m-4 2.5 94.928-.053L92 46.58 15 46.5z" })))), /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "Fold__m", width: "53", height: "21", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__l)", d: "M62 21.5H10l6.532 18.66a2 2 0 0 0 1.887 1.34h35.162a2 2 0 0 0 1.888-1.34z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Fold__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Fold__n)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__o)", d: "m-2-2.5 94.928-.053L94 41.58 17 41.5z" })))), /* @__PURE__ */ React.createElement("mask", { id: "Fold__q", width: "51", height: "16", x: "11", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__p)", d: "M61 21.5H11l7.436 13.941A2 2 0 0 0 20.2 36.5h31.6a2 2 0 0 0 1.765-1.059z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Fold__q)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Fold__r)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__s)", d: "m0-7.5 94.928-.053L96 36.58 19 36.5z" }))))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__g", x1: "63.349", x2: "22.157", y1: "5.078", y2: "67.946", 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: "Fold__h", x1: "18.465", x2: "44.057", y1: "24.6", y2: "71.471", 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: "Fold__k", x1: "111.697", x2: "94.5", y1: "5.061", y2: "71.553", 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: "Fold__l", x1: "18.465", x2: "42.814", y1: "24.502", y2: "70.55", 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: "Fold__o", x1: "113.697", x2: "96.5", y1: ".061", y2: "66.553", 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: "Fold__p", x1: "18.465", x2: "33.609", y1: "23.751", y2: "61.938", 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: "Fold__s", x1: "115.697", x2: "98.5", y1: "-4.939", y2: "61.553", 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("clipPath", { id: "Fold__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Fold__d" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Fold__e" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Fold__b" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Fold__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("filter", { id: "Fold__f", width: "71", height: "61", x: "6", y: "-4.5", 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_17454", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Fold__j", width: "106", height: "54.131", x: "-9", y: "-2.553", 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_17454", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Fold__n", width: "106", height: "54.131", x: "-7", y: "-7.553", 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_17454", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Fold__r", width: "106", height: "54.131", x: "-5", y: "-12.553", 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_17454", stdDeviation: "2.5" })))
|
|
14
15
|
);
|
|
15
16
|
Fold.displayName = "Fold";
|
|
16
17
|
export {
|
|
@@ -9,8 +9,9 @@ const FoldAnimation = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("
|
|
13
|
-
/* @__PURE__ */ React.createElement("
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "16.537", height: "16.537", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "2", transform: "scale(1.2094 .73304)rotate(-45 77.49 6.539)" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "2", transform: "rotate(-45 21.857 36)" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("rect", { width: "14.716", height: "14.716", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "2", transform: "scale(1.35903 .3912)rotate(-45 150.205 39.472)" }),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#FoldAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.716", height: "14.716", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(1.35903 .3912)rotate(-45 150.199 39.47)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FoldAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FoldAnimation__c)", d: "M-7.933 37.494 36.272 24.77l44.205 12.724L36.272 50.22z" }))),
|
|
15
16
|
/* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#FoldAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "16.537", height: "16.537", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(1.2094 .73304)rotate(-45 77.49 6.539)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FoldAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FoldAnimation__f)", d: "M-2.943 26.54 36.395 2.694 75.734 26.54 36.395 50.383z" }))),
|
|
16
17
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FoldAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FoldAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FoldAnimation__i)", d: "M3.473 17.615 36-14.912l32.527 32.527L36 50.142z" }))),
|
|
@@ -9,7 +9,6 @@ const FreeformImage = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FreeformImage__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FreeformImage__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "4" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M41.84 28.004 24.5 56l30.925-4.605z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M73 38s-23.774-9.725-24.934-10.218-8.353-2.773-6.227 3.8c2.114 6.532 3.272 9.044 3.733 10.16.46 1.115 2.335 5.66-2.383 7.336C37.843 50.978 9 60 9 60v5.181h64z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FreeformImage__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "6.922" }))),
|
|
13
12
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#FreeformImage__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FreeformImage__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "var(--wds-illustration-color-2, #7896ff)", rx: "4" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FreeformImage__c)", d: "M41.84 28.004 24.5 56l30.925-4.605z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FreeformImage__d)", d: "M73 38s-23.774-9.725-24.934-10.218-8.353-2.773-6.227 3.8c2.114 6.532 3.272 9.044 3.733 10.16.46 1.115 2.335 5.66-2.383 7.336C37.843 50.978 9 60 9 60v5.181h64z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FreeformImage__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6.922" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FreeformImage__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FreeformImage__g)", d: "M25.35 15.421q-.916.182-1.8.505a11.54 11.54 0 0 0-5.954 4.982c-3.22 5.46-1.428 12.454 4.003 15.62 5.43 3.166 12.44 1.303 15.66-4.156 3.22-5.464 1.429-12.458-3.998-15.62a11.32 11.32 0 0 0-7.91-1.331" })))),
|
|
14
13
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FreeformImage__h)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FreeformImage__i)" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "var(--wds-illustration-color-6, #002296)", rx: "4" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FreeformImage__j)", d: "M41.84 28.004 24.5 56l30.925-4.605z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FreeformImage__k)", d: "M73 38s-23.774-9.725-24.934-10.218-8.353-2.773-6.227 3.8c2.114 6.532 3.272 9.044 3.733 10.16.46 1.115 2.335 5.66-2.383 7.336C37.843 50.978 9 60 9 60v5.181h64z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FreeformImage__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6.922" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FreeformImage__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FreeformImage__n)", d: "M25.35 15.421q-.916.182-1.8.505a11.54 11.54 0 0 0-5.954 4.982c-3.22 5.46-1.428 12.454 4.003 15.62 5.43 3.166 12.44 1.303 15.66-4.156 3.22-5.464 1.429-12.458-3.998-15.62a11.32 11.32 0 0 0-7.91-1.331" })))),
|
|
15
14
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FreeformImage__c", x1: "32.522", x2: "57.88", y1: "37.51", y2: "57.476", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", 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: "FreeformImage__d", x1: "16", x2: "66.354", y1: "12.11", y2: "61.014", 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: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FreeformImage__g", x1: "35.617", x2: "16.059", y1: "17.259", y2: "42.217", 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: "FreeformImage__j", x1: "32.522", x2: "57.88", y1: "37.51", y2: "57.476", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", 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: "FreeformImage__k", x1: "16", x2: "66.354", y1: "12.11", y2: "61.014", 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: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FreeformImage__n", x1: "35.617", x2: "16.059", y1: "17.259", y2: "42.217", 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: "FreeformImage__a" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FreeformImage__b" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FreeformImage__e" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FreeformImage__h" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "38", x: "14", y: "22", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FreeformImage__i" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FreeformImage__l" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ React.createElement("filter", { id: "FreeformImage__f", width: "27.261", height: "27.26", x: "13.797", y: "13.009", 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_18654", stdDeviation: "1.099" })), /* @__PURE__ */ React.createElement("filter", { id: "FreeformImage__m", width: "27.261", height: "27.26", x: "13.797", y: "13.009", 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_18654", stdDeviation: "1.099" })))
|
|
@@ -9,11 +9,9 @@ const GlideEntrance = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.074", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 21.859 31.074)" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#GlideEntrance__a)", d: "M23.5 52.07h25v1h-25z" }),
|
|
13
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49 52.571a.5.5 0 0 1-.18.384l-3 2.5-.64-.767 2.54-2.117-2.54-2.116.64-.767 3 2.5.077.079a.5.5 0 0 1 .103.304" }),
|
|
14
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.074", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 12.858 31.074)" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.074", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 21.859 31.074)" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "30.858", y: "31.074", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 30.858 31.074)" }))),
|
|
15
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.07", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2", transform: "rotate(-45 12.858 31.07)" })),
|
|
16
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.07", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 21.859 31.07)" })),
|
|
17
15
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.074", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 12.858 31.074)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M-5.527 12.688 27-19.84l32.527 32.527L27 45.214z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.074", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 21.859 31.074)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M3.474 12.688 36.001-19.84l32.527 32.527L36 45.214z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "30.858", y: "31.074", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 30.858 31.074)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M12.473 12.688 45-19.84l32.527 32.527L45 45.214z" })))),
|
|
18
16
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#GlideEntrance__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.07", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 12.858 31.07)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GlideEntrance__j)", d: "M45.385-1.457 77.912 31.07 45.385 63.597 12.858 31.07z" }))),
|
|
19
17
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#GlideEntrance__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.07", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.859 31.07)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GlideEntrance__m)", d: "M54.386-1.457 86.913 31.07 54.386 63.597 21.859 31.07z" }))),
|
|
@@ -9,9 +9,10 @@ const GlitchAnimation = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", rx: "16" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "25", y: "20", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", rx: "16" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "15", y: "20", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", rx: "16" }),
|
|
12
15
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlitchAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "16" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlitchAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GlitchAnimation__c)", d: "M41.275.487a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 23.64 12.966c-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.525C53.625.22 47.245-.679 41.275.487" }))),
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", { style: { "mixBlendMode": "multiply" }, clipPath: "url(#GlitchAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "25", y: "20", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "16" })),
|
|
14
|
-
/* @__PURE__ */ React.createElement("g", { style: { "mixBlendMode": "multiply" }, clipPath: "url(#GlitchAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "15", y: "20", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "16" })),
|
|
15
16
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#GlitchAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "25", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "16" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlitchAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GlitchAnimation__f)", d: "M46.275.487a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 28.64 12.966c-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.525C58.626.22 52.247-.679 46.277.487" }))),
|
|
16
17
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#GlitchAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "15", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "16" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlitchAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GlitchAnimation__i)", d: "M36.275.487a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 18.64 12.966c-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.525C48.625.22 42.245-.679 36.275.487" }))),
|
|
17
18
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "GlitchAnimation__c", x1: "64.625", x2: "20.144", y1: "4.668", y2: "61.428", 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: "GlitchAnimation__f", x1: "69.625", x2: "25.144", y1: "4.668", y2: "61.428", 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: "GlitchAnimation__i", x1: "59.625", x2: "15.144", y1: "4.668", y2: "61.428", 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: "GlitchAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "#fff", rx: "16" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlitchAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "25", y: "20", fill: "#fff", rx: "16" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlitchAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "15", y: "20", fill: "#fff", rx: "16" })), /* @__PURE__ */ React.createElement("filter", { id: "GlitchAnimation__b", width: "62", height: "62", x: "15", y: "-5", 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_18112", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "GlitchAnimation__e", width: "62", height: "62", x: "20", y: "-5", 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_18112", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "GlitchAnimation__h", width: "62", height: "62", x: "10", y: "-5", 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_18112", stdDeviation: "2.5" })))
|
package/dist/esm/GrowEntrance.js
CHANGED
|
@@ -9,10 +9,11 @@ const GrowEntrance = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "11.742", height: "11.742", x: "22.703", y: "47.902", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "1", transform: "rotate(-45 22.703 47.902)" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("rect", { width: "16.105", height: "16.105", x: "19.618", y: "38.988", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "1.5", transform: "rotate(-45 19.618 38.988)" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "16.864", y: "29.938", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 16.864 29.938)" }),
|
|
12
15
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#GrowEntrance__a)", d: "M52.136 48.5v-25h1v25z" }),
|
|
13
16
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M52.636 23a.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-.076a.5.5 0 0 1 .304-.104" }),
|
|
14
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#GrowEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "11.742", height: "11.742", x: "22.703", y: "47.902", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "1", transform: "rotate(-45 22.703 47.902)" })),
|
|
15
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#GrowEntrance__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "16.105", height: "16.105", x: "19.618", y: "38.988", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "1.5", transform: "rotate(-45 19.618 38.988)" })),
|
|
16
17
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#GrowEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "11.742", height: "11.742", x: "22.703", y: "47.902", fill: "var(--wds-illustration-color-1, #002291)", rx: "1", transform: "rotate(-45 22.703 47.902)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GrowEntrance__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GrowEntrance__d)", d: "M-1.339 23.86 31.188-8.669 63.715 23.86 31.188 56.386z" }))),
|
|
17
18
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#GrowEntrance__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "16.105", height: "16.105", x: "19.618", y: "38.988", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5", transform: "rotate(-45 19.618 38.988)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GrowEntrance__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GrowEntrance__g)", d: "m-1.595 17.773 32.527-32.526 32.527 32.526L30.932 50.3z" }))),
|
|
18
19
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#GrowEntrance__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "16.864", y: "29.938", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 16.864 29.938)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GrowEntrance__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GrowEntrance__j)", d: "m-1.521 11.55 32.527-32.526L63.533 11.55 31.006 44.078z" }))),
|
|
@@ -9,7 +9,6 @@ const ImagePositionLeft = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionLeft__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M14 24a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })),
|
|
13
12
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ImagePositionLeft__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14 24a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImagePositionLeft__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionLeft__c)", d: "M14-4h58v51H14z" }))),
|
|
14
13
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionLeft__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M14 21h44v30H14z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionLeft__e)", d: "M27.151 27.586 17.04 43.913l18.035-2.686z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionLeft__f)", d: "M45.324 33.415s-13.865-5.672-14.541-5.959-4.872-1.617-3.632 2.216c1.233 3.81 1.908 5.274 2.177 5.925.268.65 1.362 3.3-1.39 4.279C24.82 40.984 8 46.246 8 46.246v3.02h37.324z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionLeft__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "6", height: "6", x: "17", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImagePositionLeft__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionLeft__i)", d: "M21.091 20.094q-.401.08-.787.22a5.05 5.05 0 0 0-2.604 2.18c-1.408 2.387-.625 5.446 1.75 6.831s5.442.57 6.85-1.818c1.408-2.39.625-5.448-1.749-6.831a4.95 4.95 0 0 0-3.46-.582" })))),
|
|
15
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M47 38v1h-6v-1zM53 34v1H41v-1zM53 30v1H41v-1z" }),
|
|
@@ -9,7 +9,6 @@ const ImagePositionRight = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionRight__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M14 24a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })),
|
|
13
12
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ImagePositionRight__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14 24a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImagePositionRight__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionRight__c)", d: "M14-4h58v51H14z" }))),
|
|
14
13
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionRight__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 21h44v30H36z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionRight__e)", d: "M49.151 27.586 39.04 43.913l18.035-2.686z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionRight__f)", d: "M67.324 33.415s-13.865-5.672-14.541-5.959-4.872-1.617-3.632 2.216c1.233 3.81 1.908 5.274 2.177 5.925.268.65 1.362 3.3-1.39 4.279C46.82 40.984 30 46.246 30 46.246v3.02h37.324z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ImagePositionRight__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "6", height: "6", x: "39", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ImagePositionRight__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ImagePositionRight__i)", d: "M43.091 20.094q-.401.08-.787.22a5.05 5.05 0 0 0-2.604 2.18c-1.408 2.387-.625 5.446 1.75 6.831s5.442.57 6.85-1.818c1.408-2.39.625-5.448-1.749-6.831a4.95 4.95 0 0 0-3.46-.582" })))),
|
|
15
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25 38v1h-6v-1zM31 34v1H19v-1zM31 30v1H19v-1z" }),
|
package/dist/esm/Iris.js
CHANGED
|
@@ -9,8 +9,9 @@ const Iris = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#Iris__a)" }, /* @__PURE__ */ React.createElement("
|
|
13
|
-
/* @__PURE__ */ React.createElement("
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#Iris__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "2" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#Iris__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#Iris__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Iris__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Iris__e)", d: "M11 .5h61v51H11z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "16", y: "16.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "20" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Iris__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Iris__h)", d: "M37.275 4.987a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 19.64 17.466c-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.192-17.992-3.026" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__i)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "15" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Iris__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Iris__k)", d: "M42.275-.013a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 24.64 12.466c-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.525C54.625-.28 48.245-1.179 42.275-.013" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26", y: "26.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "10" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Iris__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Iris__n)", d: "M47.275-5.013a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 29.64 7.466c-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.192-17.99-3.026" })))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "Iris__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M11 21.5h50v30H11z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Iris__c" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Iris__f" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "16", y: "16.5", fill: "#fff", rx: "20" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Iris__i" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "21.5", fill: "#fff", rx: "15" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Iris__l" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26", y: "26.5", fill: "#fff", rx: "10" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Iris__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M11 21.5h50v30H11z" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Iris__e", x1: "63.349", x2: "22.157", y1: "5.078", y2: "67.946", 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: "Iris__h", x1: "60.625", x2: "16.144", y1: "9.168", y2: "65.928", 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: "Iris__k", x1: "65.625", x2: "21.144", y1: "4.168", y2: "60.928", 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: "Iris__n", x1: "70.625", x2: "26.144", y1: "-.833", y2: "55.928", 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: "Iris__d", width: "71", height: "61", x: "6", y: "-4.5", 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_17413", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Iris__g", width: "62", height: "62", x: "11", y: "-.5", 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_17413", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Iris__j", width: "62", height: "62", x: "16", y: "-5.5", 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_17413", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Iris__m", width: "62", height: "62", x: "21", y: "-10.5", 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_17413", stdDeviation: "2.5" })))
|
|
14
15
|
);
|
|
15
16
|
Iris.displayName = "Iris";
|
|
16
17
|
export {
|