@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
package/dist/cjs/MoveClick.js
CHANGED
|
@@ -42,14 +42,14 @@ const MoveClick = (props) => /* @__PURE__ */ import_react.default.createElement(
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#MoveClick__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "
|
|
46
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#
|
|
47
|
-
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#
|
|
48
|
-
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#
|
|
49
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#
|
|
50
|
-
/* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#MoveClick__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "49.017", height: "16", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "8", transform: "matrix(1 0 0 -1 11.492 38.54)" })),
|
|
46
|
+
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#MoveClick__a)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M87.177 38.54V6.532H11.492V38.54z" })),
|
|
47
|
+
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#MoveClick__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "matrix(1 0 0 -1 11.5 38.54)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#MoveClick__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MoveClick__d)", d: "M87.185 38.54V6.532H11.5V38.54z" }))),
|
|
48
|
+
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#MoveClick__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "matrix(1 0 0 -1 19.5 38.54)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#MoveClick__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MoveClick__g)", d: "M95.185 38.54V6.532H19.5V38.54z" }))),
|
|
49
|
+
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#MoveClick__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "matrix(1 0 0 -1 27.5 38.54)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#MoveClick__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MoveClick__j)", d: "M103.186 38.54V6.532H27.501V38.54z" }))),
|
|
50
|
+
/* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MoveClick__k)", d: "M23.5 46.46h25v1h-25z" }),
|
|
51
51
|
/* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49 46.962a.5.5 0 0 1-.18.384l-3 2.5-.64-.768 2.54-2.116-2.54-2.116.64-.768 3 2.5.077.08a.5.5 0 0 1 .103.304" }),
|
|
52
|
-
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "
|
|
52
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "MoveClick__d", x1: "80.392", x2: "50.319", y1: "11.072", y2: "66.802", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "MoveClick__g", x1: "88.392", x2: "58.319", y1: "11.072", y2: "66.802", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "MoveClick__j", x1: "96.392", x2: "66.319", y1: "11.072", y2: "66.802", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "MoveClick__k", x1: "23.5", x2: "48.5", y1: "46.961", y2: "46.961", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "MoveClick__b" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 11.5 38.54)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "MoveClick__e" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 19.5 38.54)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "MoveClick__h" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 27.5 38.54)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "MoveClick__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "49.017", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 11.492 38.54)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "MoveClick__c", width: "90.45", height: "46.773", x: "4.118", y: "-.851", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19548", stdDeviation: "3.691" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "MoveClick__f", width: "90.45", height: "46.769", x: "12.118", y: "-.847", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19548", stdDeviation: "3.691" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "MoveClick__i", width: "90.45", height: "46.769", x: "20.118", y: "-.847", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19548", stdDeviation: "3.691" })))
|
|
53
53
|
);
|
|
54
54
|
MoveClick.displayName = "MoveClick";
|
|
55
55
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -44,9 +44,6 @@ const MoveHorizontalHover = (props) => /* @__PURE__ */ import_react.default.crea
|
|
|
44
44
|
},
|
|
45
45
|
/* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MoveHorizontalHover__a)", d: "M23.5 48.973h25v1h-25z" }),
|
|
46
46
|
/* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49 49.474a.5.5 0 0 1-.18.383l-3 2.5-.64-.767 2.54-2.116-2.54-2.117.64-.767 3 2.5.077.079a.5.5 0 0 1 .103.305" }),
|
|
47
|
-
/* @__PURE__ */ import_react.default.createElement("rect", { width: "39", height: "22", x: "16.607", y: "20", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2" }),
|
|
48
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#MoveHorizontalHover__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22", height: "22", x: "16.355", y: "20.027", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2" })),
|
|
49
|
-
/* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#MoveHorizontalHover__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22", height: "22", x: "25", y: "20.027", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2" }))),
|
|
50
47
|
/* @__PURE__ */ import_react.default.createElement("rect", { width: "39", height: "22", x: "16.607", y: "20", fill: "var(--wds-illustration-color-5, #eaeff1)", opacity: ".5", rx: "2" }),
|
|
51
48
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#MoveHorizontalHover__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22", height: "22", x: "16.355", y: "20.027", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#MoveHorizontalHover__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MoveHorizontalHover__d)", d: "M16.355-3.973h46v46h-46z" }))),
|
|
52
49
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75" }, /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#MoveHorizontalHover__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22", height: "22", x: "25", y: "20.027", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#MoveHorizontalHover__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MoveHorizontalHover__g)", d: "M25-10.562h52.591v52.59H25z" })))),
|
package/dist/cjs/MoveScroll.js
CHANGED
|
@@ -42,13 +42,16 @@ const MoveScroll = (props) => /* @__PURE__ */ import_react.default.createElement
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#MoveScroll__a)", opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M17.823 4.786 3.345 29.862l14.478 25.076h28.955l14.478-25.076L46.778 4.786z" })),
|
|
46
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#MoveScroll__b)", opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M9.321 4.786-5.157 29.862 9.321 54.938h28.955l14.478-25.076L38.276 4.786z" })),
|
|
47
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#MoveScroll__c)", opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "m-6.688 2.779-16.966 29.387 16.966 29.387h33.933l16.967-29.387L27.245 2.779z" })),
|
|
48
|
+
/* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MoveScroll__d)", d: "M48.499 50.926h-25v1h25z" }),
|
|
46
49
|
/* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22.999 51.427a.5.5 0 0 0 .18.383l3 2.5.64-.767-2.54-2.116 2.54-2.117-.64-.767-3 2.5-.076.08a.5.5 0 0 0-.104.304" }),
|
|
47
|
-
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "
|
|
48
|
-
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "
|
|
49
|
-
/* @__PURE__ */ import_react.default.createElement("mask", { id: "
|
|
50
|
-
/* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#
|
|
51
|
-
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "
|
|
50
|
+
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "MoveScroll__e", width: "27", height: "23", x: "31", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M39.156 20.21a2 2 0 0 0-1.732 1l-5.345 9.26a2 2 0 0 0 0 2l5.345 9.258a2 2 0 0 0 1.732 1h10.69a2 2 0 0 0 1.733-1l5.345-9.259a2 2 0 0 0 0-2l-5.345-9.258a2 2 0 0 0-1.732-1z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#MoveScroll__f)", mask: "url(#MoveScroll__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MoveScroll__g)", d: "M17.823 4.786 3.345 29.862l14.478 25.076h28.955l14.478-25.076L46.778 4.786z" }))),
|
|
51
|
+
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "MoveScroll__h", width: "26", height: "23", x: "23", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30.654 20.21a2 2 0 0 0-1.732 1l-5.345 9.26a2 2 0 0 0 0 2l5.345 9.258a2 2 0 0 0 1.732 1h10.69a2 2 0 0 0 1.733-1l5.345-9.259a2 2 0 0 0 0-2l-5.345-9.258a2 2 0 0 0-1.732-1z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#MoveScroll__i)", mask: "url(#MoveScroll__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MoveScroll__j)", d: "M9.321 4.786-5.157 29.862 9.321 54.938h28.955l14.478-25.076L38.276 4.786z" }))),
|
|
52
|
+
/* @__PURE__ */ import_react.default.createElement("mask", { id: "MoveScroll__k", width: "27", height: "23", x: "14", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.152 20.21a2 2 0 0 0-1.732 1l-5.345 9.26a2 2 0 0 0 0 2l5.345 9.258a2 2 0 0 0 1.732 1h10.69a2 2 0 0 0 1.733-1l5.345-9.259a2 2 0 0 0 0-2l-5.345-9.258a2 2 0 0 0-1.732-1z" })),
|
|
53
|
+
/* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#MoveScroll__l)", mask: "url(#MoveScroll__k)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MoveScroll__m)", d: "m-6.688 2.779-16.966 29.387 16.966 29.387h33.933l16.967-29.387L27.245 2.779z" })),
|
|
54
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "MoveScroll__d", x1: "48.499", x2: "23.499", y1: "51.426", y2: "51.426", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "MoveScroll__g", x1: "2.459", x2: "62.533", y1: "19.659", y2: "44.604", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "MoveScroll__j", x1: "-6.043", x2: "54.031", y1: "19.659", y2: "44.604", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "MoveScroll__m", x1: "-24.693", x2: "45.708", y1: "20.208", y2: "49.442", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "MoveScroll__f", width: "67.91", height: "60.152", x: "-1.655", y: "-.215", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19800", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "MoveScroll__i", width: "67.91", height: "60.152", x: "-10.157", y: "-.215", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19800", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "MoveScroll__l", width: "77.866", height: "68.773", x: "-28.654", y: "-2.223", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19800", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: "MoveScroll__a", width: "27", height: "23", x: "31", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M39.156 20.21a2 2 0 0 0-1.732 1l-5.345 9.26a2 2 0 0 0 0 2l5.345 9.258a2 2 0 0 0 1.732 1h10.69a2 2 0 0 0 1.733-1l5.345-9.259a2 2 0 0 0 0-2l-5.345-9.258a2 2 0 0 0-1.732-1z" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: "MoveScroll__b", width: "26", height: "23", x: "23", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M30.654 20.21a2 2 0 0 0-1.732 1l-5.345 9.26a2 2 0 0 0 0 2l5.345 9.258a2 2 0 0 0 1.732 1h10.69a2 2 0 0 0 1.733-1l5.345-9.259a2 2 0 0 0 0-2l-5.345-9.258a2 2 0 0 0-1.732-1z" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: "MoveScroll__c", width: "27", height: "23", x: "14", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M22.152 20.21a2 2 0 0 0-1.732 1l-5.345 9.26a2 2 0 0 0 0 2l5.345 9.258a2 2 0 0 0 1.732 1h10.69a2 2 0 0 0 1.733-1l5.345-9.259a2 2 0 0 0 0-2l-5.345-9.258a2 2 0 0 0-1.732-1z" })))
|
|
52
55
|
);
|
|
53
56
|
MoveScroll.displayName = "MoveScroll";
|
|
54
57
|
// Annotate the CommonJS export names for ESM import in node:
|
package/dist/cjs/ObscureMouse.js
CHANGED
|
@@ -42,11 +42,17 @@ const ObscureMouse = (props) => /* @__PURE__ */ import_react.default.createEleme
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("g", {
|
|
46
|
-
/* @__PURE__ */ import_react.default.createElement("g", {
|
|
47
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
48
|
-
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#
|
|
49
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ObscureMouse__a)", opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M2.336 2.945H58.6v47.249H2.336z" })),
|
|
46
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ObscureMouse__a)", opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "m31.484 8.684 20.361 37.365H9.088z" })),
|
|
47
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ObscureMouse__b)", opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M14.936 3.688h55.052V49.92H14.936z" })),
|
|
48
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ObscureMouse__b)", opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M43.456 9.3 63.38 45.864H21.542z" })),
|
|
49
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ObscureMouse__c)", opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M27.685-7.453h69.6v58.448h-69.6z" })),
|
|
50
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ObscureMouse__c)", opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "m65.25-5.351 29.396 51.218h-61.73z" })),
|
|
51
|
+
/* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ObscureMouse__d)", opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ObscureMouse__e", width: "30", height: "27", x: "10", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M23.154 21.523c.77-1.333 2.694-1.333 3.464 0L39.12 43.18c.77 1.333-.192 3-1.732 3H12.382c-1.54 0-2.502-1.667-1.732-3z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ObscureMouse__e)" }, /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ObscureMouse__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M2.337 2.273H58.6v47.249H2.337z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ObscureMouse__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ObscureMouse__h)", d: "m31.484 8.012 20.362 37.365H9.089z" })))),
|
|
52
|
+
/* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ObscureMouse__i)", opacity: ".75" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ObscureMouse__j", width: "30", height: "26", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M35.268 23.066c.77-1.333 2.694-1.333 3.464 0l12.16 21.062c.77 1.333-.193 3-1.732 3H24.84c-1.54 0-2.502-1.667-1.732-3z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ObscureMouse__j)" }, /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ObscureMouse__k)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14.936 4.164h55.052v46.232H14.936z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ObscureMouse__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ObscureMouse__m)", d: "M43.456 9.777 63.38 46.34H21.542z" })))),
|
|
53
|
+
/* @__PURE__ */ import_react.default.createElement("mask", { id: "ObscureMouse__n", width: "31", height: "27", x: "34", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M47.382 22.047c.77-1.334 2.695-1.334 3.464 0l12.99 22.5c.77 1.333-.192 3-1.731 3H36.124c-1.54 0-2.502-1.667-1.732-3z" })),
|
|
54
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ObscureMouse__n)" }, /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ObscureMouse__o)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M27.685-7.457h69.6v58.448h-69.6z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ObscureMouse__p)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ObscureMouse__q)", d: "m62.679-3.703 29.396 51.219h-61.73z" }))),
|
|
55
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("filter", { id: "ObscureMouse__d", width: "37.013", height: "33.656", x: "6.379", y: "16.523", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20685", stdDeviation: "2" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ObscureMouse__f", width: "66.263", height: "57.25", x: "-2.663", y: "-2.727", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20685", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ObscureMouse__g", width: "52.757", height: "47.367", x: "4.089", y: "3.012", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20685", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ObscureMouse__i", width: "32.326", height: "29.063", x: "20.837", y: "20.066", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20685", stdDeviation: "1" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ObscureMouse__k", width: "65.053", height: "56.23", x: "9.936", y: "-.836", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20685", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ObscureMouse__l", width: "51.837", height: "46.563", x: "16.542", y: "4.777", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20685", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ObscureMouse__o", width: "79.6", height: "68.449", x: "22.685", y: "-12.457", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20685", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ObscureMouse__p", width: "71.73", height: "61.219", x: "25.346", y: "-8.703", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20685", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ObscureMouse__h", x1: "45.782", x2: "15.09", y1: "11.366", y2: "56.181", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ObscureMouse__m", x1: "57.446", x2: "27.415", y1: "13.059", y2: "56.91", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ObscureMouse__q", x1: "83.321", x2: "42.079", y1: ".894", y2: "64.32", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: "ObscureMouse__a", width: "30", height: "26", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M23.153 22.195c.77-1.333 2.695-1.333 3.464 0l12.504 21.657c.77 1.333-.193 3-1.732 3H12.382c-1.54 0-2.502-1.667-1.732-3z" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: "ObscureMouse__b", width: "30", height: "26", x: "22", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M35.268 22.59c.77-1.334 2.694-1.334 3.464 0l12.16 21.061c.77 1.334-.193 3-1.732 3H24.84c-1.54 0-2.502-1.666-1.732-3z" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: "ObscureMouse__c", width: "31", height: "27", x: "34", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M47.382 22.05c.77-1.332 2.695-1.333 3.464 0l12.99 22.5c.77 1.334-.192 3-1.731 3H36.124c-1.54 0-2.502-1.666-1.732-3z" })))
|
|
50
56
|
);
|
|
51
57
|
ObscureMouse.displayName = "ObscureMouse";
|
|
52
58
|
// Annotate the CommonJS export names for ESM import in node:
|
package/dist/cjs/OnImage.js
CHANGED
|
@@ -42,7 +42,7 @@ const OnImage = (props) => /* @__PURE__ */ import_react.default.createElement(
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "32", x: "16", y: "20", fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", rx: "3" }),
|
|
46
46
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#OnImage__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "32", x: "16", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#OnImage__b)", d: "M36.672 28.633 23.246 45.639l24.294-2.144z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#OnImage__c)", d: "M56 32.946s-13.42-4.136-14.347-4.45c-.928-.312-6.683-1.76-4.981 2.416 1.69 4.15 2.617 5.746 2.985 6.454.369.71 1.869 3.597-1.905 4.662C33.473 43.235 16 47.378 16 47.378v4.882h40z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#OnImage__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "8", height: "8", x: "19", y: "23", fill: "var(--wds-illustration-color-6, #002296)", rx: "4" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#OnImage__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#OnImage__f)", d: "M24.319 18.122q-.522.103-1.023.287a6.56 6.56 0 0 0-3.386 2.832c-1.83 3.105-.812 7.081 2.276 8.882s7.073.74 8.904-2.364c1.83-3.106.812-7.083-2.273-8.88a6.44 6.44 0 0 0-4.498-.757" })))),
|
|
47
47
|
/* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M19 23h12v6H19z" }),
|
|
48
48
|
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "OnImage__b", x1: "29.217", x2: "51.677", y1: "34.673", y2: "54.306", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "OnImage__c", x1: "25.044", x2: "52.468", y1: "36.348", y2: "55.029", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "OnImage__f", x1: "30.156", x2: "19.036", y1: "19.167", y2: "33.357", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "OnImage__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "32", x: "16", y: "20", fill: "#fff", rx: "3" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "OnImage__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "8", height: "8", x: "19", y: "23", fill: "#fff", rx: "4" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "OnImage__e", width: "17.334", height: "17.334", x: "16.833", y: "15.833", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22024", stdDeviation: "1.083" })))
|
package/dist/cjs/PanSection.js
CHANGED
|
@@ -42,10 +42,9 @@ const PanSection = (props) => /* @__PURE__ */ import_react.default.createElement
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("rect", { width: "44.2", height: "17.78", x: "13.969", y: "22.109", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2" }),
|
|
45
46
|
/* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#PanSection__a)", d: "M23.5 46.89h25v1h-25z" }),
|
|
46
47
|
/* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49 47.392a.5.5 0 0 1-.18.383l-3 2.5-.64-.767 2.54-2.116-2.54-2.117.64-.767 3 2.5.077.079a.5.5 0 0 1 .103.305" }),
|
|
47
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#PanSection__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "13.789", y: "22.109", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2" })),
|
|
48
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#PanSection__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "20.004", y: "22.109", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2" })),
|
|
49
48
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#PanSection__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "13.789", y: "22.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#PanSection__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#PanSection__d)", d: "M13.79 1.11h57v39h-57z" }))),
|
|
50
49
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#PanSection__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "20.004", y: "22.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#PanSection__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#PanSection__g)", d: "M20.004 1.11h57v39h-57z" }))),
|
|
51
50
|
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#PanSection__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "26.215", y: "22.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#PanSection__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#PanSection__j)", d: "M26.215 1.016h57.254v38.91H26.215z" }))),
|
|
@@ -42,13 +42,16 @@ const ParallaxScroll = (props) => /* @__PURE__ */ import_react.default.createEle
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("g", {
|
|
46
|
-
/* @__PURE__ */ import_react.default.createElement("g", {
|
|
47
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
48
|
-
/* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#
|
|
49
|
-
/* @__PURE__ */ import_react.default.createElement("path", { fill: "
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ParallaxScroll__a)", opacity: ".7" }, /* @__PURE__ */ import_react.default.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" })),
|
|
46
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ParallaxScroll__b)", opacity: ".7" }, /* @__PURE__ */ import_react.default.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" })),
|
|
47
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ParallaxScroll__c)", opacity: ".7" }, /* @__PURE__ */ import_react.default.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" })),
|
|
48
|
+
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ParallaxScroll__d", width: "24", height: "26", x: "19", y: "31", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ParallaxScroll__e)", mask: "url(#ParallaxScroll__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ParallaxScroll__f)", d: "m40.698 7.504 25.076 14.478v28.955L40.698 65.414 15.622 50.937V21.982z" }))),
|
|
49
|
+
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ParallaxScroll__g", width: "24", height: "26", x: "19", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ParallaxScroll__h)", mask: "url(#ParallaxScroll__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ParallaxScroll__i)", d: "m40.698-.45 25.076 14.478v28.956L40.698 57.46 15.622 42.984V14.028z" }))),
|
|
50
|
+
/* @__PURE__ */ import_react.default.createElement("mask", { id: "ParallaxScroll__j", width: "24", height: "26", x: "19", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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" })),
|
|
51
|
+
/* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ParallaxScroll__k)", mask: "url(#ParallaxScroll__j)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ParallaxScroll__l)", d: "M46.196-13.89 75.582 3.075v33.933L46.196 53.975 16.809 37.01V3.076z" })),
|
|
52
|
+
/* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ParallaxScroll__m)", d: "M51.065 48.5v-25h1v25z" }),
|
|
50
53
|
/* @__PURE__ */ import_react.default.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" }),
|
|
51
|
-
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "
|
|
54
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ParallaxScroll__f", x1: "61.44", x2: "21.887", y1: "12.702", y2: "64.342", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ParallaxScroll__i", x1: "61.44", x2: "21.887", y1: "4.749", y2: "56.389", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ParallaxScroll__l", x1: "70.503", x2: "24.151", y1: "-7.799", y2: "52.718", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ParallaxScroll__m", x1: "51.565", x2: "51.565", y1: "48.5", y2: "23.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ParallaxScroll__e", width: "60.152", height: "67.91", x: "10.622", y: "2.504", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20039", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ParallaxScroll__h", width: "60.152", height: "67.91", x: "10.622", y: "-5.449", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20039", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ParallaxScroll__k", width: "68.774", height: "77.867", x: "11.809", y: "-18.891", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20039", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: "ParallaxScroll__a", width: "24", height: "26", x: "19", y: "31", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("mask", { id: "ParallaxScroll__b", width: "24", height: "26", x: "19", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("mask", { id: "ParallaxScroll__c", width: "24", height: "26", x: "19", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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" })))
|
|
52
55
|
);
|
|
53
56
|
ParallaxScroll.displayName = "ParallaxScroll";
|
|
54
57
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -42,10 +42,9 @@ const ParallaxSection = (props) => /* @__PURE__ */ import_react.default.createEl
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "30.163", x: "17", y: "20.93", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2" }),
|
|
45
46
|
/* @__PURE__ */ import_react.default.createElement("path", { stroke: "url(#ParallaxSection__a)", d: "M56.5 49.79v-25", strokeMiterlimit: "10" }),
|
|
46
47
|
/* @__PURE__ */ import_react.default.createElement("path", { stroke: "var(--wds-illustration-color-6, #002296)", d: "m54 27.79 2.5-3 2.5 3", strokeLinejoin: "round" }),
|
|
47
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ParallaxSection__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "17", y: "33.316", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2" })),
|
|
48
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ParallaxSection__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "17", y: "27.113", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2" })),
|
|
49
48
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#ParallaxSection__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "17", y: "33.316", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ParallaxSection__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ParallaxSection__d)", d: "M17 12.316h57v39H17z" }))),
|
|
50
49
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ParallaxSection__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "17", y: "27.113", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ParallaxSection__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ParallaxSection__g)", d: "M17 6.113h57v39H17z" }))),
|
|
51
50
|
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ParallaxSection__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "17", y: "20.906", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ParallaxSection__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ParallaxSection__j)", d: "M17-.187h57.254v38.91H17z" }))),
|
package/dist/cjs/PieChart.js
CHANGED
|
@@ -42,11 +42,12 @@ const PieChart = (props) => /* @__PURE__ */ import_react.default.createElement(
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
46
|
-
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#
|
|
47
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
48
|
-
/* @__PURE__ */ import_react.default.createElement("g", {
|
|
49
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#PieChart__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "54", height: "54", x: "9.001", y: "9", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "27" })),
|
|
46
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#PieChart__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "27" })),
|
|
47
|
+
/* @__PURE__ */ import_react.default.createElement("mask", { id: "PieChart__c", width: "27", height: "27", x: "9", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M9 36h27v27H9z" })),
|
|
48
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#PieChart__c)", clipPath: "url(#PieChart__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "54", height: "54", x: "9.001", y: "9", fill: "var(--wds-illustration-color-1, #002291)", rx: "27" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#PieChart__e)" }, /* @__PURE__ */ import_react.default.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" }))),
|
|
49
|
+
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "PieChart__g", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M36 63h27V9H9v27h27z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#PieChart__g)", clipPath: "url(#PieChart__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "var(--wds-illustration-color-1, #002291)", rx: "27" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#PieChart__i)" }, /* @__PURE__ */ import_react.default.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" })))),
|
|
50
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "PieChart__f", x1: "81.087", x2: "9.233", y1: "-13.46", y2: "78.23", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "PieChart__j", x1: "81.086", x2: "9.232", y1: "-13.46", y2: "78.23", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "PieChart__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "54", height: "54", x: "9.001", y: "9", fill: "#fff", rx: "27" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "PieChart__h" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "#fff", rx: "27" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "PieChart__e", width: "94", height: "94", x: "4.001", y: "-26", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19188", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "PieChart__i", width: "94", height: "94", x: "4", y: "-26", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19188", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: "PieChart__a", width: "27", height: "27", x: "9", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M9 36h27v27H9z" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: "PieChart__b", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M36 63h27V9H9v27h27z" })))
|
|
50
51
|
);
|
|
51
52
|
PieChart.displayName = "PieChart";
|
|
52
53
|
// Annotate the CommonJS export names for ESM import in node:
|
package/dist/cjs/PokeLoop.js
CHANGED
|
@@ -42,8 +42,9 @@ const PokeLoop = (props) => /* @__PURE__ */ import_react.default.createElement(
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
46
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "12.906", y: "17.035", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
|
|
46
|
+
/* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "22", y: "17.035", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
|
|
47
|
+
/* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "31.094", y: "17.035", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
|
|
47
48
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#PokeLoop__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "12.906", y: "17.039", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#PokeLoop__b)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#PokeLoop__d)" }, /* @__PURE__ */ import_react.default.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" }))),
|
|
48
49
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#PokeLoop__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "22", y: "17.039", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#PokeLoop__g)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#PokeLoop__i)" }, /* @__PURE__ */ import_react.default.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" }))),
|
|
49
50
|
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#PokeLoop__k)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "31.094", y: "17.039", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#PokeLoop__l)" }, /* @__PURE__ */ import_react.default.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" }))),
|
|
@@ -42,8 +42,7 @@ const PullBackSection = (props) => /* @__PURE__ */ import_react.default.createEl
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
46
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#PullBackSection__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "26.025", height: "12.444", x: "22.988", y: "29.773", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "1.663" })),
|
|
45
|
+
/* @__PURE__ */ import_react.default.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" }),
|
|
47
46
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#PullBackSection__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#PullBackSection__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#PullBackSection__c)", d: "M20 5.664h51.001v39.618H20z" }))),
|
|
48
47
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#PullBackSection__d)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#PullBackSection__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#PullBackSection__f)", d: "M22.988 3.336H73.99v37.96H22.988z" }))),
|
|
49
48
|
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#PullBackSection__g)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#PullBackSection__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#PullBackSection__i)", d: "M26.223 8.477h53.5v30.515h-53.5z" }))),
|
package/dist/cjs/PulseLoop.js
CHANGED
|
@@ -42,8 +42,7 @@ const PulseLoop = (props) => /* @__PURE__ */ import_react.default.createElement(
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
46
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#PulseLoop__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "40", x: "16", y: "16", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "20" })),
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("rect", { width: "52", height: "52", x: "10", y: "10", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".25", rx: "26" }),
|
|
47
46
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#PulseLoop__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "52", height: "52", x: "10", y: "10", fill: "var(--wds-illustration-color-1, #002291)", rx: "26" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#PulseLoop__b)" }, /* @__PURE__ */ import_react.default.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" }))),
|
|
48
47
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#PulseLoop__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "40", x: "16", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "20" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#PulseLoop__e)" }, /* @__PURE__ */ import_react.default.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" }))),
|
|
49
48
|
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#PulseLoop__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "22", y: "22", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#PulseLoop__h)" }, /* @__PURE__ */ import_react.default.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/cjs/ResizeMouse.js
CHANGED
|
@@ -42,6 +42,9 @@ const ResizeMouse = (props) => /* @__PURE__ */ import_react.default.createElemen
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
+
/* @__PURE__ */ import_react.default.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" }),
|
|
46
|
+
/* @__PURE__ */ import_react.default.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" }),
|
|
47
|
+
/* @__PURE__ */ import_react.default.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" }),
|
|
45
48
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ResizeMouse__a", width: "16", height: "13", x: "12", y: "40", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { mask: "url(#ResizeMouse__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ResizeMouse__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M8.253 31.438h27.448v23.05H8.253z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ResizeMouse__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ResizeMouse__d)", d: "m22.473 34.238 9.934 18.229H11.548z" })))),
|
|
46
49
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ResizeMouse__e", width: "24", height: "21", x: "19", y: "27", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { mask: "url(#ResizeMouse__e)" }, /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ResizeMouse__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M11.261 15.867h43.035v36.14H11.26z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ResizeMouse__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ResizeMouse__h)", d: "m33.556 20.254 15.574 28.58H16.426z" })))),
|
|
47
50
|
/* @__PURE__ */ import_react.default.createElement("mask", { id: "ResizeMouse__i", width: "31", height: "28", x: "29", y: "14", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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" })),
|
|
@@ -42,7 +42,6 @@ const ResizeOptionsCrop = (props) => /* @__PURE__ */ import_react.default.create
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ResizeOptionsCrop__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ResizeOptionsCrop__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "46", height: "34.129", x: "13", y: "19", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2.968" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M36.623 26.395 23.758 47.087l22.945-3.403z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M59.742 33.783s-17.639-7.189-18.5-7.553c-.86-.364-6.197-2.049-4.619 2.81 1.568 4.827 2.427 6.684 2.769 7.508.342.825 1.733 4.183-1.767 5.423-3.968 1.404-25.367 8.073-25.367 8.073v3.83h47.484z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ResizeOptionsCrop__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10", height: "9.962", x: "19", y: "25.043", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "4.981" }))),
|
|
46
45
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ResizeOptionsCrop__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ResizeOptionsCrop__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "46", height: "34.129", x: "13", y: "19", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.968" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ResizeOptionsCrop__c)", d: "M36.623 26.395 23.758 47.087l22.945-3.403z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ResizeOptionsCrop__d)", d: "M59.742 33.783s-17.639-7.189-18.5-7.553c-.86-.364-6.197-2.049-4.619 2.81 1.568 4.827 2.427 6.684 2.769 7.508.342.825 1.733 4.183-1.767 5.423-3.968 1.404-25.367 8.073-25.367 8.073v3.83h47.484z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ResizeOptionsCrop__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10", height: "9.962", x: "19", y: "25.043", fill: "var(--wds-illustration-color-1, #002291)", rx: "4.981" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ResizeOptionsCrop__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ResizeOptionsCrop__g)", d: "M25.94 18.678q-.681.135-1.335.375a8.56 8.56 0 0 0-4.418 3.696c-2.389 4.051-1.06 9.24 2.97 11.59 4.029 2.349 9.23.966 11.62-3.084 2.388-4.054 1.059-9.243-2.967-11.59a8.4 8.4 0 0 0-5.87-.987" })))),
|
|
47
46
|
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ResizeOptionsCrop__h)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ResizeOptionsCrop__i)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "46", height: "34.129", x: "13", y: "18.938", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.968" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ResizeOptionsCrop__j)", d: "M36.623 26.36 23.758 47.13l22.945-3.416z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ResizeOptionsCrop__k)", d: "M59.742 33.775s-17.639-7.216-18.5-7.582c-.86-.365-6.197-2.056-4.62 2.82 1.57 4.846 2.428 6.71 2.77 7.537.342.828 1.733 4.2-1.768 5.444-3.967 1.41-25.366 8.103-25.366 8.103v3.844h47.484z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ResizeOptionsCrop__l)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10", height: "10", x: "19", y: "25", fill: "var(--wds-illustration-color-1, #002291)", rx: "5" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ResizeOptionsCrop__m)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ResizeOptionsCrop__n)", d: "M25.94 18.635q-.681.135-1.335.375a8.56 8.56 0 0 0-4.418 3.696c-2.389 4.051-1.06 9.24 2.97 11.59 4.029 2.349 9.23.967 11.62-3.084 2.388-4.054 1.059-9.243-2.967-11.59a8.4 8.4 0 0 0-5.87-.987" })))),
|
|
48
47
|
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ResizeOptionsCrop__c", x1: "29.71", x2: "48.469", y1: "33.421", y2: "48.247", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ResizeOptionsCrop__d", x1: "17.452", x2: "54.674", y1: "14.647", y2: "50.934", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ResizeOptionsCrop__g", x1: "33.558", x2: "19.047", y1: "20.042", y2: "38.559", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ResizeOptionsCrop__j", x1: "29.71", x2: "48.524", y1: "33.412", y2: "48.226", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ResizeOptionsCrop__k", x1: "17.452", x2: "54.811", y1: "14.566", y2: "50.849", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ResizeOptionsCrop__n", x1: "33.558", x2: "19.047", y1: "19.999", y2: "38.516", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ResizeOptionsCrop__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "46", height: "34", x: "13", y: "19", fill: "#fff", rx: "3" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ResizeOptionsCrop__b" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "46", height: "34.129", x: "13", y: "19", fill: "#fff", rx: "2.968" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ResizeOptionsCrop__e" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10", height: "9.962", x: "19", y: "25.043", fill: "#fff", rx: "4.981" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ResizeOptionsCrop__h" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "28", x: "16", y: "22", fill: "#fff", rx: "3" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ResizeOptionsCrop__i" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "46", height: "34.129", x: "13", y: "18.938", fill: "#fff", rx: "2.968" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ResizeOptionsCrop__l" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10", height: "10", x: "19", y: "25", fill: "#fff", rx: "5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ResizeOptionsCrop__f", width: "20.226", height: "20.227", x: "17.369", y: "16.888", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_21066", stdDeviation: ".816" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ResizeOptionsCrop__m", width: "20.226", height: "20.227", x: "17.369", y: "16.845", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_21066", stdDeviation: ".816" })))
|