@wix/design-system-illustrations 2.13.0 → 2.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AddAnElement.js +52 -0
- package/dist/cjs/AddAnElementSmall.js +52 -0
- package/dist/cjs/AiryMouse.js +3 -0
- package/dist/cjs/AppearClick.js +1 -0
- package/dist/cjs/AppearHover.js +1 -0
- package/dist/cjs/ArcEntrance.js +3 -0
- package/dist/cjs/ArcScroll.js +3 -0
- package/dist/cjs/Aspect3DSection.js +2 -0
- package/dist/cjs/Aspect3DSpinScroll.js +3 -0
- package/dist/cjs/BlobMouse.js +3 -0
- package/dist/cjs/Bounce.js +3 -2
- package/dist/cjs/BounceAnimation.js +3 -0
- package/dist/cjs/BounceEntrance.js +5 -3
- package/dist/cjs/BounceLoop.js +5 -3
- package/dist/cjs/BreathLoop.js +3 -0
- package/dist/cjs/CircleMarker.js +3 -3
- package/dist/cjs/ClockWipe.js +3 -2
- package/dist/cjs/CrossLoop.js +9 -6
- package/dist/cjs/Cube.js +1 -0
- package/dist/cjs/DartScroll.js +3 -0
- package/dist/cjs/EmptyPage.js +3 -2
- package/dist/cjs/EmptyPageImage.js +3 -2
- package/dist/cjs/EventInfo.js +1 -0
- package/dist/cjs/ExpandAnimation.js +1 -0
- package/dist/cjs/ExpandClick.js +1 -0
- package/dist/cjs/ExpandHover.js +1 -0
- package/dist/cjs/ExpandScroll.js +4 -3
- package/dist/cjs/FadeBackSection.js +1 -0
- package/dist/cjs/FillReveal.js +1 -0
- package/dist/cjs/FlapLoop.js +1 -0
- package/dist/cjs/Flip.js +5 -4
- package/dist/cjs/FlipAnimation.js +1 -0
- package/dist/cjs/FlipLoop.js +1 -0
- package/dist/cjs/FlipScroll.js +1 -0
- package/dist/cjs/FloatEntrance.js +3 -0
- package/dist/cjs/Fold.js +3 -2
- package/dist/cjs/FoldAnimation.js +3 -0
- package/dist/cjs/GlideEntrance.js +1 -0
- package/dist/cjs/GlitchAnimation.js +3 -0
- package/dist/cjs/GrowEntrance.js +3 -0
- package/dist/cjs/Iris.js +3 -2
- package/dist/cjs/JelloLoop.js +5 -5
- package/dist/cjs/MoveClick.js +7 -5
- package/dist/cjs/MoveScroll.js +9 -6
- package/dist/cjs/ObscureMouse.js +11 -5
- package/dist/cjs/OnImage.js +1 -0
- package/dist/cjs/PanSection.js +1 -0
- package/dist/cjs/ParallaxScroll.js +9 -6
- package/dist/cjs/ParallaxSection.js +1 -0
- package/dist/cjs/PieChart.js +6 -4
- package/dist/cjs/PokeLoop.js +3 -0
- package/dist/cjs/PullBackSection.js +1 -0
- package/dist/cjs/PulseLoop.js +1 -0
- package/dist/cjs/ResizeMouse.js +3 -0
- package/dist/cjs/Reveal.js +1 -0
- package/dist/cjs/RevealAnimation.js +5 -4
- package/dist/cjs/RevealScroll.js +1 -0
- package/dist/cjs/RevealSection.js +1 -0
- package/dist/cjs/RotateClick.js +3 -0
- package/dist/cjs/RotateHover.js +2 -0
- package/dist/cjs/RotateSection.js +9 -5
- package/dist/cjs/RubberMouse.js +4 -0
- package/dist/cjs/ScrollEffectsDisappear.js +3 -2
- package/dist/cjs/ScrollEffectsFadeOut.js +3 -2
- package/dist/cjs/ScrollEffectsMoveWithPage.js +3 -2
- package/dist/cjs/ScrollEffectsStayFixed.js +3 -2
- package/dist/cjs/ShapeScroll.js +1 -0
- package/dist/cjs/Shrink.js +1 -0
- package/dist/cjs/ShrinkClick.js +1 -0
- package/dist/cjs/ShrinkHover.js +1 -0
- package/dist/cjs/ShrinkScroll.js +4 -3
- package/dist/cjs/Shuffle.js +1 -0
- package/dist/cjs/Skew3DMouse.js +3 -0
- package/dist/cjs/SkewClick.js +7 -3
- package/dist/cjs/SkewHover.js +1 -0
- package/dist/cjs/SkewSection.js +1 -0
- package/dist/cjs/SlideAnimation.js +3 -0
- package/dist/cjs/SlideScroll.js +3 -0
- package/dist/cjs/StretchScroll.js +1 -0
- package/dist/cjs/Swap.js +3 -2
- package/dist/cjs/SwingLoop.js +3 -0
- package/dist/cjs/SwivelMouse.js +1 -0
- package/dist/cjs/TiltAnimation.js +5 -2
- package/dist/cjs/TiltEntrance.js +3 -0
- package/dist/cjs/TiltScroll.js +1 -0
- package/dist/cjs/Track3DMouse.js +3 -0
- package/dist/cjs/TrackMouse.js +3 -0
- package/dist/cjs/TurnEntrance.js +3 -0
- package/dist/cjs/TurnScroll.js +3 -0
- package/dist/cjs/TwistClick.js +1 -0
- package/dist/cjs/TwistHover.js +1 -0
- package/dist/cjs/TypeWriter.js +6 -4
- package/dist/cjs/WinkEntrance.js +1 -0
- package/dist/cjs/ZoomSection.js +1 -0
- package/dist/cjs/index.js +6 -0
- package/dist/esm/AddAnElement.js +18 -0
- package/dist/esm/AddAnElementSmall.js +18 -0
- package/dist/esm/AiryMouse.js +3 -0
- package/dist/esm/AppearClick.js +1 -0
- package/dist/esm/AppearHover.js +1 -0
- package/dist/esm/ArcEntrance.js +3 -0
- package/dist/esm/ArcScroll.js +3 -0
- package/dist/esm/Aspect3DSection.js +2 -0
- package/dist/esm/Aspect3DSpinScroll.js +3 -0
- package/dist/esm/BlobMouse.js +3 -0
- package/dist/esm/Bounce.js +3 -2
- package/dist/esm/BounceAnimation.js +3 -0
- package/dist/esm/BounceEntrance.js +5 -3
- package/dist/esm/BounceLoop.js +5 -3
- package/dist/esm/BreathLoop.js +3 -0
- package/dist/esm/CircleMarker.js +3 -3
- package/dist/esm/ClockWipe.js +3 -2
- package/dist/esm/CrossLoop.js +9 -6
- package/dist/esm/Cube.js +1 -0
- package/dist/esm/DartScroll.js +3 -0
- package/dist/esm/EmptyPage.js +3 -2
- package/dist/esm/EmptyPageImage.js +3 -2
- package/dist/esm/EventInfo.js +1 -0
- package/dist/esm/ExpandAnimation.js +1 -0
- package/dist/esm/ExpandClick.js +1 -0
- package/dist/esm/ExpandHover.js +1 -0
- package/dist/esm/ExpandScroll.js +4 -3
- package/dist/esm/FadeBackSection.js +1 -0
- package/dist/esm/FillReveal.js +1 -0
- package/dist/esm/FlapLoop.js +1 -0
- package/dist/esm/Flip.js +5 -4
- package/dist/esm/FlipAnimation.js +1 -0
- package/dist/esm/FlipLoop.js +1 -0
- package/dist/esm/FlipScroll.js +1 -0
- package/dist/esm/FloatEntrance.js +3 -0
- package/dist/esm/Fold.js +3 -2
- package/dist/esm/FoldAnimation.js +3 -0
- package/dist/esm/GlideEntrance.js +1 -0
- package/dist/esm/GlitchAnimation.js +3 -0
- package/dist/esm/GrowEntrance.js +3 -0
- package/dist/esm/Iris.js +3 -2
- package/dist/esm/JelloLoop.js +5 -5
- package/dist/esm/MoveClick.js +7 -5
- package/dist/esm/MoveScroll.js +9 -6
- package/dist/esm/ObscureMouse.js +11 -5
- package/dist/esm/OnImage.js +1 -0
- package/dist/esm/PanSection.js +1 -0
- package/dist/esm/ParallaxScroll.js +9 -6
- package/dist/esm/ParallaxSection.js +1 -0
- package/dist/esm/PieChart.js +6 -4
- package/dist/esm/PokeLoop.js +3 -0
- package/dist/esm/PullBackSection.js +1 -0
- package/dist/esm/PulseLoop.js +1 -0
- package/dist/esm/ResizeMouse.js +3 -0
- package/dist/esm/Reveal.js +1 -0
- package/dist/esm/RevealAnimation.js +5 -4
- package/dist/esm/RevealScroll.js +1 -0
- package/dist/esm/RevealSection.js +1 -0
- package/dist/esm/RotateClick.js +3 -0
- package/dist/esm/RotateHover.js +2 -0
- package/dist/esm/RotateSection.js +9 -5
- package/dist/esm/RubberMouse.js +4 -0
- package/dist/esm/ScrollEffectsDisappear.js +3 -2
- package/dist/esm/ScrollEffectsFadeOut.js +3 -2
- package/dist/esm/ScrollEffectsMoveWithPage.js +3 -2
- package/dist/esm/ScrollEffectsStayFixed.js +3 -2
- package/dist/esm/ShapeScroll.js +1 -0
- package/dist/esm/Shrink.js +1 -0
- package/dist/esm/ShrinkClick.js +1 -0
- package/dist/esm/ShrinkHover.js +1 -0
- package/dist/esm/ShrinkScroll.js +4 -3
- package/dist/esm/Shuffle.js +1 -0
- package/dist/esm/Skew3DMouse.js +3 -0
- package/dist/esm/SkewClick.js +7 -3
- package/dist/esm/SkewHover.js +1 -0
- package/dist/esm/SkewSection.js +1 -0
- package/dist/esm/SlideAnimation.js +3 -0
- package/dist/esm/SlideScroll.js +3 -0
- package/dist/esm/StretchScroll.js +1 -0
- package/dist/esm/Swap.js +3 -2
- package/dist/esm/SwingLoop.js +3 -0
- package/dist/esm/SwivelMouse.js +1 -0
- package/dist/esm/TiltAnimation.js +5 -2
- package/dist/esm/TiltEntrance.js +3 -0
- package/dist/esm/TiltScroll.js +1 -0
- package/dist/esm/Track3DMouse.js +3 -0
- package/dist/esm/TrackMouse.js +3 -0
- package/dist/esm/TurnEntrance.js +3 -0
- package/dist/esm/TurnScroll.js +3 -0
- package/dist/esm/TwistClick.js +1 -0
- package/dist/esm/TwistHover.js +1 -0
- package/dist/esm/TypeWriter.js +6 -4
- package/dist/esm/WinkEntrance.js +1 -0
- package/dist/esm/ZoomSection.js +1 -0
- package/dist/esm/index.js +4 -0
- package/dist/types/AddAnElement.d.ts +5 -0
- package/dist/types/AddAnElementSmall.d.ts +5 -0
- package/dist/types/index.d.ts +2 -0
- package/package.json +3 -3
- package/src/AddAnElement.svg +24 -0
- package/src/AddAnElementSmall.svg +24 -0
- package/src/AiryMouse.svg +2 -2
- package/src/AppearClick.svg +2 -2
- package/src/AppearHover.svg +2 -2
- package/src/ArcEntrance.svg +2 -2
- package/src/ArcScroll.svg +2 -2
- package/src/Aspect3DSection.svg +2 -2
- package/src/Aspect3DSpinScroll.svg +2 -2
- package/src/BlobMouse.svg +2 -2
- package/src/Bounce.svg +3 -3
- package/src/BounceAnimation.svg +2 -2
- package/src/BounceEntrance.svg +8 -4
- package/src/BounceLoop.svg +9 -4
- package/src/BreathLoop.svg +2 -2
- package/src/CircleMarker.svg +14 -8
- package/src/ClockWipe.svg +3 -3
- package/src/CrossLoop.svg +3 -3
- package/src/Cube.svg +2 -2
- package/src/DartScroll.svg +2 -2
- package/src/EmptyPage.svg +3 -3
- package/src/EmptyPageImage.svg +3 -3
- package/src/EventInfo.svg +2 -2
- package/src/ExpandAnimation.svg +2 -2
- package/src/ExpandClick.svg +2 -2
- package/src/ExpandHover.svg +2 -2
- package/src/ExpandScroll.svg +5 -5
- package/src/FadeBackSection.svg +2 -2
- package/src/FillReveal.svg +2 -2
- package/src/FlapLoop.svg +2 -2
- package/src/Flip.svg +3 -3
- package/src/FlipAnimation.svg +2 -2
- package/src/FlipLoop.svg +2 -2
- package/src/FlipScroll.svg +2 -2
- package/src/FloatEntrance.svg +2 -2
- package/src/Fold.svg +3 -3
- package/src/FoldAnimation.svg +2 -2
- package/src/GlideEntrance.svg +2 -2
- package/src/GlitchAnimation.svg +2 -2
- package/src/GrowEntrance.svg +2 -2
- package/src/Iris.svg +3 -3
- package/src/JelloLoop.svg +11 -14
- package/src/MoveClick.svg +3 -3
- package/src/MoveScroll.svg +3 -3
- package/src/ObscureMouse.svg +3 -3
- package/src/OnImage.svg +2 -2
- package/src/PanSection.svg +2 -2
- package/src/ParallaxScroll.svg +3 -3
- package/src/ParallaxSection.svg +2 -2
- package/src/PieChart.svg +3 -3
- package/src/PokeLoop.svg +2 -2
- package/src/PullBackSection.svg +2 -2
- package/src/PulseLoop.svg +2 -2
- package/src/ResizeMouse.svg +2 -2
- package/src/Reveal.svg +2 -2
- package/src/RevealAnimation.svg +3 -3
- package/src/RevealScroll.svg +2 -2
- package/src/RevealSection.svg +2 -2
- package/src/RotateClick.svg +2 -2
- package/src/RotateHover.svg +2 -2
- package/src/RotateSection.svg +3 -3
- package/src/RubberMouse.svg +2 -2
- package/src/ScrollEffectsDisappear.svg +3 -3
- package/src/ScrollEffectsFadeOut.svg +3 -3
- package/src/ScrollEffectsMoveWithPage.svg +3 -3
- package/src/ScrollEffectsStayFixed.svg +3 -3
- package/src/ShapeScroll.svg +2 -2
- package/src/Shrink.svg +2 -2
- package/src/ShrinkClick.svg +2 -2
- package/src/ShrinkHover.svg +2 -2
- package/src/ShrinkScroll.svg +5 -5
- package/src/Shuffle.svg +2 -2
- package/src/Skew3DMouse.svg +2 -2
- package/src/SkewClick.svg +3 -3
- package/src/SkewHover.svg +2 -2
- package/src/SkewSection.svg +2 -2
- package/src/SlideAnimation.svg +2 -2
- package/src/SlideScroll.svg +2 -2
- package/src/StretchScroll.svg +2 -2
- package/src/Swap.svg +3 -3
- package/src/SwingLoop.svg +2 -2
- package/src/SwivelMouse.svg +2 -2
- package/src/TiltAnimation.svg +3 -3
- package/src/TiltEntrance.svg +2 -2
- package/src/TiltScroll.svg +2 -2
- package/src/Track3DMouse.svg +2 -2
- package/src/TrackMouse.svg +2 -2
- package/src/TurnEntrance.svg +2 -2
- package/src/TurnScroll.svg +2 -2
- package/src/TwistClick.svg +2 -2
- package/src/TwistHover.svg +2 -2
- package/src/TypeWriter.svg +3 -3
- package/src/WinkEntrance.svg +2 -2
- package/src/ZoomSection.svg +2 -2
package/dist/esm/BreathLoop.js
CHANGED
|
@@ -9,6 +9,9 @@ const BreathLoop = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "21", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "15" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "16.313", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "15" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "25.688", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "15" }),
|
|
12
15
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#BreathLoop__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "15" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BreathLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BreathLoop__c)", d: "M41.275.487a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 23.64 12.966c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525C53.625.22 47.245-.679 41.275.487" }))),
|
|
13
16
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#BreathLoop__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "16.313", fill: "var(--wds-illustration-color-1, #002291)", rx: "15" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BreathLoop__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BreathLoop__f)", d: "M41.275-4.2a27.4 27.4 0 0 0-4.093 1.147A26.25 26.25 0 0 0 23.64 8.28c-7.323 12.417-3.248 28.323 9.102 35.524s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.332-9.093-35.524-5.642-3.294-12.022-4.193-17.992-3.027" }))),
|
|
14
17
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#BreathLoop__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "25.688", fill: "var(--wds-illustration-color-1, #002291)", rx: "15" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BreathLoop__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BreathLoop__i)", d: "M41.275 5.174a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 23.64 17.654c-7.323 12.417-3.248 28.323 9.102 35.524s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.332-9.093-35.524-5.642-3.294-12.022-4.193-17.992-3.027" }))),
|
package/dist/esm/CircleMarker.js
CHANGED
|
@@ -9,12 +9,12 @@ const CircleMarker = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("
|
|
13
|
-
/* @__PURE__ */ React.createElement("path", {
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.5 20.5c-7.798 0-14.834 1.831-19.902 4.766C11.516 28.208 8.5 32.197 8.5 36.5s3.016 8.292 8.098 11.234C21.666 50.67 28.702 52.5 36.5 52.5s14.834-1.831 19.902-4.766C61.484 44.792 64.5 40.803 64.5 36.5h1c0 4.81-3.364 9.07-8.597 12.1-5.246 3.037-12.461 4.9-20.403 4.9s-15.157-1.863-20.403-4.9C10.863 45.57 7.5 41.31 7.5 36.5s3.364-9.07 8.597-12.1c5.246-3.037 12.461-4.9 20.403-4.9z" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("path", { fill: "url(#CircleMarker__a)", d: "M64.505 36.502c-.014-3.852-2.41-7.529-6.58-10.34-4.162-2.809-10-4.792-16.656-5.427l.048-.497.047-.498c6.784.646 12.792 2.672 17.121 5.592 4.324 2.917 6.995 6.865 7.01 11.17z" }),
|
|
14
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 44H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84z" }),
|
|
15
15
|
/* @__PURE__ */ React.createElement("mask", { id: "CircleMarker__b", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 43.998h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 43.998H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84z" })),
|
|
16
16
|
/* @__PURE__ */ React.createElement("g", { filter: "url(#CircleMarker__c)", mask: "url(#CircleMarker__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#CircleMarker__d)", d: "M16-.001h56v44H16z" })),
|
|
17
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "
|
|
17
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "CircleMarker__a", x1: "67.981", x2: "35.982", y1: "21.403", y2: "21.52", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".128", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".21", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".758", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "CircleMarker__d", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "CircleMarker__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_757_15422", stdDeviation: "4.2" })))
|
|
18
18
|
);
|
|
19
19
|
CircleMarker.displayName = "CircleMarker";
|
|
20
20
|
export {
|
package/dist/esm/ClockWipe.js
CHANGED
|
@@ -9,8 +9,9 @@ const ClockWipe = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ClockWipe__a)" }, /* @__PURE__ */ React.createElement("
|
|
13
|
-
/* @__PURE__ */ React.createElement("
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ClockWipe__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "3" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ClockWipe__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ClockWipe__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ClockWipe__e)", d: "M11 0h61v51H11z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".25", style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ React.createElement("mask", { id: "ClockWipe__f", width: "23", height: "29", x: "21", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M21.5 61.115a29 29 0 0 0 22.006 2.897L36 36z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ClockWipe__f)", clipPath: "url(#ClockWipe__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ClockWipe__i)", d: "M47.505-33.073a52 52 0 0 0-7.793 2.186A49.98 49.98 0 0 0 13.929-9.315C-.013 14.325 7.746 44.61 31.26 58.32s53.87 5.643 67.811-17.997c13.942-23.658 6.183-53.941-17.313-67.634-10.74-6.27-22.886-7.982-34.253-5.762" })))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ React.createElement("mask", { id: "ClockWipe__j", width: "29", height: "26", x: "7", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M7.988 43.506A29 29 0 0 0 21.5 61.115L36 36z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ClockWipe__j)", clipPath: "url(#ClockWipe__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ClockWipe__m)", d: "M47.505-33.073a52 52 0 0 0-7.793 2.186A49.98 49.98 0 0 0 13.929-9.315C-.013 14.325 7.746 44.61 31.26 58.32s53.87 5.643 67.811-17.997c13.942-23.658 6.183-53.941-17.313-67.634-10.74-6.27-22.886-7.982-34.253-5.762" })))), /* @__PURE__ */ React.createElement("g", { style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ React.createElement("mask", { id: "ClockWipe__n", width: "29", height: "29", x: "7", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M15.494 15.494a29 29 0 0 0-7.506 28.012L36 36z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ClockWipe__n)", clipPath: "url(#ClockWipe__o)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ClockWipe__q)", d: "M47.505-33.073a52 52 0 0 0-7.793 2.186A49.98 49.98 0 0 0 13.929-9.315C-.013 14.325 7.746 44.61 31.26 58.32s53.87 5.643 67.811-17.997c13.942-23.658 6.183-53.941-17.313-67.634-10.74-6.27-22.886-7.982-34.253-5.762" }))))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__b" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__c" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__g" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "#fff", rx: "29" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__k" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "#fff", rx: "29" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__o" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "#fff", rx: "29" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ClockWipe__e", x1: "63.349", x2: "22.157", y1: "4.578", y2: "67.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ClockWipe__i", x1: "91.959", x2: "7.274", y1: "-25.114", y2: "82.949", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".15", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ClockWipe__m", x1: "91.959", x2: "7.274", y1: "-25.114", y2: "82.949", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".15", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ClockWipe__q", x1: "91.959", x2: "7.274", y1: "-25.114", y2: "82.949", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".15", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ClockWipe__d", width: "71", height: "61", x: "6", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17385", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ClockWipe__h", width: "109", height: "109", x: "2", y: "-39", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17385", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ClockWipe__l", width: "109", height: "109", x: "2", y: "-39", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17385", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ClockWipe__p", width: "109", height: "109", x: "2", y: "-39", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17385", stdDeviation: "2.5" })))
|
|
14
15
|
);
|
|
15
16
|
ClockWipe.displayName = "ClockWipe";
|
|
16
17
|
export {
|
package/dist/esm/CrossLoop.js
CHANGED
|
@@ -9,13 +9,16 @@ const CrossLoop = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("
|
|
13
|
-
/* @__PURE__ */ React.createElement("
|
|
14
|
-
/* @__PURE__ */ React.createElement("g", {
|
|
15
|
-
/* @__PURE__ */ React.createElement("mask", { id: "
|
|
16
|
-
/* @__PURE__ */ React.createElement("g", { mask: "url(#
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#CrossLoop__a)", opacity: ".5" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "8.482", y: "22.703", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "14" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "21.722", y: "22.73", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#CrossLoop__b)", opacity: ".5" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "35.906", y: "22.703", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "14" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("mask", { id: "CrossLoop__c", width: "26", height: "36", x: "11", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36.722 18.992H11.284v34.014h25.438z" })),
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#CrossLoop__c)", opacity: ".25", clipPath: "url(#CrossLoop__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "8.482", y: "22.703", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#CrossLoop__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#CrossLoop__f)", d: "M29.758-.81A27.4 27.4 0 0 0 25.665.338a26.25 26.25 0 0 0-13.543 11.331c-7.323 12.417-3.248 28.324 9.103 35.525s28.295 2.964 35.618-9.453c7.322-12.426 3.247-28.333-9.094-35.525C42.108-1.077 35.728-1.976 29.757-.81" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#CrossLoop__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#CrossLoop__h)", d: "M31.758-.81A27.4 27.4 0 0 0 27.665.338a26.25 26.25 0 0 0-13.543 11.331c-7.323 12.417-3.248 28.324 9.103 35.525s28.295 2.964 35.618-9.453c7.322-12.426 3.247-28.333-9.094-35.525C44.108-1.077 37.728-1.976 31.757-.81" }))),
|
|
17
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#CrossLoop__i)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "21.722", y: "22.73", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#CrossLoop__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#CrossLoop__k)", d: "M42.997-.783A27.4 27.4 0 0 0 38.904.365 26.25 26.25 0 0 0 25.36 11.697c-7.323 12.417-3.247 28.323 9.103 35.524s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.332-9.094-35.524C55.347-1.05 48.968-1.95 42.997-.783" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#CrossLoop__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#CrossLoop__m)", d: "M42.997-.783A27.4 27.4 0 0 0 38.904.365 26.25 26.25 0 0 0 25.36 11.697c-7.323 12.417-3.247 28.323 9.103 35.524s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.332-9.094-35.524C55.347-1.05 48.968-1.95 42.997-.783" }))),
|
|
18
|
+
/* @__PURE__ */ React.createElement("mask", { id: "CrossLoop__n", width: "27", height: "36", x: "34", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M60.425 18.992H34.722v34.014h25.703z" })),
|
|
19
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#CrossLoop__n)", clipPath: "url(#CrossLoop__o)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "35.906", y: "22.703", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#CrossLoop__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#CrossLoop__q)", d: "M57.181-.81A27.4 27.4 0 0 0 53.088.338a26.25 26.25 0 0 0-13.542 11.331c-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.525C69.53-1.077 63.152-1.976 57.18-.81" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#CrossLoop__r)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#CrossLoop__s)", d: "M59.181-.81A27.4 27.4 0 0 0 55.088.338a26.25 26.25 0 0 0-13.542 11.331c-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.525C71.53-1.077 65.152-1.976 59.18-.81" }))),
|
|
17
20
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M10.808 52.73V20.166h1v32.566zM60.216 52.738V20.173h1v32.565z" }),
|
|
18
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "
|
|
21
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "CrossLoop__f", x1: "53.108", x2: "8.626", y1: "3.371", y2: "60.131", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "CrossLoop__h", x1: "55.108", x2: "10.626", y1: "3.371", y2: "60.131", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "CrossLoop__k", x1: "66.347", x2: "21.865", y1: "3.398", y2: "60.158", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "CrossLoop__m", x1: "66.347", x2: "21.865", y1: "3.398", y2: "60.158", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "CrossLoop__q", x1: "80.531", x2: "36.05", y1: "3.371", y2: "60.131", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "CrossLoop__s", x1: "82.531", x2: "38.05", y1: "3.371", y2: "60.131", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "CrossLoop__e", width: "62", height: "62", x: "3.482", y: "-6.297", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20454", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "CrossLoop__g", width: "62", height: "62", x: "5.482", y: "-6.297", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20454", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "CrossLoop__j", width: "62", height: "62", x: "16.722", y: "-6.27", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20454", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "CrossLoop__l", width: "62", height: "62", x: "16.722", y: "-6.27", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20454", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "CrossLoop__p", width: "62", height: "62", x: "30.906", y: "-6.297", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20454", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "CrossLoop__r", width: "62", height: "62", x: "32.906", y: "-6.297", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20454", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "CrossLoop__d" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "8.482", y: "22.703", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("clipPath", { id: "CrossLoop__i" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "21.722", y: "22.73", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("clipPath", { id: "CrossLoop__o" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "35.906", y: "22.703", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("mask", { id: "CrossLoop__a", width: "26", height: "36", x: "11", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#2D2D2E", d: "M36.722 18.992H11.284v34.014h25.438z" })), /* @__PURE__ */ React.createElement("mask", { id: "CrossLoop__b", width: "27", height: "36", x: "34", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#2D2D2E", d: "M60.425 18.992H34.722v34.014h25.703z" })))
|
|
19
22
|
);
|
|
20
23
|
CrossLoop.displayName = "CrossLoop";
|
|
21
24
|
export {
|
package/dist/esm/Cube.js
CHANGED
|
@@ -9,6 +9,7 @@ const Cube = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M11 29.26a1 1 0 0 1 .69-.95l23-7.505a1 1 0 0 1 1.31.95V49a1 1 0 0 1-1.31.95l-23-7.504a1 1 0 0 1-.69-.951z" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Cube__b", width: "25", height: "30", x: "11", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Cube__a)", d: "M11 28.883a1 1 0 0 1 .69-.95l23-7.506a1 1 0 0 1 1.31.951v27.244a1 1 0 0 1-1.31.95l-23-7.505a1 1 0 0 1-.69-.95z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Cube__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M4 17.63h40v37.896H4z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Cube__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Cube__d)", d: "M11 .578h61L72.536 62 11 42z" })))),
|
|
13
14
|
/* @__PURE__ */ React.createElement("mask", { id: "Cube__f", width: "26", height: "30", x: "36", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Cube__e)", d: "M61 28.884a1 1 0 0 0-.69-.951l-23-7.506a1 1 0 0 0-1.31.951v27.244a1 1 0 0 0 1.31.95l23-7.505a1 1 0 0 0 .69-.95z" })),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { mask: "url(#Cube__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M68 17.63H28v37.896h40z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Cube__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Cube__h)", d: "M36 .947h61l.536 43.132L36 50.395z" }))),
|
package/dist/esm/DartScroll.js
CHANGED
|
@@ -9,6 +9,9 @@ const DartScroll = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M29.646 18.63c.715-.344 1.477-.344 2 0l7.818 5.148c.522.344.726.98.533 1.668l-2.88 10.295c-.193.688-.752 1.324-1.467 1.668l-10.698 5.148c-.715.344-1.478.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.534-1.668l2.88-10.295c.193-.688.752-1.324 1.467-1.668z", opacity: ".5" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M38.347 18.63c.715-.344 1.477-.344 2 0l7.818 5.148c.523.344.726.98.533 1.668l-2.88 10.295c-.192.688-.751 1.324-1.466 1.668l-10.699 5.148c-.715.344-1.477.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.534-1.668l2.88-10.295c.193-.688.752-1.324 1.467-1.668z", opacity: ".5" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M47.048 18.63c.715-.344 1.477-.344 2 0l7.818 5.148c.523.344.726.98.534 1.668L54.52 35.74c-.193.688-.752 1.324-1.467 1.668l-10.699 5.148c-.715.344-1.477.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.533-1.668l2.88-10.295c.192-.688.752-1.324 1.467-1.668z", opacity: ".5" }),
|
|
12
15
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "DartScroll__a", width: "27", height: "25", x: "14", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M29.646 18.63c.715-.344 1.477-.344 2 0l7.818 5.148c.523.344.726.98.533 1.668l-2.88 10.295c-.192.688-.752 1.324-1.467 1.668l-10.698 5.148c-.715.344-1.478.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.534-1.668l2.88-10.295c.193-.688.752-1.324 1.467-1.668z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#DartScroll__b)", mask: "url(#DartScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#DartScroll__c)", d: "M46.881-4.508 68.057 9.434 60.255 37.32 31.28 51.261 10.104 37.32l7.8-27.885z" }))),
|
|
13
16
|
/* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "DartScroll__d", width: "26", height: "25", x: "23", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M38.347 18.63c.715-.344 1.477-.344 2 0l7.818 5.148c.523.344.726.98.534 1.668l-2.88 10.295c-.193.688-.752 1.324-1.468 1.668l-10.698 5.148c-.715.344-1.477.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.534-1.668l2.88-10.295c.193-.688.752-1.324 1.467-1.668z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#DartScroll__e)", mask: "url(#DartScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#DartScroll__f)", d: "M55.583-4.508 76.758 9.434 68.957 37.32 39.98 51.261 18.805 37.32l7.8-27.885z" }))),
|
|
14
17
|
/* @__PURE__ */ React.createElement("mask", { id: "DartScroll__g", width: "27", height: "25", x: "31", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M47.048 18.63c.715-.344 1.478-.344 2 0l7.818 5.148c.523.344.726.98.534 1.668L54.52 35.74c-.193.688-.752 1.324-1.467 1.668l-10.699 5.148c-.715.344-1.477.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.533-1.668l2.88-10.295c.192-.688.752-1.324 1.467-1.668z" })),
|
package/dist/esm/EmptyPage.js
CHANGED
|
@@ -9,8 +9,9 @@ const EmptyPage = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPage__a)" }, /* @__PURE__ */ React.createElement("
|
|
13
|
-
/* @__PURE__ */ React.createElement("
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPage__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M22 22h100v82H22z", opacity: ".5" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPage__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#EmptyPage__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#EmptyPage__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#EmptyPage__e)", d: "M22 0h122v104H22z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22 22h100v6H22z" }), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M96 46.5H48M85 40.5H59" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPage__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "35", height: "80", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 112 93)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#EmptyPage__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#EmptyPage__h)", d: "M32 0h112v93H32z" })))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPage__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPage__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPage__f" }, /* @__PURE__ */ React.createElement("rect", { width: "35", height: "80", fill: "#fff", rx: "3", transform: "matrix(0 -1 -1 0 112 93)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPage__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EmptyPage__e", x1: "126.697", x2: "42.059", y1: "9.335", y2: "136.03", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EmptyPage__h", x1: "128.116", x2: "53.209", y1: "8.348", y2: "123.461", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "EmptyPage__d", width: "146", height: "128", x: "10", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_738_14933", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "EmptyPage__g", width: "136", height: "117", x: "20", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_738_14933", stdDeviation: "6" })))
|
|
14
15
|
);
|
|
15
16
|
EmptyPage.displayName = "EmptyPage";
|
|
16
17
|
export {
|
|
@@ -9,8 +9,9 @@ const EmptyPageImage = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__a)" }, /* @__PURE__ */ React.createElement("
|
|
13
|
-
/* @__PURE__ */ React.createElement("
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M22 22h100v82H22z", opacity: ".5" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#EmptyPageImage__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#EmptyPageImage__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#EmptyPageImage__e)", d: "M22 0h122v104H22z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22 22h100v6H22z" }), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M96 46.5H48M85 40.5H59" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__f)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "80", height: "35", x: "32", y: "58", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.839" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#EmptyPageImage__h)", d: "m69.279 64.914-16.02 25.42 28.572-4.18z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#EmptyPageImage__i)", d: "M112 80S76.103 65.157 75.032 64.71s-7.718-2.517-5.753 3.45c1.953 5.932 3.023 8.212 3.448 9.225.426 1.013 2.158 5.14-2.2 6.662-4.942 1.725-31.588 9.917-31.588 9.917v4.705H112z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "38", y: "64", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#EmptyPageImage__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#EmptyPageImage__l)", d: "M45.955 58.16q-.681.134-1.338.375a8.58 8.58 0 0 0-4.427 3.704c-2.394 4.06-1.062 9.26 2.976 11.614 4.037 2.354 9.25.969 11.644-3.09 2.394-4.063 1.062-9.263-2.973-11.615a8.42 8.42 0 0 0-5.882-.989" }))))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPageImage__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPageImage__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPageImage__f" }, /* @__PURE__ */ React.createElement("rect", { width: "80", height: "35", x: "32", y: "58", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPageImage__g" }, /* @__PURE__ */ React.createElement("rect", { width: "80", height: "35", x: "32", y: "58", fill: "#fff", rx: "2.839" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPageImage__j" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "38", y: "64", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPageImage__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EmptyPageImage__e", x1: "126.697", x2: "42.059", y1: "9.335", y2: "136.03", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EmptyPageImage__h", x1: "60.67", x2: "83.786", y1: "73.545", y2: "92.065", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EmptyPageImage__i", x1: "45.406", x2: "91.144", y1: "50.48", y2: "95.678", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EmptyPageImage__l", x1: "53.589", x2: "39.047", y1: "59.526", y2: "78.082", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "EmptyPageImage__d", width: "146", height: "128", x: "10", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_738_14947", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "EmptyPageImage__k", width: "20.12", height: "20.12", x: "37.44", y: "56.44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_738_14947", stdDeviation: ".78" })))
|
|
14
15
|
);
|
|
15
16
|
EmptyPageImage.displayName = "EmptyPageImage";
|
|
16
17
|
export {
|
package/dist/esm/EventInfo.js
CHANGED
|
@@ -9,6 +9,7 @@ const EventInfo = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "16", fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", rx: "3" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#EventInfo__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#EventInfo__b)", d: "M36.672 24.633 23.246 41.639l24.294-2.144z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#EventInfo__c)", d: "M56 28.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 39.235 16 43.378 16 43.378v4.882h40z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EventInfo__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "19", y: "19", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#EventInfo__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#EventInfo__f)", d: "M24.319 14.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" })))),
|
|
13
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M16 51h12v6H16z" }),
|
|
14
15
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "EventInfo__b", x1: "29.217", x2: "51.677", y1: "30.673", y2: "50.306", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EventInfo__c", x1: "25.044", x2: "52.468", y1: "32.348", y2: "51.029", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EventInfo__f", x1: "30.156", x2: "19.036", y1: "15.167", y2: "29.357", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EventInfo__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "16", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EventInfo__d" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "19", y: "19", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("filter", { id: "EventInfo__e", width: "17.334", height: "17.334", x: "16.833", y: "11.833", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22041", stdDeviation: "1.083" })))
|
|
@@ -9,6 +9,7 @@ const ExpandAnimation = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", rx: "2", transform: "rotate(-45 21.858 36)" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ExpandAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.858 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandAnimation__c)", d: "M3.473 17.615 36-14.912l32.527 32.527L36 50.142z" }))),
|
|
13
14
|
/* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ExpandAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.142", height: "14.142", x: "26", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandAnimation__f)", d: "M3.372 13.373 35.9-19.154l32.527 32.527L35.9 45.9z" }))),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ExpandAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "8.486", height: "8.486", x: "29.999", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 30 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandAnimation__i)", d: "m3 8.999 32.527-32.527L68.054 9 35.527 41.526z" }))),
|
package/dist/esm/ExpandClick.js
CHANGED
|
@@ -9,6 +9,7 @@ const ExpandClick = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "18", height: "30", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "9", transform: "matrix(0 -1 -1 0 51 45.055)" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ExpandClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "18", height: "30", fill: "var(--wds-illustration-color-1, #002291)", rx: "9", transform: "matrix(0 -1 -1 0 51 45.055)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandClick__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandClick__c)", d: "M67 45.055V16.272H21v28.783z" }))),
|
|
13
14
|
/* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ExpandClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 48 42)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandClick__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandClick__f)", d: "M78.684 42V15.131H24V42z" }))),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ExpandClick__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "6", height: "17", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 44.5 39)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandClick__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandClick__i)", d: "M80.945 39V21.008H27.5V39z" }))),
|
package/dist/esm/ExpandHover.js
CHANGED
|
@@ -9,6 +9,7 @@ const ExpandHover = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".75", rx: "2.217" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__a)", d: "m46.146 24.879 6-6 .707.707-6 6z" }),
|
|
13
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M52.853 18.879a.5.5 0 0 1 .144.398l-.353 3.89-.996-.09.3-3.293-3.293.3-.09-.996 3.89-.353.11.002a.5.5 0 0 1 .288.142" }),
|
|
14
15
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__b)", d: "m25.852 24.879-6-6-.707.707 6 6z" }),
|
package/dist/esm/ExpandScroll.js
CHANGED
|
@@ -9,10 +9,11 @@ const ExpandScroll = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", { opacity: ".
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732L37 48.233a2 2 0 0 1-2 0l-9.094-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732L35 23.767a2 2 0 0 1 2 0z", opacity: ".25" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ExpandScroll__a", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732l-9.094 5.25a2 2 0 0 1-2 0l-9.095-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732l9.095-5.25a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M68.818 8.346c1.623.996 2.622 2.835 2.622 4.826v32.57c0 1.99-1 3.83-2.622 4.825L42.273 66.852a4.98 4.98 0 0 1-5.245 0L10.484 50.567c-1.623-.995-2.622-2.835-2.622-4.825v-32.57c0-1.991 1-3.83 2.622-4.826L37.029-7.939a4.98 4.98 0 0 1 5.243 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__c)", d: "M65.872 21.312v27.473L42.08 62.522 18.287 48.785V21.312L42.08 7.575z" })))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ExpandScroll__d", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.164 30.648a2 2 0 0 1 1 1.732v7.144a2 2 0 0 1-1 1.732l-6.187 3.572a2 2 0 0 1-2 0l-6.187-3.572a2 2 0 0 1-1-1.732V32.38a2 2 0 0 1 1-1.732l6.187-3.572a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M59.82 14.682c1.168.717 1.888 2.042 1.888 3.476v23.458c0 1.433-.72 2.758-1.888 3.475L40.7 56.821a3.59 3.59 0 0 1-3.776 0l-19.12-11.73c-1.168-.717-1.888-2.042-1.888-3.475V18.158c0-1.434.72-2.759 1.889-3.476L36.924 2.953a3.59 3.59 0 0 1 3.777 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__f)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
|
|
14
15
|
/* @__PURE__ */ React.createElement("mask", { id: "ExpandScroll__g", width: "12", height: "12", x: "30", y: "30", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.101 32.418a2 2 0 0 1 1 1.732v3.607a2 2 0 0 1-1 1.732l-3.124 1.804a2 2 0 0 1-2 0l-3.123-1.804a2 2 0 0 1-1-1.732V34.15a2 2 0 0 1 1-1.732l3.123-1.804a2 2 0 0 1 2 0z" })),
|
|
15
|
-
/* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M53.475 22.581c.72.442 1.163 1.258 1.163 2.142v14.455c0 .883-.443 1.7-1.163 2.141l-11.781 7.227a2.21 2.21 0 0 1-2.328 0l-11.78-7.227c-.72-.442-1.164-1.258-1.164-2.142V24.724c0-.884.443-1.7 1.163-2.142l11.781-7.227a2.21 2.21 0 0 1 2.328 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__i)", d: "M52.393 25.856V38.05l-10.559 6.096-10.56-6.096V25.856l10.56-6.096z" }))),
|
|
16
17
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__j)", d: "m43.783 26.035 6-6 .707.707-6 6z" }),
|
|
17
18
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M50.49 20.035a.5.5 0 0 1 .144.399l-.353 3.889-.996-.09.3-3.293-3.293.3-.09-.995 3.89-.354.11.002a.5.5 0 0 1 .288.142" }),
|
|
18
19
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__k)", d: "m28.525 26.035-6-6-.708.707 6 6z" }),
|
|
@@ -9,6 +9,7 @@ const FadeBackSection = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".7", rx: "2", transform: "matrix(1 0 0 -1 20 44.89)" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#FadeBackSection__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M20 29.11a2 2 0 0 1 2-2h8.667v17.777H22a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeBackSection__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__c)", d: "M20 5.664H71v39.618H20z" }))),
|
|
13
14
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#FadeBackSection__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30.668 27.11h10.667v17.777H30.668z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeBackSection__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__f)", d: "M30.668 7.148h51.001v37.96H30.668z" }))),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FadeBackSection__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M41.332 27.11h8.667a2 2 0 0 1 2 2v13.777a2 2 0 0 1-2 2h-8.667z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeBackSection__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__i)", d: "M41.332 14.594h53.5v30.515h-53.5z" }))),
|
package/dist/esm/FillReveal.js
CHANGED
|
@@ -9,6 +9,7 @@ const FillReveal = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M35 22.433a2 2 0 0 1 2 0l10.249 5.917a2 2 0 0 1 1 1.732v11.834a2 2 0 0 1-1 1.732L37 49.565a2 2 0 0 1-2 0l-10.249-5.917a2 2 0 0 1-1-1.732V30.082a2 2 0 0 1 1-1.732z", opacity: ".5" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "FillReveal__a", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.951 22.442a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.816v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__a)", clipPath: "url(#FillReveal__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.785", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__d)", d: "m36.441 29.184-9.095 14.684 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__e)", d: "M52.786 34.426s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.97-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.082", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillReveal__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__h)", d: "M27.792 22.581q-.481.096-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.69 2.864-.75 6.532 2.1 8.193 2.848 1.661 6.525.684 8.214-2.18 1.689-2.866.749-6.534-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
|
|
13
14
|
/* @__PURE__ */ React.createElement("mask", { id: "FillReveal__i", width: "32", height: "24", x: "20", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M20.014 15.688h31.973v23.295H20.014z" })),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__i)" }, /* @__PURE__ */ React.createElement("mask", { id: "FillReveal__j", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.949 22.446a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.816v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__j)", clipPath: "url(#FillReveal__k)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.789", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__m)", d: "m36.44 29.188-9.096 14.684 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__n)", d: "M52.784 34.43s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.969-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__o)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "27.086", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillReveal__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__q)", d: "M27.79 22.585q-.481.095-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.689 2.864-.75 6.532 2.1 8.193 2.848 1.66 6.525.684 8.214-2.18 1.689-2.866.749-6.534-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
|
package/dist/esm/FlapLoop.js
CHANGED
|
@@ -9,6 +9,7 @@ const FlapLoop = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M40.66 19.11c7.731 0 14 1.425 14 3.184 0 .64-.831 1.235-2.26 1.734 1.428 1.278 2.26 2.802 2.26 4.44 0 1.01-.318 1.976-.894 2.868.516 1.46.798 3.03.798 4.665 0 7.732-6.268 14-14 14s-14-6.268-14-14c0-1.708.306-3.345.866-4.858-.499-.838-.77-1.738-.77-2.674 0-1.639.83-3.163 2.259-4.44-1.429-.5-2.26-1.095-2.26-1.735.001-1.759 6.269-3.185 14-3.185", opacity: ".5" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__a", width: "29", height: "28", x: "26", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("circle", { cx: "14", cy: "14", r: "14", fill: "var(--wds-illustration-color-1, #002291)", transform: "matrix(0 -1 -1 0 54.564 50)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FlapLoop__a)" }, /* @__PURE__ */ React.createElement("circle", { cx: "21.125", cy: "21.125", r: "21.125", fill: "var(--wds-illustration-color-1, #002291)", transform: "matrix(0 -1 -1 0 66.468 52.938)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlapLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__c)", d: "M63.466 35.17c-.196.985-.468 1.959-.816 2.907a18.65 18.65 0 0 1-8.048 9.619c-8.82 5.202-20.119 2.307-25.234-6.466s-2.105-20.098 6.715-25.3c8.826-5.201 20.125-2.307 25.233 6.46 2.34 4.007 2.978 8.538 2.15 12.78" })))),
|
|
13
14
|
/* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__d", width: "29", height: "17", x: "26", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "8.155", cy: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "8.155", ry: "14", transform: "matrix(0 -1 -1 0 54.66 36.621)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FlapLoop__d)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "25.095", cy: "43.083", fill: "var(--wds-illustration-color-1, #002291)", rx: "25.095", ry: "43.083", transform: "matrix(0 -1 -1 0 96.513 38.426)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlapLoop__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__f)", d: "M91.146 15.598a18.2 18.2 0 0 1-1.665 3.704c-2.94 4.96-8.54 9.357-16.421 12.256-17.996 6.627-41.048 2.939-51.484-8.238S17.28-2.286 35.276-8.913c18.008-6.627 41.06-2.94 51.484 8.23 4.773 5.104 6.075 10.878 4.386 16.281" })))),
|
|
14
15
|
/* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__g", width: "29", height: "7", x: "26", y: "19", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "3.185", cy: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3.185", ry: "14", transform: "matrix(0 -1 -1 0 54.66 25.48)" })),
|
package/dist/esm/Flip.js
CHANGED
|
@@ -9,11 +9,12 @@ const Flip = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#Flip__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", d: "M39 17.63H-1v37.896h40z" })),
|
|
12
13
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.5 19v34h-1V19z" }),
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "
|
|
14
|
-
/* @__PURE__ */ React.createElement("mask", { id: "
|
|
15
|
-
/* @__PURE__ */ React.createElement("g", { mask: "url(#
|
|
16
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Flip__c", width: "23", height: "30", x: "11", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__b)", d: "M34 24.902a2 2 0 0 0-1.728-1.981l-19-2.609A2 2 0 0 0 11 22.293v25.414a2 2 0 0 0 2.272 1.981l19-2.609A2 2 0 0 0 34 45.098z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Flip__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M39 17.63H-1v37.896h40z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Flip__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__e)", d: "M11 0h61l.536 43.132L11 49.447z" })))),
|
|
15
|
+
/* @__PURE__ */ React.createElement("mask", { id: "Flip__g", width: "23", height: "30", x: "38", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__f)", d: "M38 24.902a2 2 0 0 1 1.728-1.981l19-2.609A2 2 0 0 1 61 22.293v25.414a2 2 0 0 1-2.272 1.981l-19-2.609A2 2 0 0 1 38 45.098z" })),
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#Flip__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M33 17.631h40v37.895H33z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Flip__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__i)", d: "M38 0h33.54L72 52l-34-4.927z" }))),
|
|
17
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__b", x1: "14.434", x2: "36.289", y1: "22.251", y2: "47.602", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__e", x1: "63.349", x2: "34.4", y1: "11.614", y2: "67.58", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__f", x1: "57.566", x2: "35.711", y1: "22.251", y2: "47.602", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__i", x1: "88.179", x2: "57.219", y1: "7.564", y2: "59.457", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".9", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "Flip__d", width: "71.536", height: "59.447", x: "6", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17432", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Flip__h", width: "44", height: "62", x: "33", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17432", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("mask", { id: "Flip__a", width: "23", height: "30", x: "11", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__paint0_linear_543_18502)", d: "M34 24.902a2 2 0 0 0-1.728-1.981l-19-2.609A2 2 0 0 0 11 22.293v25.414a2 2 0 0 0 2.272 1.981l19-2.609A2 2 0 0 0 34 45.098z" })))
|
|
17
18
|
);
|
|
18
19
|
Flip.displayName = "Flip";
|
|
19
20
|
export {
|
|
@@ -9,6 +9,7 @@ const FlipAnimation = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "22", y: "36", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 22 36)" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#FlipAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "22", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 22 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipAnimation__c)", d: "m3.615 17.615 32.527-32.527L68.67 17.615 36.142 50.142z" }))),
|
|
13
14
|
/* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#FlipAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "16.687", height: "16.687", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.7507 1.19852)rotate(-45 54.429 -28.855)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipAnimation__f)", d: "m11.89 11.422 24.418-38.984 24.418 38.984-24.418 38.984z" }))),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FlipAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.953", height: "14.953", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.45944 1.3375)rotate(-45 66.533 -68.739)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipAnimation__i)", d: "m21.213 6.678 14.944-43.505L51.101 6.678 36.157 50.183z" }))),
|