@wix/design-system-illustrations 2.13.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 -0
- package/dist/cjs/AppearHover.js +1 -0
- package/dist/cjs/ArcEntrance.js +3 -0
- package/dist/cjs/ArcScroll.js +3 -0
- package/dist/cjs/Aspect3DSection.js +2 -0
- 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 -0
- package/dist/cjs/BounceEntrance.js +5 -3
- package/dist/cjs/BounceLoop.js +5 -3
- package/dist/cjs/BreathLoop.js +3 -0
- package/dist/cjs/CircleMarker.js +3 -3
- package/dist/cjs/ClockWipe.js +3 -2
- package/dist/cjs/CrossLoop.js +9 -6
- package/dist/cjs/Cube.js +1 -0
- package/dist/cjs/DartScroll.js +3 -0
- package/dist/cjs/EmptyPage.js +3 -2
- package/dist/cjs/EmptyPageImage.js +3 -2
- package/dist/cjs/EventInfo.js +1 -0
- package/dist/cjs/ExpandAnimation.js +1 -0
- package/dist/cjs/ExpandClick.js +1 -0
- package/dist/cjs/ExpandHover.js +1 -0
- package/dist/cjs/ExpandScroll.js +4 -3
- package/dist/cjs/FadeBackSection.js +1 -0
- package/dist/cjs/FillReveal.js +1 -0
- package/dist/cjs/FlapLoop.js +1 -0
- package/dist/cjs/Flip.js +5 -4
- package/dist/cjs/FlipAnimation.js +1 -0
- package/dist/cjs/FlipLoop.js +1 -0
- package/dist/cjs/FlipScroll.js +1 -0
- package/dist/cjs/FloatEntrance.js +3 -0
- package/dist/cjs/Fold.js +3 -2
- package/dist/cjs/FoldAnimation.js +3 -0
- package/dist/cjs/GlideEntrance.js +1 -0
- package/dist/cjs/GlitchAnimation.js +3 -0
- package/dist/cjs/GrowEntrance.js +3 -0
- package/dist/cjs/Iris.js +3 -2
- package/dist/cjs/JelloLoop.js +5 -5
- package/dist/cjs/MoveClick.js +7 -5
- package/dist/cjs/MoveScroll.js +9 -6
- package/dist/cjs/ObscureMouse.js +11 -5
- package/dist/cjs/OnImage.js +1 -0
- package/dist/cjs/PanSection.js +1 -0
- package/dist/cjs/ParallaxScroll.js +9 -6
- package/dist/cjs/ParallaxSection.js +1 -0
- package/dist/cjs/PieChart.js +6 -4
- package/dist/cjs/PokeLoop.js +3 -0
- package/dist/cjs/PullBackSection.js +1 -0
- package/dist/cjs/PulseLoop.js +1 -0
- package/dist/cjs/ResizeMouse.js +3 -0
- package/dist/cjs/Reveal.js +1 -0
- package/dist/cjs/RevealAnimation.js +5 -4
- package/dist/cjs/RevealScroll.js +1 -0
- package/dist/cjs/RevealSection.js +1 -0
- package/dist/cjs/RotateClick.js +3 -0
- package/dist/cjs/RotateHover.js +2 -0
- package/dist/cjs/RotateSection.js +9 -5
- package/dist/cjs/RubberMouse.js +4 -0
- 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/ShapeScroll.js +1 -0
- package/dist/cjs/Shrink.js +1 -0
- package/dist/cjs/ShrinkClick.js +1 -0
- package/dist/cjs/ShrinkHover.js +1 -0
- package/dist/cjs/ShrinkScroll.js +4 -3
- package/dist/cjs/Shuffle.js +1 -0
- package/dist/cjs/Skew3DMouse.js +3 -0
- package/dist/cjs/SkewClick.js +7 -3
- package/dist/cjs/SkewHover.js +1 -0
- package/dist/cjs/SkewSection.js +1 -0
- package/dist/cjs/SlideAnimation.js +3 -0
- package/dist/cjs/SlideScroll.js +3 -0
- package/dist/cjs/StretchScroll.js +1 -0
- package/dist/cjs/Swap.js +3 -2
- package/dist/cjs/SwingLoop.js +3 -0
- package/dist/cjs/SwivelMouse.js +1 -0
- package/dist/cjs/TiltAnimation.js +5 -2
- package/dist/cjs/TiltEntrance.js +3 -0
- 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 -0
- package/dist/cjs/TurnScroll.js +3 -0
- package/dist/cjs/TwistClick.js +1 -0
- package/dist/cjs/TwistHover.js +1 -0
- package/dist/cjs/TypeWriter.js +6 -4
- package/dist/cjs/WinkEntrance.js +1 -0
- package/dist/cjs/ZoomSection.js +1 -0
- 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 -0
- package/dist/esm/AppearHover.js +1 -0
- package/dist/esm/ArcEntrance.js +3 -0
- package/dist/esm/ArcScroll.js +3 -0
- package/dist/esm/Aspect3DSection.js +2 -0
- 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 -0
- package/dist/esm/BounceEntrance.js +5 -3
- package/dist/esm/BounceLoop.js +5 -3
- package/dist/esm/BreathLoop.js +3 -0
- package/dist/esm/CircleMarker.js +3 -3
- package/dist/esm/ClockWipe.js +3 -2
- package/dist/esm/CrossLoop.js +9 -6
- package/dist/esm/Cube.js +1 -0
- package/dist/esm/DartScroll.js +3 -0
- package/dist/esm/EmptyPage.js +3 -2
- package/dist/esm/EmptyPageImage.js +3 -2
- package/dist/esm/EventInfo.js +1 -0
- package/dist/esm/ExpandAnimation.js +1 -0
- package/dist/esm/ExpandClick.js +1 -0
- package/dist/esm/ExpandHover.js +1 -0
- package/dist/esm/ExpandScroll.js +4 -3
- package/dist/esm/FadeBackSection.js +1 -0
- package/dist/esm/FillReveal.js +1 -0
- package/dist/esm/FlapLoop.js +1 -0
- package/dist/esm/Flip.js +5 -4
- package/dist/esm/FlipAnimation.js +1 -0
- package/dist/esm/FlipLoop.js +1 -0
- package/dist/esm/FlipScroll.js +1 -0
- package/dist/esm/FloatEntrance.js +3 -0
- package/dist/esm/Fold.js +3 -2
- package/dist/esm/FoldAnimation.js +3 -0
- package/dist/esm/GlideEntrance.js +1 -0
- package/dist/esm/GlitchAnimation.js +3 -0
- package/dist/esm/GrowEntrance.js +3 -0
- package/dist/esm/Iris.js +3 -2
- package/dist/esm/JelloLoop.js +5 -5
- package/dist/esm/MoveClick.js +7 -5
- package/dist/esm/MoveScroll.js +9 -6
- package/dist/esm/ObscureMouse.js +11 -5
- package/dist/esm/OnImage.js +1 -0
- package/dist/esm/PanSection.js +1 -0
- package/dist/esm/ParallaxScroll.js +9 -6
- package/dist/esm/ParallaxSection.js +1 -0
- package/dist/esm/PieChart.js +6 -4
- package/dist/esm/PokeLoop.js +3 -0
- package/dist/esm/PullBackSection.js +1 -0
- package/dist/esm/PulseLoop.js +1 -0
- package/dist/esm/ResizeMouse.js +3 -0
- package/dist/esm/Reveal.js +1 -0
- package/dist/esm/RevealAnimation.js +5 -4
- package/dist/esm/RevealScroll.js +1 -0
- package/dist/esm/RevealSection.js +1 -0
- package/dist/esm/RotateClick.js +3 -0
- package/dist/esm/RotateHover.js +2 -0
- package/dist/esm/RotateSection.js +9 -5
- package/dist/esm/RubberMouse.js +4 -0
- 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/ShapeScroll.js +1 -0
- package/dist/esm/Shrink.js +1 -0
- package/dist/esm/ShrinkClick.js +1 -0
- package/dist/esm/ShrinkHover.js +1 -0
- package/dist/esm/ShrinkScroll.js +4 -3
- package/dist/esm/Shuffle.js +1 -0
- package/dist/esm/Skew3DMouse.js +3 -0
- package/dist/esm/SkewClick.js +7 -3
- package/dist/esm/SkewHover.js +1 -0
- package/dist/esm/SkewSection.js +1 -0
- package/dist/esm/SlideAnimation.js +3 -0
- package/dist/esm/SlideScroll.js +3 -0
- package/dist/esm/StretchScroll.js +1 -0
- package/dist/esm/Swap.js +3 -2
- package/dist/esm/SwingLoop.js +3 -0
- package/dist/esm/SwivelMouse.js +1 -0
- package/dist/esm/TiltAnimation.js +5 -2
- package/dist/esm/TiltEntrance.js +3 -0
- 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 -0
- package/dist/esm/TurnScroll.js +3 -0
- package/dist/esm/TwistClick.js +1 -0
- package/dist/esm/TwistHover.js +1 -0
- package/dist/esm/TypeWriter.js +6 -4
- package/dist/esm/WinkEntrance.js +1 -0
- package/dist/esm/ZoomSection.js +1 -0
- 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 +8 -4
- package/src/BounceLoop.svg +9 -4
- package/src/BreathLoop.svg +2 -2
- package/src/CircleMarker.svg +14 -8
- 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 +5 -5
- 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 +5 -5
- 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,13 +9,16 @@ const ParallaxScroll = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("g", {
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", {
|
|
14
|
-
/* @__PURE__ */ React.createElement("
|
|
15
|
-
/* @__PURE__ */ React.createElement("g", { filter: "url(#
|
|
16
|
-
/* @__PURE__ */ React.createElement("path", { fill: "
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#ParallaxScroll__a)", opacity: ".7" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "m40.698 7.504 25.076 14.478v28.955L40.698 65.414 15.622 50.937V21.982z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#ParallaxScroll__b)", opacity: ".7" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "m40.698-.45 25.076 14.478v28.956L40.698 57.46 15.622 42.984V14.028z" })),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#ParallaxScroll__c)", opacity: ".7" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M46.195-13.89 75.582 3.075v33.933L46.195 53.975 16.81 37.01V3.076z" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "ParallaxScroll__d", width: "24", height: "26", x: "19", y: "31", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M29.936 31.53a2 2 0 0 1 2 0l9.258 5.346a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733l-9.259 5.345a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.733v-10.69a2 2 0 0 1 1-1.732z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ParallaxScroll__e)", mask: "url(#ParallaxScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ParallaxScroll__f)", d: "m40.698 7.504 25.076 14.478v28.955L40.698 65.414 15.622 50.937V21.982z" }))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ParallaxScroll__g", width: "24", height: "26", x: "19", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M29.936 23.577a2 2 0 0 1 2 0l9.258 5.346a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.732l-9.259 5.346a2 2 0 0 1-2 0l-9.258-5.346a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.732z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ParallaxScroll__h)", mask: "url(#ParallaxScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ParallaxScroll__i)", d: "m40.698-.45 25.076 14.478v28.956L40.698 57.46 15.622 42.984V14.028z" }))),
|
|
17
|
+
/* @__PURE__ */ React.createElement("mask", { id: "ParallaxScroll__j", width: "24", height: "26", x: "19", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M29.936 15.624a2 2 0 0 1 2 0l9.258 5.345a2 2 0 0 1 1 1.733v10.69a2 2 0 0 1-1 1.732l-9.259 5.345a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.733z" })),
|
|
18
|
+
/* @__PURE__ */ React.createElement("g", { filter: "url(#ParallaxScroll__k)", mask: "url(#ParallaxScroll__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ParallaxScroll__l)", d: "M46.196-13.89 75.582 3.075v33.933L46.196 53.975 16.809 37.01V3.076z" })),
|
|
19
|
+
/* @__PURE__ */ React.createElement("path", { fill: "url(#ParallaxScroll__m)", d: "M51.065 48.5v-25h1v25z" }),
|
|
17
20
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.565 23a.5.5 0 0 1 .383.18l2.5 3-.767.64-2.116-2.54-2.117 2.54-.767-.64 2.5-3 .079-.076a.5.5 0 0 1 .305-.104" }),
|
|
18
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "
|
|
21
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ParallaxScroll__f", x1: "61.44", x2: "21.887", y1: "12.702", y2: "64.342", 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: "ParallaxScroll__i", x1: "61.44", x2: "21.887", y1: "4.749", y2: "56.389", 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: "ParallaxScroll__l", x1: "70.503", x2: "24.151", y1: "-7.799", y2: "52.718", 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: "ParallaxScroll__m", x1: "51.565", x2: "51.565", y1: "48.5", y2: "23.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("filter", { id: "ParallaxScroll__e", width: "60.152", height: "67.91", x: "10.622", y: "2.504", 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_20039", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ParallaxScroll__h", width: "60.152", height: "67.91", x: "10.622", y: "-5.449", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20039", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ParallaxScroll__k", width: "68.774", height: "77.867", x: "11.809", y: "-18.891", 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_20039", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("mask", { id: "ParallaxScroll__a", width: "24", height: "26", x: "19", y: "31", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M29.936 31.53a2 2 0 0 1 2 0l9.258 5.346a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733l-9.259 5.345a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.733v-10.69a2 2 0 0 1 1-1.732z" })), /* @__PURE__ */ React.createElement("mask", { id: "ParallaxScroll__b", width: "24", height: "26", x: "19", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M29.936 23.577a2 2 0 0 1 2 0l9.258 5.346a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.732l-9.259 5.346a2 2 0 0 1-2 0l-9.258-5.346a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.732z" })), /* @__PURE__ */ React.createElement("mask", { id: "ParallaxScroll__c", width: "24", height: "26", x: "19", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M29.936 15.624a2 2 0 0 1 2 0l9.258 5.345a2 2 0 0 1 1 1.733v10.69a2 2 0 0 1-1 1.732l-9.259 5.345a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.733z" })))
|
|
19
22
|
);
|
|
20
23
|
ParallaxScroll.displayName = "ParallaxScroll";
|
|
21
24
|
export {
|
|
@@ -9,6 +9,7 @@ const ParallaxSection = (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: "30.163", x: "17", y: "20.93", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("path", { stroke: "url(#ParallaxSection__a)", d: "M56.5 49.79v-25", strokeMiterlimit: "10" }),
|
|
13
14
|
/* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-6, #002296)", d: "m54 27.79 2.5-3 2.5 3", strokeLinejoin: "round" }),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#ParallaxSection__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "17", y: "33.316", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ParallaxSection__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ParallaxSection__d)", d: "M17 12.316h57v39H17z" }))),
|
package/dist/esm/PieChart.js
CHANGED
|
@@ -9,10 +9,12 @@ const PieChart = (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", { mask: "url(#
|
|
14
|
-
/* @__PURE__ */ React.createElement("
|
|
15
|
-
/* @__PURE__ */ React.createElement("
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#PieChart__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9.001", y: "9", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "27" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#PieChart__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "27" })),
|
|
14
|
+
/* @__PURE__ */ React.createElement("mask", { id: "PieChart__c", width: "27", height: "27", x: "9", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M9 36h27v27H9z" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#PieChart__c)", clipPath: "url(#PieChart__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9.001", y: "9", fill: "var(--wds-illustration-color-1, #002291)", rx: "27" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PieChart__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PieChart__f)", d: "M43.368-20.214a44 44 0 0 0-6.612 1.855A42.4 42.4 0 0 0 14.88-.055C3.05 20.004 9.634 45.7 29.584 57.331s45.707 4.788 57.537-15.27c11.83-20.073 5.246-45.768-14.69-57.386-9.113-5.32-19.418-6.773-29.063-4.889" }))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "PieChart__g", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M36 63h27V9H9v27h27z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#PieChart__g)", clipPath: "url(#PieChart__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "var(--wds-illustration-color-1, #002291)", rx: "27" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PieChart__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PieChart__j)", d: "M43.367-20.214a44 44 0 0 0-6.612 1.855A42.4 42.4 0 0 0 14.88-.055C3.049 20.004 9.633 45.7 29.583 57.331S75.29 62.12 87.12 42.061c11.829-20.073 5.246-45.768-14.69-57.386-9.113-5.32-19.418-6.773-29.063-4.889" })))),
|
|
17
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "PieChart__f", x1: "81.087", x2: "9.233", y1: "-13.46", y2: "78.23", 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: "PieChart__j", x1: "81.086", x2: "9.232", y1: "-13.46", y2: "78.23", 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: "PieChart__d" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9.001", y: "9", fill: "#fff", rx: "27" })), /* @__PURE__ */ React.createElement("clipPath", { id: "PieChart__h" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "#fff", rx: "27" })), /* @__PURE__ */ React.createElement("filter", { id: "PieChart__e", width: "94", height: "94", x: "4.001", y: "-26", 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_19188", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "PieChart__i", width: "94", height: "94", x: "4", y: "-26", 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_19188", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("mask", { id: "PieChart__a", width: "27", height: "27", x: "9", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M9 36h27v27H9z" })), /* @__PURE__ */ React.createElement("mask", { id: "PieChart__b", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M36 63h27V9H9v27h27z" })))
|
|
16
18
|
);
|
|
17
19
|
PieChart.displayName = "PieChart";
|
|
18
20
|
export {
|
package/dist/esm/PokeLoop.js
CHANGED
|
@@ -9,6 +9,9 @@ const PokeLoop = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "12.906", y: "17.035", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "17.035", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "31.094", y: "17.035", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
|
|
12
15
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#PokeLoop__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "12.906", y: "17.039", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PokeLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PokeLoop__c)", d: "M34.181-6.474a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 16.546 6.005C9.223 18.422 13.298 34.33 25.648 41.53s28.295 2.964 35.618-9.453C68.59 19.65 64.514 3.744 52.173-3.448 46.53-6.74 40.152-7.64 34.18-6.474" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#PokeLoop__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PokeLoop__e)", d: "M34.181-6.474a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 16.546 6.005C9.223 18.422 13.298 34.33 25.648 41.53s28.295 2.964 35.618-9.453C68.59 19.65 64.514 3.744 52.173-3.448 46.53-6.74 40.152-7.64 34.18-6.474" }))),
|
|
13
16
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#PokeLoop__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "17.039", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PokeLoop__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PokeLoop__h)", d: "M43.275-6.474a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 25.64 6.005c-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.525C55.625-6.74 49.245-7.64 43.275-6.474" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#PokeLoop__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PokeLoop__j)", d: "M43.275-6.474a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 25.64 6.005c-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.525C55.625-6.74 49.245-7.64 43.275-6.474" }))),
|
|
14
17
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#PokeLoop__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "31.094", y: "17.039", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PokeLoop__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PokeLoop__m)", d: "M52.369-6.474a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 34.733 6.005C27.41 18.422 31.486 34.33 43.836 41.53s28.295 2.964 35.618-9.453C86.777 19.65 82.702 3.744 70.36-3.448 64.72-6.74 58.34-7.64 52.37-6.474" }))),
|
|
@@ -9,6 +9,7 @@ const PullBackSection = (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: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".7", rx: "2.217" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#PullBackSection__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PullBackSection__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PullBackSection__c)", d: "M20 5.664h51.001v39.618H20z" }))),
|
|
13
14
|
/* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#PullBackSection__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "26.025", height: "12.444", x: "22.988", y: "29.773", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.663" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PullBackSection__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PullBackSection__f)", d: "M22.988 3.336H73.99v37.96H22.988z" }))),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#PullBackSection__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "19.554", height: "6.799", x: "26.223", y: "32.602", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.109" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PullBackSection__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PullBackSection__i)", d: "M26.223 8.477h53.5v30.515h-53.5z" }))),
|
package/dist/esm/PulseLoop.js
CHANGED
|
@@ -9,6 +9,7 @@ const PulseLoop = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "52", height: "52", x: "10", y: "10", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".25", rx: "26" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#PulseLoop__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "52", height: "52", x: "10", y: "10", fill: "var(--wds-illustration-color-1, #002291)", rx: "26" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PulseLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PulseLoop__c)", d: "M47.231-28.148a48 48 0 0 0-7.162 2.01 45.94 45.94 0 0 0-23.7 19.829C3.554 15.42 10.686 43.257 32.3 55.859 53.91 68.46 81.815 61.046 94.63 39.316c12.815-21.746 5.684-49.582-15.914-62.168-9.872-5.764-21.036-7.337-31.485-5.296" }))),
|
|
13
14
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#PulseLoop__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "16", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "20" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PulseLoop__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PulseLoop__f)", d: "M43.253-12.83c-1.908.379-3.792.905-5.628 1.578a36.1 36.1 0 0 0-18.62 15.58C8.934 21.402 14.538 43.273 31.52 53.175c16.982 9.901 38.906 4.075 48.975-12.998C90.565 23.09 84.961 1.22 67.991-8.67c-7.756-4.528-16.528-5.764-24.738-4.16" }))),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#PulseLoop__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "22", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#PulseLoop__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#PulseLoop__i)", d: "M38.91 9.059a20.865 20.865 0 0 0-14.017 9.919c-5.82 9.868-2.582 22.51 7.234 28.234 9.816 5.723 22.49 2.356 28.31-7.513 5.82-9.876 2.58-22.519-7.228-28.235-4.484-2.618-9.554-3.332-14.3-2.405" }))),
|
package/dist/esm/ResizeMouse.js
CHANGED
|
@@ -9,6 +9,9 @@ const ResizeMouse = (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: "M19.096 40.522a.947.947 0 0 1 1.64 0l6.15 10.651a.947.947 0 0 1-.82 1.42h-12.3a.947.947 0 0 1-.82-1.42z", opacity: ".25" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M29.617 28.43c.572-.99 2-.99 2.571 0l9.642 16.7a1.484 1.484 0 0 1-1.285 2.227H21.26a1.484 1.484 0 0 1-1.286-2.227z", opacity: ".25" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M42.348 15.922c.77-1.334 2.694-1.334 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3H31.09c-1.54 0-2.503-1.667-1.733-3z", opacity: ".25" }),
|
|
12
15
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ResizeMouse__a", width: "16", height: "13", x: "12", y: "40", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M19.096 40.522a.947.947 0 0 1 1.64 0l6.15 10.651a.947.947 0 0 1-.82 1.42h-12.3a.947.947 0 0 1-.82-1.42z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ResizeMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#ResizeMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M8.253 31.438h27.448v23.05H8.253z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ResizeMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeMouse__d)", d: "m22.473 34.238 9.934 18.229H11.548z" })))),
|
|
13
16
|
/* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ResizeMouse__e", width: "24", height: "21", x: "19", y: "27", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M29.617 28.43c.571-.99 2-.99 2.57 0l9.643 16.7a1.484 1.484 0 0 1-1.286 2.227H21.26a1.484 1.484 0 0 1-1.285-2.227z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ResizeMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#ResizeMouse__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M11.261 15.867h43.035v36.14H11.26z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ResizeMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeMouse__h)", d: "m33.556 20.254 15.574 28.58H16.426z" })))),
|
|
14
17
|
/* @__PURE__ */ React.createElement("mask", { id: "ResizeMouse__i", width: "31", height: "28", x: "29", y: "14", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M42.347 15.922c.77-1.334 2.694-1.334 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3H31.09c-1.54 0-2.502-1.667-1.732-3z" })),
|
package/dist/esm/Reveal.js
CHANGED
|
@@ -9,6 +9,7 @@ const Reveal = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", rx: "2" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Reveal__a", width: "33", height: "39", x: "30", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63 16H30v39h33z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Reveal__a)", clipPath: "url(#Reveal__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Reveal__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Reveal__d)", d: "M11 0h61v51H11z" })))),
|
|
13
14
|
/* @__PURE__ */ React.createElement("mask", { id: "Reveal__e", width: "42", height: "39", x: "6", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M6 16h42v39H6z" })),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { mask: "url(#Reveal__e)", clipPath: "url(#Reveal__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Reveal__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Reveal__h)", d: "M11 0h61v51H11z" }))),
|
|
@@ -9,11 +9,12 @@ const RevealAnimation = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("g", {
|
|
13
|
-
/* @__PURE__ */ React.createElement("mask", { id: "
|
|
14
|
-
/* @__PURE__ */ React.createElement("
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#RevealAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36.999", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", rx: "2", transform: "rotate(-45 21.858 36.999)" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "RevealAnimation__b", width: "10", height: "35", x: "22", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M22 20.5h10v34H22z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#RevealAnimation__b)", clipPath: "url(#RevealAnimation__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.858 36.999)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RevealAnimation__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealAnimation__e)", d: "M3.473 18.614 36-13.913l32.527 32.527L36 51.141z" })))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("mask", { id: "RevealAnimation__f", width: "19", height: "34", x: "32", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M51 20H32v34h19z" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#RevealAnimation__f)" }, /* @__PURE__ */ React.createElement("mask", { id: "RevealAnimation__g", width: "26", height: "26", x: "23", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("rect", { width: "18.6", height: "18.6", x: "36", y: "23.992", fill: "#D9D9D9", rx: "1", transform: "rotate(45 36 23.992)" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RevealAnimation__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "37.145", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.858 37.145)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RevealAnimation__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealAnimation__j)", d: "M3.473 18.76 36-13.767 68.527 18.76 36 51.287z" })))),
|
|
15
16
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M32.5 21v32h-1V21z" }),
|
|
16
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "
|
|
17
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RevealAnimation__e", x1: "34.306", x2: "41.987", y1: "-6.38", y2: "56.949", 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: "RevealAnimation__j", x1: "34.306", x2: "41.987", y1: "-6.234", y2: "57.094", 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: "RevealAnimation__c" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36.999", fill: "#fff", rx: "2", transform: "rotate(-45 21.858 36.999)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RevealAnimation__h" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "37.145", fill: "#fff", rx: "2", transform: "rotate(-45 21.858 37.145)" })), /* @__PURE__ */ React.createElement("filter", { id: "RevealAnimation__d", width: "75.054", height: "75.055", x: "-1.527", y: "-18.913", 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_17944", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "RevealAnimation__i", width: "75.054", height: "75.055", x: "-1.527", y: "-18.768", 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_17944", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("mask", { id: "RevealAnimation__a", width: "10", height: "35", x: "22", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M22 20.5h10v34H22z" })))
|
|
17
18
|
);
|
|
18
19
|
RevealAnimation.displayName = "RevealAnimation";
|
|
19
20
|
export {
|
package/dist/esm/RevealScroll.js
CHANGED
|
@@ -9,6 +9,7 @@ const RevealScroll = (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: "M34.877 22.976a2 2 0 0 1 2 0l9.258 5.345a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733l-9.258 5.345a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.733z", opacity: ".5" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("mask", { id: "RevealScroll__a", width: "22", height: "33", x: "31", y: "19", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M31.988 19.734h20.23v31.327h-20.23z" })),
|
|
13
14
|
/* @__PURE__ */ React.createElement("g", { mask: "url(#RevealScroll__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "RevealScroll__b", width: "24", height: "27", x: "24", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.874 22.976a2 2 0 0 1 2 0l9.258 5.345a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733l-9.258 5.345a2 2 0 0 1-2 0l-9.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(#RevealScroll__c)", mask: "url(#RevealScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealScroll__d)", d: "m51.134-6.54 29.387 16.967V44.36L51.134 61.327 21.747 44.36V10.427z" }))),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "RevealScroll__e", width: "24", height: "27", x: "24", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.87 22.988a2 2 0 0 1 2 0l9.258 5.345a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.732l-9.258 5.346a2 2 0 0 1-2 0l-9.258-5.346a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.732z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#RevealScroll__f)", mask: "url(#RevealScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealScroll__g)", d: "M45.633-1.04 70.709 13.44v28.955L45.633 56.87 20.557 42.394V13.439z" }))),
|
|
@@ -9,6 +9,7 @@ const RevealSection = (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: "19.78", x: "15.818", y: "26.074", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#RevealSection__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "19.78", x: "15.818", y: "26.074", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RevealSection__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealSection__c)", d: "M15.818 6.98h57.254v38.91H15.818z" }))),
|
|
13
14
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#RevealSection__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M15.818 28.074a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v11.56h-32z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RevealSection__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealSection__f)", d: "M15.818 12.613h57.254v27.46H15.818z" }))),
|
|
14
15
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#RevealSection__g)", d: "M55.95 44.766v-17.53h1v17.53z" }),
|
package/dist/esm/RotateClick.js
CHANGED
|
@@ -9,6 +9,9 @@ const RotateClick = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "34.721", height: "16", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".25", rx: "8", transform: "scale(1 -1)rotate(49.105 73.123 2.65)" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("rect", { width: "34.19", height: "16", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".25", rx: "8", transform: "scale(1 -1)rotate(26.017 120.06 19.496)" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".25", rx: "8", transform: "matrix(1 0 0 -1 16.073 44)" }),
|
|
12
15
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#RotateClick__a)", d: "M55.722 39.966c-.822 2.844-2.39 4.99-3.745 6.422a17 17 0 0 1-1.767 1.622 12 12 0 0 1-.706.518l-.043.028-.012.007-.004.003h-.002l-.267-.422-.266-.423.008-.004.032-.023.135-.09c.118-.084.291-.21.505-.38a16 16 0 0 0 1.66-1.522c1.281-1.354 2.746-3.366 3.511-6.014.764-2.643.537-4.906.122-6.507a11 11 0 0 0-.663-1.867 8 8 0 0 0-.317-.609l-.018-.027-.002-.006.42-.27c.388-.248.418-.268.42-.27h.002l.002.005.008.013.025.04q.031.052.085.148c.072.128.17.314.28.553.224.478.5 1.17.726 2.04.45 1.738.694 4.187-.13 7.035" }),
|
|
13
16
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M54.117 29.937a.5.5 0 0 1 .437.032l3.135 1.821-.502.865-2.582-1.5-.798 2.765-.96-.278.976-3.38.043-.105a.5.5 0 0 1 .25-.22" }),
|
|
14
17
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#RotateClick__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "34.721", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "scale(1 -1)rotate(49.105 73.123 2.65)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateClick__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateClick__d)", d: "M76.803-2.852 52.61-23.805 3.06 33.406 27.255 54.36z" }))),
|
package/dist/esm/RotateHover.js
CHANGED
|
@@ -9,6 +9,8 @@ const RotateHover = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "20.444", y: "36", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "1.644", transform: "rotate(-45 20.444 36)" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "47", y: "25", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "1.633", transform: "rotate(90 47 25)" }),
|
|
12
14
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#RotateHover__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "20.444", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.644", transform: "rotate(-45 20.444 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateHover__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateHover__c)", d: "M10.555 26.113 35.808.861 61.06 26.113 35.808 51.366z" }))),
|
|
13
15
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#RotateHover__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "47", y: "25", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.633", transform: "rotate(90 47 25)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateHover__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateHover__f)", d: "M25.616-5.79h53.14v53.14h-53.14z" }))),
|
|
14
16
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#RotateHover__g)", d: "M36.24 13.637c3.353 0 6.182 1.03 8.168 2.055.993.513 1.78 1.027 2.32 1.413a14 14 0 0 1 .784.606l.043.037.013.01.003.004h.002l-.664.749-.001-.001-.008-.007-.035-.03-.144-.118a13 13 0 0 0-.576-.437 18 18 0 0 0-2.196-1.337c-1.89-.975-4.56-1.944-7.708-1.944-3.144 0-5.557.966-7.183 1.93a12.5 12.5 0 0 0-1.84 1.322 9 9 0 0 0-.459.427q-.075.077-.111.117l-.025.027-.006.006-.376-.33-.376-.33h.002l.003-.004.01-.012.036-.039q.046-.05.132-.138c.117-.117.288-.282.512-.478.449-.392 1.115-.91 1.988-1.428 1.749-1.036 4.336-2.07 7.693-2.07" }),
|
|
@@ -9,13 +9,17 @@ const RotateSection = (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("g", { opacity: ".25", clipPath: "url(#RotateSection__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "25.496", y: "21.016", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "2", transform: "rotate(25.92 25.496 21.016)" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#RotateSection__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "m31.363 8.938 51.495 25.025-13.656 28.1-51.495-25.026z" })),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#RotateSection__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.117", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "2" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#RotateSection__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M20 6.023h57.254v38.91H20z" })),
|
|
16
|
+
/* @__PURE__ */ React.createElement("path", { fill: "url(#RotateSection__c)", d: "M36.423 58.734c3.352 0 6.182-1.03 8.167-2.055a19 19 0 0 0 2.32-1.413 14 14 0 0 0 .784-.606l.043-.037.013-.01.003-.004h.002l-.664-.749-.001.001-.008.007-.035.03-.144.119c-.129.103-.322.255-.576.436-.507.363-1.252.85-2.196 1.337-1.89.975-4.56 1.944-7.708 1.944-3.143 0-5.556-.966-7.183-1.93a12.5 12.5 0 0 1-1.84-1.322 9 9 0 0 1-.57-.544l-.025-.027-.006-.006-.376.33-.376.33h.002l.003.004.01.012.036.04.133.137c.116.117.287.282.511.478.45.392 1.115.91 1.988 1.428 1.75 1.036 4.336 2.07 7.693 2.07" }),
|
|
13
17
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M26.026 53.924a.5.5 0 0 0-.091.43l1 3.999.97-.243-.845-3.38 3.36.001v-1l-4 .001-.114.013a.5.5 0 0 0-.28.18" }),
|
|
14
|
-
/* @__PURE__ */ React.createElement("path", { fill: "url(#
|
|
18
|
+
/* @__PURE__ */ React.createElement("path", { fill: "url(#RotateSection__d)", d: "M35.937 13.266c-3.353 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.037-.013.01-.003.004h-.002l.665.749v-.001l.008-.007.035-.03.144-.119c.129-.104.323-.255.576-.436.507-.364 1.253-.85 2.197-1.337 1.89-.975 4.56-1.944 7.708-1.944 3.143 0 5.556.966 7.182 1.93.814.481 1.43.963 1.84 1.322a9 9 0 0 1 .57.543l.026.028.005.006.377-.33.376-.33h-.003l-.002-.004-.01-.012-.036-.04-.133-.137a10 10 0 0 0-.512-.478 13.5 13.5 0 0 0-1.988-1.428c-1.749-1.036-4.336-2.07-7.692-2.07" }),
|
|
15
19
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M46.33 18.076a.5.5 0 0 0 .09-.43l-1-3.999-.97.243.846 3.38-3.36-.001v1l4-.001.113-.012a.5.5 0 0 0 .28-.18" }),
|
|
16
|
-
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#
|
|
17
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#
|
|
18
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "
|
|
20
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#RotateSection__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "25.5", y: "21.008", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(25.933 25.5 21.008)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateSection__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateSection__g)", d: "m28.91 14 42.21 20.526-11.201 23.033-42.21-20.526z" }))),
|
|
21
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#RotateSection__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateSection__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateSection__j)", d: "M20 6.016h57.254v38.91H20z" }))),
|
|
22
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateSection__c", x1: "46.923", x2: "27.423", y1: "55.234", y2: "55.234", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateSection__d", x1: "25.436", x2: "44.937", y1: "16.766", y2: "16.766", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateSection__g", x1: "64.128", x2: "32.773", y1: "33.682", y2: "60.855", 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: "RotateSection__j", x1: "69.134", x2: "40.69", y1: "9.508", y2: "62.915", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateSection__e" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "25.5", y: "21.008", fill: "#fff", rx: "2", transform: "rotate(25.933 25.5 21.008)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateSection__h" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateSection__a" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "25.496", y: "21.016", fill: "#fff", rx: "2", transform: "rotate(25.92 25.496 21.016)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateSection__b" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.117", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "RotateSection__f", width: "63.41", height: "53.555", x: "12.71", y: "9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22455", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "RotateSection__i", width: "67.254", height: "48.906", x: "15", y: "1.016", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22455", stdDeviation: "2.5" })))
|
|
19
23
|
);
|
|
20
24
|
RotateSection.displayName = "RotateSection";
|
|
21
25
|
export {
|
package/dist/esm/RubberMouse.js
CHANGED
|
@@ -9,6 +9,10 @@ const RubberMouse = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("ellipse", { cx: "26.996", cy: "36.001", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "13.666", ry: "9.938" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("ellipse", { cx: "30.514", cy: "35.999", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "13.666", ry: "11.725" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("ellipse", { cx: "44.253", cy: "36.001", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "13.666", ry: "9.938" }),
|
|
15
|
+
/* @__PURE__ */ React.createElement("ellipse", { cx: "41.07", cy: "35.999", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "13.666", ry: "11.725" }),
|
|
12
16
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "RubberMouse__a", width: "28", height: "20", x: "13", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "26.996", cy: "36.001", fill: "#D9D9D9", rx: "13.666", ry: "9.938" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__a)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "46.691", cy: "19.299", fill: "#002294", rx: "52.63", ry: "30.002" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RubberMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RubberMouse__c)", d: "M32.407 12.364c-1.726.169-3.43.403-5.09.702-6.815 1.242-12.857 3.604-16.84 6.93-9.106 7.595-4.039 17.324 11.32 21.729 15.357 4.404 35.185 1.812 44.291-5.782 9.106-7.6 4.039-17.329-11.308-21.728-7.015-2.014-14.948-2.564-22.373-1.851" })))),
|
|
13
17
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "RubberMouse__d", width: "29", height: "24", x: "16", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "30.514", cy: "35.999", fill: "#D9D9D9", rx: "13.666", ry: "11.725" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__d)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "50.21", cy: "16.292", fill: "#002294", rx: "52.63", ry: "35.398" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RubberMouse__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RubberMouse__f)", d: "M35.926 8.113c-1.726.199-3.43.475-5.09.829-6.816 1.464-12.857 4.252-16.84 8.176-9.107 8.96-4.039 20.44 11.319 25.636s35.186 2.139 44.292-6.822c9.106-8.967 4.038-20.445-11.308-25.635C51.284 7.92 43.35 7.27 35.926 8.113" })))),
|
|
14
18
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "RubberMouse__g", width: "28", height: "20", x: "30", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "44.253", cy: "36.001", fill: "#D9D9D9", rx: "13.666", ry: "9.938" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__g)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "63.949", cy: "19.299", fill: "#002294", rx: "52.63", ry: "30.002" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RubberMouse__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RubberMouse__i)", d: "M49.665 12.364c-1.726.169-3.43.403-5.09.702-6.815 1.242-12.857 3.604-16.84 6.93-9.106 7.595-4.039 17.324 11.32 21.729 15.357 4.404 35.185 1.812 44.291-5.782 9.106-7.6 4.039-17.329-11.308-21.728-7.015-2.014-14.948-2.564-22.373-1.851" })))),
|
|
@@ -9,10 +9,11 @@ const ScrollEffectsDisappear = (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(#ScrollEffectsDisappear__a)" }, /* @__PURE__ */ React.createElement("
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M23 33h64v44H23z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsDisappear__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsDisappear__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__e)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsDisappear__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 65h64v12H23z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsDisappear__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__h)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__i)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 34h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__k)", d: "m70.584 44.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__l)", d: "M95.988 52.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__m)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "43", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsDisappear__n)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__o)", d: "M63.682 39.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 27h64v9H23zM30 46h23v1H30zM30 50h23v1H30zM30 54h12v1H30z" })),
|
|
13
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M91 72.844c0 .638-.448 1.156-1 1.156s-1-.518-1-1.156V38.156c0-.638.448-1.156 1-1.156s1 .518 1 1.156z" }),
|
|
14
15
|
/* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
|
|
15
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "
|
|
16
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__b" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__c" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 65h64v12H23z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__i" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "40", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__j" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 34h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__m" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "43", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsDisappear__e", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", 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: "ScrollEffectsDisappear__h", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", 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: "ScrollEffectsDisappear__k", x1: "65.465", x2: "78.231", y1: "49.185", y2: "60.371", 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: "ScrollEffectsDisappear__l", x1: "56.388", x2: "81.181", y1: "36.649", y2: "63.447", 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: "ScrollEffectsDisappear__o", x1: "67.724", x2: "60.025", y1: "39.808", y2: "49.632", 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: "ScrollEffectsDisappear__d", width: "115", height: "101", x: "11", y: "-12", 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_22231", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsDisappear__g", width: "115", height: "101", x: "11", y: "-12", 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_22231", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsDisappear__n", width: "12.12", height: "12.12", x: "58.44", y: "37.44", 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_22231", stdDeviation: ".78" })))
|
|
16
17
|
);
|
|
17
18
|
ScrollEffectsDisappear.displayName = "ScrollEffectsDisappear";
|
|
18
19
|
export {
|
|
@@ -9,10 +9,11 @@ const ScrollEffectsFadeOut = (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(#ScrollEffectsFadeOut__a)" }, /* @__PURE__ */ React.createElement("
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M23 33h64v44H23z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsFadeOut__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsFadeOut__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__e)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__f)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__h)", d: "m70.584 54.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__i)", d: "M95.988 62.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsFadeOut__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__l)", d: "M63.682 49.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("mask", { id: "ScrollEffectsFadeOut__n", width: "64", height: "9", x: "23", y: "37", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__m)", d: "M87 46h64v9H87z", transform: "rotate(-180 87 46)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ScrollEffectsFadeOut__n)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 37h64v9H23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M75 41h6v1h-6zM66 41h6v1h-6zM57 41h6v1h-6z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30 56h23v1H30zM30 60h23v1H30zM30 64h12v1H30z" })),
|
|
13
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M91 72.844c0 .638-.448 1.156-1 1.156s-1-.518-1-1.156V38.156c0-.638.448-1.156 1-1.156s1 .518 1 1.156z" }),
|
|
14
15
|
/* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
|
|
15
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("
|
|
16
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__b" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__c" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__f" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "50", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__g" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__j" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsFadeOut__e", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", 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: "ScrollEffectsFadeOut__h", x1: "65.465", x2: "78.231", y1: "59.185", y2: "70.371", 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: "ScrollEffectsFadeOut__i", x1: "56.388", x2: "81.181", y1: "46.649", y2: "73.447", 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: "ScrollEffectsFadeOut__l", x1: "67.724", x2: "60.025", y1: "49.808", y2: "59.632", 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: "ScrollEffectsFadeOut__m", x1: "119", x2: "119", y1: "46", y2: "55", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", null), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#fff" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsFadeOut__d", width: "115", height: "101", x: "11", y: "-12", 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_22198", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsFadeOut__k", width: "12.12", height: "12.12", x: "58.44", y: "47.44", 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_22198", stdDeviation: ".78" })))
|
|
16
17
|
);
|
|
17
18
|
ScrollEffectsFadeOut.displayName = "ScrollEffectsFadeOut";
|
|
18
19
|
export {
|