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

@wix/design-system-illustrations 2.13.0 → 2.14.0

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

Files changed (180) hide show

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

package/dist/cjs/AppearClick.js CHANGED Viewed

@@ -42,6 +42,7 @@ const AppearClick = (props) => /* @__PURE__ */ import_react.default.createElemen
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M19.5 36a8 8 0 0 1 8-8h8.192v16H27.5a8 8 0 0 1-8-8" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M19.5 36a8 8 0 0 1 8-8h8.192v16H27.5a8 8 0 0 1-8-8" })),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M19.5 36a8 8 0 0 1 8-8h8.192v16H27.5a8 8 0 0 1-8-8" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#AppearClick__a)", d: "M19.5 36a8 8 0 0 1 8-8h8.192v16H27.5a8 8 0 0 1-8-8" })),
   /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#AppearClick__b)", d: "M52.5 36a8 8 0 0 1-8 8h-8.81V28h8.81a8 8 0 0 1 8 8" }),
   /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.593 23v25.734h-1.186V23z" }),

package/dist/cjs/AppearHover.js CHANGED Viewed

@@ -43,6 +43,7 @@ const AppearHover = (props) => /* @__PURE__ */ import_react.default.createElemen
     ...props
   },
   /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#AppearHover__a)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M47 45a2 2 0 0 1-2 2h-9.204V25H45a2 2 0 0 1 2 2z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#AppearHover__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#AppearHover__c)", d: "M59.368 47V8.183H35.796V47z" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#AppearHover__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M25 27a2 2 0 0 1 2-2h8.793v22H27a2 2 0 0 1-2-2z" })),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#AppearHover__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M25 27a2 2 0 0 1 2-2h8.793v22H27a2 2 0 0 1-2-2z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#AppearHover__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#AppearHover__f)", d: "M110.998 50.66V18.047H24.93V50.66z" }))),
   /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.5 20v32h-1V20z" }),
   /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "AppearHover__c", x1: "57.252", x2: "23.389", y1: "13.688", y2: "29.804", 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: "AppearHover__f", x1: "103.272", x2: "74.537", y1: "22.672", y2: "82.101", 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: "AppearHover__a" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M47 45a2 2 0 0 1-2 2h-9.204V25H45a2 2 0 0 1 2 2z" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "AppearHover__d" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M25 27a2 2 0 0 1 2-2h8.793v22H27a2 2 0 0 1-2-2z" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "AppearHover__b", width: "33.954", height: "49.197", x: "30.605", y: "2.993", 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_19770", stdDeviation: "2.595" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "AppearHover__e", width: "96.448", height: "42.994", x: "19.74", y: "12.856", 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_19770", stdDeviation: "2.595" })))

package/dist/cjs/ArcEntrance.js CHANGED Viewed

@@ -45,6 +45,8 @@ const ArcEntrance = (props) => /* @__PURE__ */ import_react.default.createElemen
   /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M40.875 53.072a.5.5 0 0 1-.195.393l-3.265 2.517-.61-.792 2.758-2.126-2.636-2.084.62-.784 3.138 2.481.081.08a.5.5 0 0 1 .109.315" }),
   /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ArcEntrance__a)", d: "m33.614 48.823.027.5c-2.467.136-5.962.423-8.451.836-.621.103-1.173.213-1.626.328-.381.097-.672.194-.871.283q.05.027.112.055l-.196.46-.198.46a2.5 2.5 0 0 1-.547-.306c-.141-.111-.3-.279-.353-.514a.75.75 0 0 1 .164-.646c.118-.144.277-.251.428-.333.306-.165.731-.305 1.214-.427a21 21 0 0 1 1.709-.346c2.543-.422 6.081-.711 8.56-.849z" }),
   /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22.805 50.828c.607.26 1.622.496 2.932.702 1.299.204 2.848.374 4.501.511 3.307.275 7.006.423 9.896.488l-.012.5-.01.5c-2.902-.065-6.623-.215-9.957-.492-1.666-.138-3.242-.31-4.573-.518-1.32-.208-2.44-.459-3.17-.771z" }),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ArcEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "14.615", height: "14.615", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2", transform: "scale(.39302 1.3585)rotate(-45 49.117 -42.583)" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ArcEntrance__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "16.172", height: "16.172", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "scale(.70178 1.2278)rotate(-45 44.424 -23.165)" })),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#ArcEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "14.615", height: "14.615", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.39302 1.3585)rotate(-45 49.117 -42.583)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ArcEntrance__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ArcEntrance__d)", d: "m8.873.46 12.783-44.187L34.44.46 21.656 44.649z" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ArcEntrance__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "16.172", height: "16.172", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.70178 1.2278)rotate(-45 44.424 -23.165)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ArcEntrance__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ArcEntrance__g)", d: "m5.74 4.191 22.826-39.936L51.393 4.19 28.565 44.128z" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ArcEntrance__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "26.228", y: "30.141", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26.228 30.14)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ArcEntrance__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ArcEntrance__j)", d: "M7.843 11.754 40.37-20.773l32.527 32.527L40.37 44.28z" }))),

package/dist/cjs/Aspect3DSection.js CHANGED Viewed

@@ -42,6 +42,10 @@ const Aspect3DSection = (props) => /* @__PURE__ */ import_react.default.createEl
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Aspect3DSection__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M59.215 50.797h-80v27.932h80z" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Aspect3DSection__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M62.82 44.234h-80v27.932h80z" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Aspect3DSection__j)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M59.215 21.125h-80V-5.731h80z" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Aspect3DSection__n)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M62.82 27.774h-80V.918h80z" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "Aspect3DSection__b", width: "22", height: "4", x: "25", y: "52", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Aspect3DSection__a)", d: "M45.901 53.939a.83.83 0 0 0-.606-1.4H26.702a.83.83 0 0 0-.605 1.4l.932.993a.83.83 0 0 0 .606.262h16.728a.83.83 0 0 0 .605-.262z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Aspect3DSection__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M59.215 50.797h-80v27.932h80z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Aspect3DSection__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Aspect3DSection__d)", d: "m19.383 50.521 39.433-.005.445 4.687-31.986-.009z" })))),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "Aspect3DSection__f", width: "30", height: "7", x: "21", y: "45", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Aspect3DSection__e)", d: "M49.943 47.555a1.056 1.056 0 0 0-.922-1.57H22.977c-.806 0-1.315.866-.922 1.57l2.114 3.785c.187.333.54.54.922.54h21.816c.383 0 .735-.207.922-.54z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Aspect3DSection__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M62.82 44.234h-80v27.932h80z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Aspect3DSection__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Aspect3DSection__h)", d: "m14.043 41.505 52.11-.013.588 10.408-42.268-.018z" })))),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "Aspect3DSection__j", width: "22", height: "4", x: "25", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Aspect3DSection__i)", d: "M45.901 18.046a.83.83 0 0 1-.606 1.4H26.702a.83.83 0 0 1-.605-1.4l.932-.994a.83.83 0 0 1 .606-.262h16.728a.83.83 0 0 1 .605.262z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Aspect3DSection__j)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M59.215 21.125h-80V-5.731h80z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Aspect3DSection__k)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Aspect3DSection__l)", d: "m28.02 14.842 30.797-.006.445 4.687-34.235-.008z" })))),

package/dist/cjs/Bounce.js CHANGED Viewed

@@ -42,7 +42,7 @@ const Bounce = (props) => /* @__PURE__ */ import_react.default.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Bounce__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#Bounce__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "20.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Bounce__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Bounce__d)", d: "M72 50.5H11v-47h61z" }))), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Bounce__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "38", height: "24", x: "17", y: "26.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Bounce__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Bounce__g)", d: "M17 3.5h55v47H17z" }))), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Bounce__h)", d: "M36 61.5v-8h1v8z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.5 53.001a.5.5 0 0 1 .384.18l2.5 3-.768.64-2.116-2.54-2.116 2.54-.768-.64 2.5-3 .08-.076A.5.5 0 0 1 36.5 53" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Bounce__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Bounce__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "20.5", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#Bounce__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "20.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Bounce__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Bounce__d)", d: "M72 50.5H11v-47h61z" }))), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Bounce__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "38", height: "24", x: "17", y: "26.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Bounce__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Bounce__g)", d: "M17 3.5h55v47H17z" }))), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Bounce__h)", d: "M36 61.5v-8h1v8z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.5 53.001a.5.5 0 0 1 .384.18l2.5 3-.768.64-2.116-2.54-2.116 2.54-.768-.64 2.5-3 .08-.076A.5.5 0 0 1 36.5 53" })),
   /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Bounce__d", x1: "19.651", x2: "56.293", y1: "46.281", y2: "-14.403", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { 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: "Bounce__g", x1: "64.2", x2: "25.914", y1: "7.719", y2: "64.889", 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: "Bounce__h", x1: "36.5", x2: "36.5", y1: "65.5", y2: "53.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".317", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".716", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Bounce__a" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Bounce__b" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "20.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Bounce__e" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "38", height: "24", x: "17", y: "26.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Bounce__c", width: "71", height: "57", x: "6", y: "-1.5", 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_17512", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Bounce__f", width: "71", height: "63", x: "9", y: "-4.5", 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_17512", stdDeviation: "4" })))
 );
 Bounce.displayName = "Bounce";

package/dist/cjs/BounceAnimation.js CHANGED Viewed

@@ -42,6 +42,8 @@ const BounceAnimation = (props) => /* @__PURE__ */ import_react.default.createEl
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BounceAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "37", y: "12.856", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2", transform: "rotate(45 37 12.856)" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BounceAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "36.999", y: "21.857", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(45 36.999 21.857)" })),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#BounceAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "37", y: "12.856", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(45 37 12.856)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BounceAnimation__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BounceAnimation__c)", d: "m55.385-5.528 32.527 32.527-32.527 32.527-32.527-32.527z" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#BounceAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "36.999", y: "21.857", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(45 36.999 21.857)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BounceAnimation__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BounceAnimation__f)", d: "M55.384 3.473 87.91 36 55.384 68.527 22.857 36z" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BounceAnimation__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "37", y: "30.857", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(45 37 30.857)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BounceAnimation__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BounceAnimation__i)", d: "M55.385 12.473 87.912 45 55.385 77.527 22.858 45z" }))),

package/dist/cjs/BounceEntrance.js CHANGED Viewed

@@ -42,12 +42,13 @@ const BounceEntrance = (props) => /* @__PURE__ */ import_react.default.createEle
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BounceEntrance__a)" }, /* @__PURE__ */ import_react.default.createElement("foreignObject", { width: "1772.12", height: "1772.12", x: "-886.058", y: "-886.058", transform: "matrix(.0079 0 0 -.0079 47.171 58)" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { "background": "conic-gradient(from 90deg,#f8f6f6 0deg,#002296 56.8553deg,#002296 231.923deg,#f8f6f6 360deg)", "height": "100%", "width": "100%", "opacity": "1" } }))),
-  /* @__PURE__ */ import_react.default.createElement("path", { d: "M52.572 58h-.5c0-1.596-.325-3.016-.826-4.019-.517-1.033-1.137-1.481-1.674-1.481v-1c1.12 0 1.999.895 2.568 2.034.585 1.169.932 2.748.932 4.466zm-3-6v.5c-.537 0-1.158.448-1.675 1.481-.5 1.003-.825 2.423-.825 4.019h-1c0-1.718.347-3.297.931-4.466.57-1.14 1.449-2.034 2.569-2.034zm-3 6h-.5c0-1.044-.213-1.964-.533-2.605-.336-.67-.706-.895-.967-.895v-1c.843 0 1.472.671 1.861 1.448.404.807.639 1.887.639 3.052zm-2-4v.5c-.261 0-.632.224-.967.895-.32.641-.533 1.561-.533 2.605h-1c0-1.165.235-2.245.638-3.052.389-.777 1.018-1.448 1.862-1.448z" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { stroke: "url(#BounceEntrance__a)", d: "M52.572 58c0-3.314-1.344-6-3-6-1.657 0-3 2.686-3 6 0-2.21-.896-4-2-4s-2 1.79-2 4", strokeMiterlimit: "10" }),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BounceEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "33.572", y: "12.859", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2", transform: "rotate(45 33.572 12.86)" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BounceEntrance__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "33.571", y: "21.859", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(45 33.57 21.86)" })),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#BounceEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "33.572", y: "12.859", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(45 33.572 12.86)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BounceEntrance__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BounceEntrance__d)", d: "M1.045 8.617 33.572-23.91 66.098 8.617 33.572 41.144z" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#BounceEntrance__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "33.571", y: "21.859", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(45 33.57 21.86)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BounceEntrance__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BounceEntrance__g)", d: "M1.044 17.617 33.57-14.91l32.527 32.527L33.57 50.144z" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BounceEntrance__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "33.572", y: "30.859", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(45 33.572 30.86)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BounceEntrance__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BounceEntrance__j)", d: "M1.045 26.617 33.572-5.91l32.526 32.527-32.526 32.527z" }))),
-  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "BounceEntrance__a" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M52.572 58h-.5c0-1.596-.325-3.016-.826-4.019-.517-1.033-1.137-1.481-1.674-1.481v-1c1.12 0 1.999.895 2.568 2.034.585 1.169.932 2.748.932 4.466zm-3-6v.5c-.537 0-1.158.448-1.675 1.481-.5 1.003-.825 2.423-.825 4.019h-1c0-1.718.347-3.297.931-4.466.57-1.14 1.449-2.034 2.569-2.034zm-3 6h-.5c0-1.044-.213-1.964-.533-2.605-.336-.67-.706-.895-.967-.895v-1c.843 0 1.472.671 1.861 1.448.404.807.639 1.887.639 3.052zm-2-4v.5c-.261 0-.632.224-.967.895-.32.641-.533 1.561-.533 2.605h-1c0-1.165.235-2.245.638-3.052.389-.777 1.018-1.448 1.862-1.448z" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "BounceEntrance__b" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "33.572", y: "12.859", fill: "#fff", rx: "2", transform: "rotate(45 33.572 12.86)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "BounceEntrance__e" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "33.571", y: "21.859", fill: "#fff", rx: "2", transform: "rotate(45 33.57 21.86)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "BounceEntrance__h" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "33.572", y: "30.859", fill: "#fff", rx: "2", transform: "rotate(45 33.572 30.86)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BounceEntrance__d", x1: "31.878", x2: "39.559", y1: "-16.377", y2: "46.951", 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: "BounceEntrance__g", x1: "31.877", x2: "39.558", y1: "-7.377", y2: "55.951", 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: "BounceEntrance__j", x1: "31.878", x2: "39.559", y1: "1.623", y2: "64.951", 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: "BounceEntrance__c", width: "75.054", height: "75.055", x: "-3.955", y: "-28.91", 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_19409", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceEntrance__f", width: "75.054", height: "75.055", x: "-3.956", y: "-19.91", 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_19409", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceEntrance__i", width: "75.054", height: "75.055", x: "-3.955", y: "-10.91", 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_19409", stdDeviation: "2.5" })))
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BounceEntrance__a", x1: "39.271", x2: "55.072", y1: "58", y2: "58", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".356", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".935", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BounceEntrance__d", x1: "31.878", x2: "39.559", y1: "-16.377", y2: "46.951", 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: "BounceEntrance__g", x1: "31.877", x2: "39.558", y1: "-7.377", y2: "55.951", 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: "BounceEntrance__j", x1: "31.878", x2: "39.559", y1: "1.623", y2: "64.951", 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: "BounceEntrance__b" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "33.572", y: "12.859", fill: "#fff", rx: "2", transform: "rotate(45 33.572 12.86)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "BounceEntrance__e" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "33.571", y: "21.859", fill: "#fff", rx: "2", transform: "rotate(45 33.57 21.86)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "BounceEntrance__h" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "33.572", y: "30.859", fill: "#fff", rx: "2", transform: "rotate(45 33.572 30.86)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceEntrance__c", width: "75.054", height: "75.055", x: "-3.955", y: "-28.91", 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_19409", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceEntrance__f", width: "75.054", height: "75.055", x: "-3.956", y: "-19.91", 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_19409", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceEntrance__i", width: "75.054", height: "75.055", x: "-3.955", y: "-10.91", 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_19409", stdDeviation: "2.5" })))
 );
 BounceEntrance.displayName = "BounceEntrance";
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/BounceLoop.js CHANGED Viewed

@@ -42,12 +42,13 @@ const BounceLoop = (props) => /* @__PURE__ */ import_react.default.createElement
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BounceLoop__a)" }, /* @__PURE__ */ import_react.default.createElement("foreignObject", { width: "1864.76", height: "1864.76", x: "-932.379", y: "-932.379", transform: "matrix(-.00804 0 0 -.00804 22.338 56.02)" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { "background": "conic-gradient(from 90deg,#f8f6f6 0deg,#002296 56.8553deg,#002296 167.993deg,#002296 231.923deg,#f8f6f6 360deg)", "height": "100%", "width": "100%", "opacity": "1" } }))),
-  /* @__PURE__ */ import_react.default.createElement("path", { d: "M19.794 49.52c1.12 0 1.999.895 2.568 2.034.218.435.402.927.548 1.462l.023-.048c.388-.777 1.017-1.449 1.86-1.449.845 0 1.474.672 1.862 1.449.404.807.639 1.886.639 3.051h-1c0-1.043-.213-1.963-.533-2.604-.336-.67-.706-.895-.967-.895-.26 0-.631.224-.967.895-.32.64-.533 1.56-.533 2.605h-1c0-1.596-.325-3.016-.826-4.019-.517-1.033-1.137-1.481-1.674-1.481s-1.158.448-1.674 1.481c-.501 1.003-.826 2.423-.826 4.019h-1c0-1.718.347-3.298.932-4.466.57-1.14 1.448-2.035 2.568-2.035" }),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BounceLoop__a)", d: "M19.794 49.52c1.12 0 1.999.895 2.568 2.034.218.435.402.927.548 1.462l.023-.048c.388-.777 1.017-1.449 1.86-1.449.845 0 1.474.672 1.862 1.449.404.807.639 1.886.639 3.051h-1c0-1.043-.213-1.963-.533-2.604-.336-.67-.706-.895-.967-.895-.26 0-.631.224-.967.895-.32.64-.533 1.56-.533 2.605h-1c0-1.596-.325-3.016-.826-4.019-.517-1.033-1.137-1.481-1.674-1.481s-1.158.448-1.674 1.481c-.501 1.003-.826 2.423-.826 4.019h-1c0-1.718.347-3.298.932-4.466.57-1.14 1.448-2.035 2.568-2.035" }),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BounceLoop__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "17.206", y: "16", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "14" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BounceLoop__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "23.206", y: "20", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "14" })),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#BounceLoop__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "17.206", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BounceLoop__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BounceLoop__d)", d: "M38.481-7.513a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 20.846 4.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.525C50.83-7.78 44.452-8.679 38.48-7.513" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BounceLoop__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BounceLoop__f)", d: "M38.481-7.513a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 20.846 4.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.525C50.83-7.78 44.452-8.679 38.48-7.513" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#BounceLoop__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "23.206", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BounceLoop__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BounceLoop__i)", d: "M44.481-3.513a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 26.846 8.966c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453C78.89 22.612 74.814 6.705 62.473-.487 56.83-3.78 50.452-4.679 44.48-3.513" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BounceLoop__j)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BounceLoop__k)", d: "M44.481-3.513a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 26.846 8.966c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453C78.89 22.612 74.814 6.705 62.473-.487 56.83-3.78 50.452-4.679 44.48-3.513" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BounceLoop__l)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "27.206", y: "28.02", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BounceLoop__m)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BounceLoop__n)", d: "M48.481 4.506a27.4 27.4 0 0 0-4.093 1.148 26.25 26.25 0 0 0-13.542 11.332c-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.524C60.83 4.239 54.452 3.34 48.48 4.506" }))),
-  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BounceLoop__d", x1: "61.831", x2: "17.35", y1: "-3.333", y2: "53.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BounceLoop__f", x1: "61.831", x2: "17.35", y1: "-3.333", y2: "53.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BounceLoop__i", x1: "67.831", x2: "23.35", y1: ".667", y2: "57.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BounceLoop__k", x1: "67.831", x2: "23.35", y1: ".667", y2: "57.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BounceLoop__n", x1: "71.831", x2: "27.35", y1: "8.687", y2: "65.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceLoop__c", width: "62", height: "62", x: "12.206", y: "-13", 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_20490", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceLoop__e", width: "62", height: "62", x: "12.206", y: "-13", 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_20490", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceLoop__h", width: "62", height: "62", x: "18.206", y: "-9", 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_20490", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceLoop__j", width: "62", height: "62", x: "18.206", y: "-9", 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_20490", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceLoop__m", width: "62", height: "62", x: "22.206", y: "-.98", 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_20490", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "BounceLoop__a" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M19.794 49.52c1.12 0 1.999.895 2.568 2.034.218.435.402.927.548 1.462l.023-.048c.388-.777 1.017-1.449 1.86-1.449.845 0 1.474.672 1.862 1.449.404.807.639 1.886.639 3.051h-1c0-1.043-.213-1.963-.533-2.604-.336-.67-.706-.895-.967-.895-.26 0-.631.224-.967.895-.32.64-.533 1.56-.533 2.605h-1c0-1.596-.325-3.016-.826-4.019-.517-1.033-1.137-1.481-1.674-1.481s-1.158.448-1.674 1.481c-.501 1.003-.826 2.423-.826 4.019h-1c0-1.718.347-3.298.932-4.466.57-1.14 1.448-2.035 2.568-2.035" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "BounceLoop__b" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "17.206", y: "16", fill: "#fff", rx: "14" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "BounceLoop__g" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "23.206", y: "20", fill: "#fff", rx: "14" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "BounceLoop__l" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "27.206", y: "28.02", fill: "#fff", rx: "14" })))
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BounceLoop__a", x1: "30.382", x2: "14.294", y1: "56.02", y2: "56.02", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".067", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".466", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".929", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BounceLoop__d", x1: "61.831", x2: "17.35", y1: "-3.333", y2: "53.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BounceLoop__f", x1: "61.831", x2: "17.35", y1: "-3.333", y2: "53.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BounceLoop__i", x1: "67.831", x2: "23.35", y1: ".667", y2: "57.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BounceLoop__k", x1: "67.831", x2: "23.35", y1: ".667", y2: "57.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BounceLoop__n", x1: "71.831", x2: "27.35", y1: "8.687", y2: "65.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceLoop__c", width: "62", height: "62", x: "12.206", y: "-13", 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_20490", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceLoop__e", width: "62", height: "62", x: "12.206", y: "-13", 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_20490", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceLoop__h", width: "62", height: "62", x: "18.206", y: "-9", 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_20490", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceLoop__j", width: "62", height: "62", x: "18.206", y: "-9", 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_20490", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BounceLoop__m", width: "62", height: "62", x: "22.206", y: "-.98", 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_20490", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "BounceLoop__b" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "17.206", y: "16", fill: "#fff", rx: "14" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "BounceLoop__g" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "23.206", y: "20", fill: "#fff", rx: "14" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "BounceLoop__l" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "27.206", y: "28.02", fill: "#fff", rx: "14" })))
 );
 BounceLoop.displayName = "BounceLoop";
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/BreathAnimation.js CHANGED Viewed

@@ -42,6 +42,8 @@ const BreathAnimation = (props) => /* @__PURE__ */ import_react.default.createEl
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BreathAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "56", height: "56", x: "8", y: "8", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "28" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BreathAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "22" })),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#BreathAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "56", height: "56", x: "8", y: "8", fill: "var(--wds-illustration-color-1, #002291)", rx: "28" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BreathAnimation__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BreathAnimation__c)", d: "M45.231-26.148a48 48 0 0 0-7.162 2.01 45.94 45.94 0 0 0-23.7 19.829C1.554 17.42 8.686 45.257 30.3 57.859 51.91 70.46 79.815 63.046 92.63 41.316c12.815-21.746 5.684-49.582-15.914-62.168-9.872-5.764-21.036-7.337-31.485-5.296" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#BreathAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "22" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BreathAnimation__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BreathAnimation__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" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BreathAnimation__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "16" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BreathAnimation__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BreathAnimation__i)", 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" }))),

package/dist/cjs/BreathLoop.js CHANGED Viewed

@@ -43,6 +43,8 @@ const BreathLoop = (props) => /* @__PURE__ */ import_react.default.createElement
     ...props
   },
   /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#BreathLoop__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "30", x: "21", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "15" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BreathLoop__b)" }, /* @__PURE__ */ import_react.default.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" }))),
+  /* @__PURE__ */ import_react.default.createElement("g", { style: { "mixBlendMode": "multiply" }, clipPath: "url(#BreathLoop__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "30", x: "21", y: "16.313", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "15" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { style: { "mixBlendMode": "multiply" }, clipPath: "url(#BreathLoop__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "30", x: "21", y: "25.688", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "15" })),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#BreathLoop__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "30", x: "21", y: "16.313", fill: "var(--wds-illustration-color-1, #002291)", rx: "15" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BreathLoop__e)" }, /* @__PURE__ */ import_react.default.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" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#BreathLoop__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "30", x: "21", y: "25.688", fill: "var(--wds-illustration-color-1, #002291)", rx: "15" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BreathLoop__h)" }, /* @__PURE__ */ import_react.default.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" }))),
   /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BreathLoop__j)", d: "M57 29.5v13h-1v-13z" }),

package/dist/cjs/CircleMarker.js CHANGED Viewed

@@ -42,12 +42,12 @@ const CircleMarker = (props) => /* @__PURE__ */ import_react.default.createEleme
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#CircleMarker__a)" }, /* @__PURE__ */ import_react.default.createElement("foreignObject", { width: "2516.46", height: "2516.46", x: "-1258.23", y: "-1258.23", transform: "matrix(-.00161 -.01758 .04816 -.00648 37.038 36.069)" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { "background": "conic-gradient(from 90deg,#002296 0deg,#f8f6f6 7.2deg,#002296 104.4deg,#002296 360deg)", "height": "100%", "width": "100%", "opacity": "1" } }))),
-  /* @__PURE__ */ import_react.default.createElement("path", { d: "M7.5 36.5c0-4.81 3.364-9.07 8.597-12.1 5.246-3.037 12.461-4.9 20.403-4.9v1c-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.5c0-3.852-2.415-7.451-6.573-10.278-4.153-2.824-9.984-4.829-16.637-5.488l.05-.497.049-.498c6.781.672 12.781 2.72 17.1 5.656 4.313 2.932 7.011 6.8 7.011 11.105 0 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.5" }),
+  /* @__PURE__ */ import_react.default.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" }),
+  /* @__PURE__ */ import_react.default.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" }),
   /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 44H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84z" }),
   /* @__PURE__ */ import_react.default.createElement("mask", { id: "CircleMarker__b", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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" })),
   /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#CircleMarker__c)", mask: "url(#CircleMarker__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#CircleMarker__d)", d: "M16-.001h56v44H16z" })),
-  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "CircleMarker__d", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__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-7, #002297)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "CircleMarker__a" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M7.5 36.5c0-4.81 3.364-9.07 8.597-12.1 5.246-3.037 12.461-4.9 20.403-4.9v1c-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.5c0-3.852-2.415-7.451-6.573-10.278-4.153-2.824-9.984-4.829-16.637-5.488l.05-.497.049-.498c6.781.672 12.781 2.72 17.1 5.656 4.313 2.932 7.011 6.8 7.011 11.105 0 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.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "CircleMarker__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", 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_17651", stdDeviation: "4.2" })))
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "CircleMarker__a", x1: "67.981", x2: "35.982", y1: "21.403", y2: "21.52", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".128", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".21", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".758", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "CircleMarker__d", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__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-7, #002297)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "CircleMarker__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", 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_757_15422", stdDeviation: "4.2" })))
 );
 CircleMarker.displayName = "CircleMarker";
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/ClockWipe.js CHANGED Viewed

@@ -42,7 +42,7 @@ const ClockWipe = (props) => /* @__PURE__ */ import_react.default.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ClockWipe__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ClockWipe__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ClockWipe__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ClockWipe__d)", d: "M11 0h61v51H11z" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ClockWipe__e", width: "23", height: "29", x: "21", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#EAEFF2", d: "M21.5 61.115a29 29 0 0 0 22.006 2.897L36 36z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ClockWipe__e)", clipPath: "url(#ClockWipe__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ClockWipe__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ClockWipe__h)", 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__ */ import_react.default.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ClockWipe__i", width: "29", height: "26", x: "7", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#EAEFF2", d: "M7.988 43.506A29 29 0 0 0 21.5 61.115L36 36z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ClockWipe__i)", clipPath: "url(#ClockWipe__j)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ClockWipe__k)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ClockWipe__l)", 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__ */ import_react.default.createElement("g", { style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ClockWipe__m", width: "29", height: "29", x: "7", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#EAEFF2", d: "M15.494 15.494a29 29 0 0 0-7.506 28.012L36 36z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ClockWipe__m)", clipPath: "url(#ClockWipe__n)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ClockWipe__o)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ClockWipe__p)", 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__ */ import_react.default.createElement("g", { clipPath: "url(#ClockWipe__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ClockWipe__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("g", { style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ClockWipe__e)", clipPath: "url(#ClockWipe__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "29" }))), /* @__PURE__ */ import_react.default.createElement("g", { style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ClockWipe__i)", clipPath: "url(#ClockWipe__j)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "29" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ClockWipe__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ClockWipe__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ClockWipe__d)", d: "M11 0h61v51H11z" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ClockWipe__e", width: "23", height: "29", x: "21", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#EAEFF2", d: "M21.5 61.115a29 29 0 0 0 22.006 2.897L36 36z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ClockWipe__e)", clipPath: "url(#ClockWipe__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ClockWipe__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ClockWipe__h)", 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__ */ import_react.default.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ClockWipe__i", width: "29", height: "26", x: "7", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#EAEFF2", d: "M7.988 43.506A29 29 0 0 0 21.5 61.115L36 36z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ClockWipe__i)", clipPath: "url(#ClockWipe__j)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ClockWipe__k)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ClockWipe__l)", 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__ */ import_react.default.createElement("g", { style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ClockWipe__m", width: "29", height: "29", x: "7", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#EAEFF2", d: "M15.494 15.494a29 29 0 0 0-7.506 28.012L36 36z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ClockWipe__m)", clipPath: "url(#ClockWipe__n)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ClockWipe__o)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ClockWipe__p)", 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__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ClockWipe__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "3" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ClockWipe__b" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ClockWipe__f" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "#fff", rx: "29" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ClockWipe__j" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "#fff", rx: "29" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ClockWipe__n" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "#fff", rx: "29" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ClockWipe__d", x1: "63.349", x2: "22.157", y1: "4.578", y2: "67.446", 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: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ClockWipe__h", x1: "91.959", x2: "7.274", y1: "-25.114", y2: "82.949", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".15", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ClockWipe__l", x1: "91.959", x2: "7.274", y1: "-25.114", y2: "82.949", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".15", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ClockWipe__p", x1: "91.959", x2: "7.274", y1: "-25.114", y2: "82.949", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".15", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ClockWipe__c", width: "71", height: "61", x: "6", y: "-5", 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_17385", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ClockWipe__g", width: "109", height: "109", x: "2", y: "-39", 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_17385", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ClockWipe__k", width: "109", height: "109", x: "2", y: "-39", 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_17385", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ClockWipe__o", width: "109", height: "109", x: "2", y: "-39", 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_17385", stdDeviation: "2.5" })))
 );
 ClockWipe.displayName = "ClockWipe";

package/dist/cjs/CrossLoop.js CHANGED Viewed

@@ -43,6 +43,8 @@ const CrossLoop = (props) => /* @__PURE__ */ import_react.default.createElement(
     ...props
   },
   /* @__PURE__ */ import_react.default.createElement("mask", { id: "CrossLoop__a", width: "26", height: "36", x: "11", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36.722 18.992H11.284v34.014h25.438z" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#CrossLoop__a)", clipPath: "url(#CrossLoop__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "8.482", y: "22.703", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "14" })),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#CrossLoop__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "21.722", y: "22.73", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "14" })),
   /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#CrossLoop__a)", opacity: ".25", clipPath: "url(#CrossLoop__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "8.482", y: "22.703", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#CrossLoop__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#CrossLoop__d)", 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__ */ import_react.default.createElement("g", { filter: "url(#CrossLoop__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#CrossLoop__f)", 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" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#CrossLoop__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "21.722", y: "22.73", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#CrossLoop__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#CrossLoop__i)", 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__ */ import_react.default.createElement("g", { filter: "url(#CrossLoop__j)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("mask", { id: "CrossLoop__l", width: "27", height: "36", x: "34", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M60.425 18.992H34.722v34.014h25.703z" })),

package/dist/cjs/Cube.js CHANGED Viewed

@@ -42,6 +42,7 @@ const Cube = (props) => /* @__PURE__ */ import_react.default.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Cube__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M4 17.63h40v37.896H4z" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "Cube__b", width: "25", height: "30", x: "11", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { mask: "url(#Cube__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M4 17.63h40v37.896H4z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Cube__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Cube__d)", d: "M11 .578h61L72.536 62 11 42z" })))),
   /* @__PURE__ */ import_react.default.createElement("mask", { id: "Cube__f", width: "26", height: "30", x: "36", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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" })),
   /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Cube__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M68 17.63H28v37.896h40z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Cube__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Cube__h)", d: "M36 .947h61l.536 43.132L36 50.395z" }))),

package/dist/cjs/CustomImage.js CHANGED Viewed

@@ -42,6 +42,7 @@ const CustomImage = (props) => /* @__PURE__ */ import_react.default.createElemen
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#CustomImage__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#CustomImage__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "4" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M41.84 28.004 24.5 56l30.925-4.605z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M73 38s-23.774-9.725-24.934-10.218-8.353-2.773-6.227 3.8c2.114 6.532 3.272 9.044 3.733 10.16.46 1.115 2.335 5.66-2.383 7.336C37.843 50.978 9 60 9 60v5.181h64z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#CustomImage__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "6.922" }))),
   /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#CustomImage__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#CustomImage__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "var(--wds-illustration-color-6, #002296)", rx: "4" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#CustomImage__c)", d: "M41.84 28.004 24.5 56l30.925-4.605z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#CustomImage__d)", d: "M73 38s-23.774-9.725-24.934-10.218-8.353-2.773-6.227 3.8c2.114 6.532 3.272 9.044 3.733 10.16.46 1.115 2.335 5.66-2.383 7.336C37.843 50.978 9 60 9 60v5.181h64z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#CustomImage__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6.922" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#CustomImage__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#CustomImage__g)", d: "M25.35 15.421q-.916.182-1.8.505a11.54 11.54 0 0 0-5.954 4.982c-3.22 5.46-1.428 12.454 4.003 15.62 5.43 3.166 12.44 1.303 15.66-4.156 3.22-5.464 1.429-12.458-3.998-15.62a11.32 11.32 0 0 0-7.91-1.331" })))),
   /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M73 45h-1v-8h1zM10 45H9v-8h1zM73 22.5v3h-1v-3a4.5 4.5 0 0 0-4.5-4.5h-3v-1h3a5.5 5.5 0 0 1 5.5 5.5M9 22.5a5.5 5.5 0 0 1 5.5-5.5h3v1h-3a4.5 4.5 0 0 0-4.5 4.5v3H9zM73 59.5a5.5 5.5 0 0 1-5.5 5.5h-3v-1h3a4.5 4.5 0 0 0 4.5-4.5v-3h1zM14.5 65A5.5 5.5 0 0 1 9 59.5v-3h1v3a4.5 4.5 0 0 0 4.5 4.5h3v1zM45 17v1h-8v-1zM45 64v1h-8v-1z" }),
   /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "CustomImage__c", x1: "32.522", x2: "57.88", y1: "37.51", y2: "57.476", 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: "CustomImage__d", x1: "16", x2: "66.354", y1: "12.11", y2: "61.014", 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: "CustomImage__g", x1: "35.617", x2: "16.059", y1: "17.259", y2: "42.217", 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: "CustomImage__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "#fff", rx: "4" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "CustomImage__b" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "#fff", rx: "4" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "CustomImage__e" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "CustomImage__f", width: "27.261", height: "27.26", x: "13.797", y: "13.009", 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_18698", stdDeviation: "1.099" })))

package/dist/cjs/DonutChart.js CHANGED Viewed

@@ -43,7 +43,7 @@ const DonutChart = (props) => /* @__PURE__ */ import_react.default.createElement
     ...props
   },
   /* @__PURE__ */ import_react.default.createElement("mask", { id: "DonutChart__a", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M36 9c14.912 0 27 12.088 27 27S50.912 63 36 63 9 50.912 9 36 21.088 9 36 9m0 10c-9.389 0-17 7.611-17 17s7.611 17 17 17 17-7.611 17-17-7.611-17-17-17" })),
-  /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#DonutChart__a)" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "DonutChart__b", 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("g", { mask: "url(#DonutChart__b)", clipPath: "url(#DonutChart__c)" }, /* @__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(#DonutChart__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#DonutChart__e)", 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" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "DonutChart__f", 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(#DonutChart__f)", clipPath: "url(#DonutChart__g)" }, /* @__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(#DonutChart__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#DonutChart__i)", 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" }))))),
+  /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#DonutChart__a)" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "DonutChart__b", 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("g", { mask: "url(#DonutChart__b)", clipPath: "url(#DonutChart__c)" }, /* @__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(#DonutChart__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#DonutChart__e)", 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" }))), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#DonutChart__f)", clipPath: "url(#DonutChart__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "27" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "DonutChart__f", 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(#DonutChart__f)", clipPath: "url(#DonutChart__g)" }, /* @__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(#DonutChart__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#DonutChart__i)", 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" }))))),
   /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "DonutChart__e", 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: "DonutChart__i", 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-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "DonutChart__c" }, /* @__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: "DonutChart__g" }, /* @__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: "DonutChart__d", 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_19166", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "DonutChart__h", 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_19166", stdDeviation: "2.5" })))
 );
 DonutChart.displayName = "DonutChart";

package/dist/cjs/Drop.js CHANGED Viewed

@@ -42,7 +42,7 @@ const Drop = (props) => /* @__PURE__ */ import_react.default.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Drop__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#Drop__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M11 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Drop__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Drop__d)", d: "M11 0h61v51H11z" }))), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Drop__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M11 13a2 2 0 0 1 2-2h48v28a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Drop__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Drop__g)", d: "M11-10h61v51H11z" })))),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Drop__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Drop__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M11 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2z" })), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#Drop__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M11 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Drop__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Drop__d)", d: "M11 0h61v51H11z" }))), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Drop__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M11 13a2 2 0 0 1 2-2h48v28a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Drop__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Drop__g)", d: "M11-10h61v51H11z" })))),
   /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Drop__h)", d: "M66 22.999v25h-1v-25z" }),
   /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M65.5 48.499a.5.5 0 0 1-.384-.18l-2.5-3 .768-.64 2.116 2.54 2.116-2.54.768.64-2.5 3-.08.076a.5.5 0 0 1-.304.104" }),
   /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Drop__d", x1: "63.349", x2: "22.157", y1: "4.578", y2: "67.446", 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: "Drop__g", x1: "63.349", x2: "22.157", y1: "-5.422", y2: "57.446", 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: "Drop__h", x1: "65.5", x2: "65.5", y1: "23", y2: "48", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { 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: "Drop__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Drop__b" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M11 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2z" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Drop__e" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M11 13a2 2 0 0 1 2-2h48v28a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2z" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Drop__c", width: "71", height: "61", x: "6", y: "-5", 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_17572", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Drop__f", width: "71", height: "61", x: "6", y: "-15", 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_17572", stdDeviation: "2.5" })))

package/dist/cjs/EmptyPage.js CHANGED Viewed

@@ -42,7 +42,7 @@ const EmptyPage = (props) => /* @__PURE__ */ import_react.default.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#EmptyPage__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#EmptyPage__b)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#EmptyPage__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#EmptyPage__d)", d: "M22 0h122v104H22z" }))), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22 22h100v6H22z" }), /* @__PURE__ */ import_react.default.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M96 46.5H48M85 40.5H59" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#EmptyPage__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "35", height: "80", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 112 93)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#EmptyPage__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#EmptyPage__g)", d: "M32 0h112v93H32z" })))),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#EmptyPage__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#EmptyPage__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#EmptyPage__b)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#EmptyPage__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#EmptyPage__d)", d: "M22 0h122v104H22z" }))), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22 22h100v6H22z" }), /* @__PURE__ */ import_react.default.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M96 46.5H48M85 40.5H59" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#EmptyPage__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "35", height: "80", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 112 93)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#EmptyPage__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#EmptyPage__g)", d: "M32 0h112v93H32z" })))),
   /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "EmptyPage__a" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "EmptyPage__b" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "EmptyPage__e" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "35", height: "80", fill: "#fff", rx: "3", transform: "matrix(0 -1 -1 0 112 93)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "EmptyPage__d", x1: "126.697", x2: "42.059", y1: "9.335", y2: "136.03", 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-7, #002297)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "EmptyPage__g", x1: "128.116", x2: "53.209", y1: "8.348", y2: "123.461", 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: "EmptyPage__c", width: "146", height: "128", x: "10", y: "-12", 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_738_14933", stdDeviation: "6" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "EmptyPage__f", width: "136", height: "117", x: "20", y: "-12", 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_738_14933", stdDeviation: "6" })))
 );
 EmptyPage.displayName = "EmptyPage";

package/dist/cjs/EmptyPageImage.js CHANGED Viewed

@@ -42,7 +42,7 @@ const EmptyPageImage = (props) => /* @__PURE__ */ import_react.default.createEle
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#EmptyPageImage__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#EmptyPageImage__b)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#EmptyPageImage__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#EmptyPageImage__d)", d: "M22 0h122v104H22z" }))), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22 22h100v6H22z" }), /* @__PURE__ */ import_react.default.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M96 46.5H48M85 40.5H59" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#EmptyPageImage__e)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#EmptyPageImage__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "80", height: "35", x: "32", y: "58", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.839" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#EmptyPageImage__g)", d: "m69.279 64.914-16.02 25.42 28.572-4.18z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#EmptyPageImage__h)", 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__ */ import_react.default.createElement("g", { clipPath: "url(#EmptyPageImage__i)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "12", height: "12", x: "38", y: "64", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#EmptyPageImage__j)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#EmptyPageImage__k)", 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" }))))),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#EmptyPageImage__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#EmptyPageImage__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#EmptyPageImage__b)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#EmptyPageImage__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#EmptyPageImage__d)", d: "M22 0h122v104H22z" }))), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22 22h100v6H22z" }), /* @__PURE__ */ import_react.default.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M96 46.5H48M85 40.5H59" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#EmptyPageImage__e)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#EmptyPageImage__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "80", height: "35", x: "32", y: "58", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.839" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#EmptyPageImage__g)", d: "m69.279 64.914-16.02 25.42 28.572-4.18z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#EmptyPageImage__h)", 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__ */ import_react.default.createElement("g", { clipPath: "url(#EmptyPageImage__i)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "12", height: "12", x: "38", y: "64", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#EmptyPageImage__j)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#EmptyPageImage__k)", 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" }))))),
   /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "EmptyPageImage__a" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "EmptyPageImage__b" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "EmptyPageImage__e" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "80", height: "35", x: "32", y: "58", fill: "#fff", rx: "3" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "EmptyPageImage__f" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "80", height: "35", x: "32", y: "58", fill: "#fff", rx: "2.839" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "EmptyPageImage__i" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "12", height: "12", x: "38", y: "64", fill: "#fff", rx: "6" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "EmptyPageImage__d", x1: "126.697", x2: "42.059", y1: "9.335", y2: "136.03", 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-7, #002297)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "EmptyPageImage__g", x1: "60.67", x2: "83.786", y1: "73.545", y2: "92.065", 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: "EmptyPageImage__h", x1: "45.406", x2: "91.144", y1: "50.48", y2: "95.678", 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: "EmptyPageImage__k", x1: "53.589", x2: "39.047", y1: "59.526", y2: "78.082", 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: "EmptyPageImage__c", width: "146", height: "128", x: "10", y: "-12", 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_738_14947", stdDeviation: "6" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "EmptyPageImage__j", width: "20.12", height: "20.12", x: "37.44", y: "56.44", 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_738_14947", stdDeviation: ".78" })))
 );
 EmptyPageImage.displayName = "EmptyPageImage";