@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
  1. package/dist/cjs/AppearClick.js +1 -0
  2. package/dist/cjs/AppearHover.js +1 -0
  3. package/dist/cjs/ArcEntrance.js +2 -0
  4. package/dist/cjs/Aspect3DSection.js +4 -0
  5. package/dist/cjs/Bounce.js +1 -1
  6. package/dist/cjs/BounceAnimation.js +2 -0
  7. package/dist/cjs/BounceEntrance.js +4 -3
  8. package/dist/cjs/BounceLoop.js +4 -3
  9. package/dist/cjs/BreathAnimation.js +2 -0
  10. package/dist/cjs/BreathLoop.js +2 -0
  11. package/dist/cjs/CircleMarker.js +3 -3
  12. package/dist/cjs/ClockWipe.js +1 -1
  13. package/dist/cjs/CrossLoop.js +2 -0
  14. package/dist/cjs/Cube.js +1 -0
  15. package/dist/cjs/CustomImage.js +1 -0
  16. package/dist/cjs/DonutChart.js +1 -1
  17. package/dist/cjs/Drop.js +1 -1
  18. package/dist/cjs/EmptyPage.js +1 -1
  19. package/dist/cjs/EmptyPageImage.js +1 -1
  20. package/dist/cjs/EventInfo.js +1 -0
  21. package/dist/cjs/ExpandAnimation.js +2 -0
  22. package/dist/cjs/ExpandClick.js +2 -0
  23. package/dist/cjs/ExpandHover.js +2 -0
  24. package/dist/cjs/ExpandScroll.js +5 -3
  25. package/dist/cjs/FadeBackSection.js +2 -0
  26. package/dist/cjs/FillParallaxScroll.js +2 -0
  27. package/dist/cjs/FillReveal.js +1 -0
  28. package/dist/cjs/FlapLoop.js +2 -0
  29. package/dist/cjs/Flip.js +1 -0
  30. package/dist/cjs/FlipAnimation.js +2 -0
  31. package/dist/cjs/FlipLoop.js +2 -0
  32. package/dist/cjs/FloatEntrance.js +2 -0
  33. package/dist/cjs/Fold.js +1 -1
  34. package/dist/cjs/FoldAnimation.js +2 -0
  35. package/dist/cjs/FreeformImage.js +1 -0
  36. package/dist/cjs/GlideEntrance.js +3 -0
  37. package/dist/cjs/GlitchAnimation.js +2 -0
  38. package/dist/cjs/GrowEntrance.js +2 -0
  39. package/dist/cjs/ImagePositionLeft.js +1 -0
  40. package/dist/cjs/ImagePositionRight.js +1 -0
  41. package/dist/cjs/Iris.js +1 -1
  42. package/dist/cjs/JelloLoop.js +3 -0
  43. package/dist/cjs/LayeredElipseDivider.js +1 -1
  44. package/dist/cjs/MoveClick.js +2 -0
  45. package/dist/cjs/MoveHorizontalHover.js +3 -0
  46. package/dist/cjs/OnImage.js +1 -0
  47. package/dist/cjs/PanSection.js +2 -0
  48. package/dist/cjs/ParallaxSection.js +2 -0
  49. package/dist/cjs/PieChart.js +1 -0
  50. package/dist/cjs/PokeLoop.js +2 -0
  51. package/dist/cjs/PullBackSection.js +2 -0
  52. package/dist/cjs/PulseLoop.js +2 -0
  53. package/dist/cjs/ResizeOptionsCrop.js +1 -0
  54. package/dist/cjs/ResizeOptionsFit.js +1 -1
  55. package/dist/cjs/Reveal.js +1 -0
  56. package/dist/cjs/RevealAnimation.js +1 -0
  57. package/dist/cjs/RevealSection.js +1 -0
  58. package/dist/cjs/RightWaveDivider.js +1 -1
  59. package/dist/cjs/RotateClick.js +2 -0
  60. package/dist/cjs/RotateHover.js +1 -0
  61. package/dist/cjs/RotateSection.js +1 -0
  62. package/dist/cjs/RubberMouse.js +4 -0
  63. package/dist/cjs/ScrollEffectsDisappear.js +1 -1
  64. package/dist/cjs/ScrollEffectsFadeOut.js +1 -1
  65. package/dist/cjs/ScrollEffectsMoveWithPage.js +1 -1
  66. package/dist/cjs/ScrollEffectsStayFixed.js +1 -1
  67. package/dist/cjs/ShapeEntrance.js +1 -0
  68. package/dist/cjs/Shrink.js +2 -0
  69. package/dist/cjs/ShrinkClick.js +2 -0
  70. package/dist/cjs/ShrinkHover.js +2 -0
  71. package/dist/cjs/ShrinkScroll.js +5 -3
  72. package/dist/cjs/Shuffle.js +1 -0
  73. package/dist/cjs/SkewClick.js +1 -0
  74. package/dist/cjs/SkewHover.js +1 -0
  75. package/dist/cjs/SkewSection.js +1 -0
  76. package/dist/cjs/SlideAnimation.js +2 -0
  77. package/dist/cjs/SpinAnimation.js +1 -0
  78. package/dist/cjs/Swap.js +1 -1
  79. package/dist/cjs/SwingLoop.js +2 -0
  80. package/dist/cjs/TiltAnimation.js +1 -1
  81. package/dist/cjs/TiltEntrance.js +2 -0
  82. package/dist/cjs/TurnEntrance.js +2 -0
  83. package/dist/cjs/TwistClick.js +2 -0
  84. package/dist/cjs/TwistHover.js +2 -0
  85. package/dist/cjs/TypeWriter.js +1 -0
  86. package/dist/cjs/WinkEntrance.js +1 -0
  87. package/dist/cjs/ZoomSection.js +2 -0
  88. package/dist/esm/AppearClick.js +1 -0
  89. package/dist/esm/AppearHover.js +1 -0
  90. package/dist/esm/ArcEntrance.js +2 -0
  91. package/dist/esm/Aspect3DSection.js +4 -0
  92. package/dist/esm/Bounce.js +1 -1
  93. package/dist/esm/BounceAnimation.js +2 -0
  94. package/dist/esm/BounceEntrance.js +4 -3
  95. package/dist/esm/BounceLoop.js +4 -3
  96. package/dist/esm/BreathAnimation.js +2 -0
  97. package/dist/esm/BreathLoop.js +2 -0
  98. package/dist/esm/CircleMarker.js +3 -3
  99. package/dist/esm/ClockWipe.js +1 -1
  100. package/dist/esm/CrossLoop.js +2 -0
  101. package/dist/esm/Cube.js +1 -0
  102. package/dist/esm/CustomImage.js +1 -0
  103. package/dist/esm/DonutChart.js +1 -1
  104. package/dist/esm/Drop.js +1 -1
  105. package/dist/esm/EmptyPage.js +1 -1
  106. package/dist/esm/EmptyPageImage.js +1 -1
  107. package/dist/esm/EventInfo.js +1 -0
  108. package/dist/esm/ExpandAnimation.js +2 -0
  109. package/dist/esm/ExpandClick.js +2 -0
  110. package/dist/esm/ExpandHover.js +2 -0
  111. package/dist/esm/ExpandScroll.js +5 -3
  112. package/dist/esm/FadeBackSection.js +2 -0
  113. package/dist/esm/FillParallaxScroll.js +2 -0
  114. package/dist/esm/FillReveal.js +1 -0
  115. package/dist/esm/FlapLoop.js +2 -0
  116. package/dist/esm/Flip.js +1 -0
  117. package/dist/esm/FlipAnimation.js +2 -0
  118. package/dist/esm/FlipLoop.js +2 -0
  119. package/dist/esm/FloatEntrance.js +2 -0
  120. package/dist/esm/Fold.js +1 -1
  121. package/dist/esm/FoldAnimation.js +2 -0
  122. package/dist/esm/FreeformImage.js +1 -0
  123. package/dist/esm/GlideEntrance.js +3 -0
  124. package/dist/esm/GlitchAnimation.js +2 -0
  125. package/dist/esm/GrowEntrance.js +2 -0
  126. package/dist/esm/ImagePositionLeft.js +1 -0
  127. package/dist/esm/ImagePositionRight.js +1 -0
  128. package/dist/esm/Iris.js +1 -1
  129. package/dist/esm/JelloLoop.js +3 -0
  130. package/dist/esm/LayeredElipseDivider.js +1 -1
  131. package/dist/esm/MoveClick.js +2 -0
  132. package/dist/esm/MoveHorizontalHover.js +3 -0
  133. package/dist/esm/OnImage.js +1 -0
  134. package/dist/esm/PanSection.js +2 -0
  135. package/dist/esm/ParallaxSection.js +2 -0
  136. package/dist/esm/PieChart.js +1 -0
  137. package/dist/esm/PokeLoop.js +2 -0
  138. package/dist/esm/PullBackSection.js +2 -0
  139. package/dist/esm/PulseLoop.js +2 -0
  140. package/dist/esm/ResizeOptionsCrop.js +1 -0
  141. package/dist/esm/ResizeOptionsFit.js +1 -1
  142. package/dist/esm/Reveal.js +1 -0
  143. package/dist/esm/RevealAnimation.js +1 -0
  144. package/dist/esm/RevealSection.js +1 -0
  145. package/dist/esm/RightWaveDivider.js +1 -1
  146. package/dist/esm/RotateClick.js +2 -0
  147. package/dist/esm/RotateHover.js +1 -0
  148. package/dist/esm/RotateSection.js +1 -0
  149. package/dist/esm/RubberMouse.js +4 -0
  150. package/dist/esm/ScrollEffectsDisappear.js +1 -1
  151. package/dist/esm/ScrollEffectsFadeOut.js +1 -1
  152. package/dist/esm/ScrollEffectsMoveWithPage.js +1 -1
  153. package/dist/esm/ScrollEffectsStayFixed.js +1 -1
  154. package/dist/esm/ShapeEntrance.js +1 -0
  155. package/dist/esm/Shrink.js +2 -0
  156. package/dist/esm/ShrinkClick.js +2 -0
  157. package/dist/esm/ShrinkHover.js +2 -0
  158. package/dist/esm/ShrinkScroll.js +5 -3
  159. package/dist/esm/Shuffle.js +1 -0
  160. package/dist/esm/SkewClick.js +1 -0
  161. package/dist/esm/SkewHover.js +1 -0
  162. package/dist/esm/SkewSection.js +1 -0
  163. package/dist/esm/SlideAnimation.js +2 -0
  164. package/dist/esm/SpinAnimation.js +1 -0
  165. package/dist/esm/Swap.js +1 -1
  166. package/dist/esm/SwingLoop.js +2 -0
  167. package/dist/esm/TiltAnimation.js +1 -1
  168. package/dist/esm/TiltEntrance.js +2 -0
  169. package/dist/esm/TurnEntrance.js +2 -0
  170. package/dist/esm/TwistClick.js +2 -0
  171. package/dist/esm/TwistHover.js +2 -0
  172. package/dist/esm/TypeWriter.js +1 -0
  173. package/dist/esm/WinkEntrance.js +1 -0
  174. package/dist/esm/ZoomSection.js +2 -0
  175. package/package.json +3 -3
  176. package/src/BounceEntrance.svg +6 -2
  177. package/src/BounceLoop.svg +7 -2
  178. package/src/CircleMarker.svg +14 -8
  179. package/src/ExpandScroll.svg +3 -3
  180. package/src/ShrinkScroll.svg +3 -3
package/dist/esm/BounceAnimation.js CHANGED
@@ -9,6 +9,8 @@ const BounceAnimation = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceAnimation__a)" }, /* @__PURE__ */ React.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)" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceAnimation__d)" }, /* @__PURE__ */ React.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)" })),
12
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#BounceAnimation__a)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#BounceAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceAnimation__c)", d: "m55.385-5.528 32.527 32.527-32.527 32.527-32.527-32.527z" }))),
13
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#BounceAnimation__d)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#BounceAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceAnimation__f)", d: "M55.384 3.473 87.91 36 55.384 68.527 22.857 36z" }))),
14
16
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceAnimation__g)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#BounceAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceAnimation__i)", d: "M55.385 12.473 87.912 45 55.385 77.527 22.858 45z" }))),
package/dist/esm/BounceEntrance.js CHANGED
@@ -9,12 +9,13 @@ const BounceEntrance = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceEntrance__a)" }, /* @__PURE__ */ React.createElement("foreignObject", { width: "1772.12", height: "1772.12", x: "-886.058", y: "-886.058", transform: "matrix(.0079 0 0 -.0079 47.171 58)" }, /* @__PURE__ */ React.createElement("div", { style: { "background": "conic-gradient(from 90deg,#f8f6f6 0deg,#002296 56.8553deg,#002296 231.923deg,#f8f6f6 360deg)", "height": "100%", "width": "100%", "opacity": "1" } }))),
13
- /* @__PURE__ */ React.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" }),
12
+ /* @__PURE__ */ React.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" }),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceEntrance__b)" }, /* @__PURE__ */ React.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)" })),
14
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceEntrance__e)" }, /* @__PURE__ */ React.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)" })),
14
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#BounceEntrance__b)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#BounceEntrance__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceEntrance__d)", d: "M1.045 8.617 33.572-23.91 66.098 8.617 33.572 41.144z" }))),
15
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#BounceEntrance__e)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#BounceEntrance__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceEntrance__g)", d: "M1.044 17.617 33.57-14.91l32.527 32.527L33.57 50.144z" }))),
16
17
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceEntrance__h)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#BounceEntrance__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceEntrance__j)", d: "M1.045 26.617 33.572-5.91l32.526 32.527-32.526 32.527z" }))),
17
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "BounceEntrance__a" }, /* @__PURE__ */ React.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__ */ React.createElement("clipPath", { id: "BounceEntrance__b" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.572", y: "12.859", fill: "#fff", rx: "2", transform: "rotate(45 33.572 12.86)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BounceEntrance__e" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.571", y: "21.859", fill: "#fff", rx: "2", transform: "rotate(45 33.57 21.86)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BounceEntrance__h" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.572", y: "30.859", fill: "#fff", rx: "2", transform: "rotate(45 33.572 30.86)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceEntrance__d", x1: "31.878", x2: "39.559", y1: "-16.377", y2: "46.951", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceEntrance__g", x1: "31.877", x2: "39.558", y1: "-7.377", y2: "55.951", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceEntrance__j", x1: "31.878", x2: "39.559", y1: "1.623", y2: "64.951", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceEntrance__c", width: "75.054", height: "75.055", x: "-3.955", y: "-28.91", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19409", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceEntrance__f", width: "75.054", height: "75.055", x: "-3.956", y: "-19.91", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19409", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceEntrance__i", width: "75.054", height: "75.055", x: "-3.955", y: "-10.91", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19409", stdDeviation: "2.5" })))
18
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceEntrance__a", x1: "39.271", x2: "55.072", y1: "58", y2: "58", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".356", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".935", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceEntrance__d", x1: "31.878", x2: "39.559", y1: "-16.377", y2: "46.951", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceEntrance__g", x1: "31.877", x2: "39.558", y1: "-7.377", y2: "55.951", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceEntrance__j", x1: "31.878", x2: "39.559", y1: "1.623", y2: "64.951", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BounceEntrance__b" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.572", y: "12.859", fill: "#fff", rx: "2", transform: "rotate(45 33.572 12.86)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BounceEntrance__e" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.571", y: "21.859", fill: "#fff", rx: "2", transform: "rotate(45 33.57 21.86)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BounceEntrance__h" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.572", y: "30.859", fill: "#fff", rx: "2", transform: "rotate(45 33.572 30.86)" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceEntrance__c", width: "75.054", height: "75.055", x: "-3.955", y: "-28.91", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19409", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceEntrance__f", width: "75.054", height: "75.055", x: "-3.956", y: "-19.91", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19409", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceEntrance__i", width: "75.054", height: "75.055", x: "-3.955", y: "-10.91", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19409", stdDeviation: "2.5" })))
18
19
  );
19
20
  BounceEntrance.displayName = "BounceEntrance";
20
21
  export {
package/dist/esm/BounceLoop.js CHANGED
@@ -9,12 +9,13 @@ const BounceLoop = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceLoop__a)" }, /* @__PURE__ */ React.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__ */ React.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" } }))),
13
- /* @__PURE__ */ React.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" }),
12
+ /* @__PURE__ */ React.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" }),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceLoop__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "17.206", y: "16", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "14" })),
14
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceLoop__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "23.206", y: "20", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "14" })),
14
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#BounceLoop__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "17.206", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceLoop__c)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#BounceLoop__e)" }, /* @__PURE__ */ React.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" }))),
15
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#BounceLoop__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "23.206", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceLoop__h)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#BounceLoop__j)" }, /* @__PURE__ */ React.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" }))),
16
17
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceLoop__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "27.206", y: "28.02", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceLoop__m)" }, /* @__PURE__ */ React.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" }))),
17
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceLoop__d", x1: "61.831", x2: "17.35", y1: "-3.333", y2: "53.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceLoop__f", x1: "61.831", x2: "17.35", y1: "-3.333", y2: "53.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceLoop__i", x1: "67.831", x2: "23.35", y1: ".667", y2: "57.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceLoop__k", x1: "67.831", x2: "23.35", y1: ".667", y2: "57.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceLoop__n", x1: "71.831", x2: "27.35", y1: "8.687", y2: "65.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceLoop__c", width: "62", height: "62", x: "12.206", y: "-13", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20490", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceLoop__e", width: "62", height: "62", x: "12.206", y: "-13", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20490", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceLoop__h", width: "62", height: "62", x: "18.206", y: "-9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20490", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceLoop__j", width: "62", height: "62", x: "18.206", y: "-9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20490", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceLoop__m", width: "62", height: "62", x: "22.206", y: "-.98", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20490", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BounceLoop__a" }, /* @__PURE__ */ React.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__ */ React.createElement("clipPath", { id: "BounceLoop__b" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "17.206", y: "16", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BounceLoop__g" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "23.206", y: "20", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BounceLoop__l" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "27.206", y: "28.02", fill: "#fff", rx: "14" })))
18
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceLoop__a", x1: "30.382", x2: "14.294", y1: "56.02", y2: "56.02", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".067", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".466", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".929", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceLoop__d", x1: "61.831", x2: "17.35", y1: "-3.333", y2: "53.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceLoop__f", x1: "61.831", x2: "17.35", y1: "-3.333", y2: "53.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceLoop__i", x1: "67.831", x2: "23.35", y1: ".667", y2: "57.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceLoop__k", x1: "67.831", x2: "23.35", y1: ".667", y2: "57.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceLoop__n", x1: "71.831", x2: "27.35", y1: "8.687", y2: "65.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceLoop__c", width: "62", height: "62", x: "12.206", y: "-13", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20490", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceLoop__e", width: "62", height: "62", x: "12.206", y: "-13", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20490", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceLoop__h", width: "62", height: "62", x: "18.206", y: "-9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20490", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceLoop__j", width: "62", height: "62", x: "18.206", y: "-9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20490", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceLoop__m", width: "62", height: "62", x: "22.206", y: "-.98", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20490", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BounceLoop__b" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "17.206", y: "16", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BounceLoop__g" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "23.206", y: "20", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BounceLoop__l" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "27.206", y: "28.02", fill: "#fff", rx: "14" })))
18
19
  );
19
20
  BounceLoop.displayName = "BounceLoop";
20
21
  export {
package/dist/esm/BreathAnimation.js CHANGED
@@ -9,6 +9,8 @@ const BreathAnimation = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BreathAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "56", height: "56", x: "8", y: "8", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "28" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BreathAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "22" })),
12
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#BreathAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "56", height: "56", x: "8", y: "8", fill: "var(--wds-illustration-color-1, #002291)", rx: "28" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BreathAnimation__b)" }, /* @__PURE__ */ React.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" }))),
13
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#BreathAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "22" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BreathAnimation__e)" }, /* @__PURE__ */ React.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" }))),
14
16
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BreathAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "16" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BreathAnimation__h)" }, /* @__PURE__ */ React.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/esm/BreathLoop.js CHANGED
@@ -10,6 +10,8 @@ const BreathLoop = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BreathLoop__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "15" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BreathLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BreathLoop__c)", d: "M41.275.487a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 23.64 12.966c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525C53.625.22 47.245-.679 41.275.487" }))),
13
+ /* @__PURE__ */ React.createElement("g", { style: { "mixBlendMode": "multiply" }, clipPath: "url(#BreathLoop__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "16.313", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "15" })),
14
+ /* @__PURE__ */ React.createElement("g", { style: { "mixBlendMode": "multiply" }, clipPath: "url(#BreathLoop__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "25.688", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "15" })),
13
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#BreathLoop__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "16.313", fill: "var(--wds-illustration-color-1, #002291)", rx: "15" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BreathLoop__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BreathLoop__f)", d: "M41.275-4.2a27.4 27.4 0 0 0-4.093 1.147A26.25 26.25 0 0 0 23.64 8.28c-7.323 12.417-3.248 28.323 9.102 35.524s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.332-9.093-35.524-5.642-3.294-12.022-4.193-17.992-3.027" }))),
14
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#BreathLoop__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "25.688", fill: "var(--wds-illustration-color-1, #002291)", rx: "15" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BreathLoop__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BreathLoop__i)", d: "M41.275 5.174a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 23.64 17.654c-7.323 12.417-3.248 28.323 9.102 35.524s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.332-9.093-35.524-5.642-3.294-12.022-4.193-17.992-3.027" }))),
15
17
  /* @__PURE__ */ React.createElement("path", { fill: "url(#BreathLoop__j)", d: "M57 29.5v13h-1v-13z" }),
package/dist/esm/CircleMarker.js CHANGED
@@ -9,12 +9,12 @@ const CircleMarker = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#CircleMarker__a)" }, /* @__PURE__ */ React.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__ */ React.createElement("div", { style: { "background": "conic-gradient(from 90deg,#002296 0deg,#f8f6f6 7.2deg,#002296 104.4deg,#002296 360deg)", "height": "100%", "width": "100%", "opacity": "1" } }))),
13
- /* @__PURE__ */ React.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" }),
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.5 20.5c-7.798 0-14.834 1.831-19.902 4.766C11.516 28.208 8.5 32.197 8.5 36.5s3.016 8.292 8.098 11.234C21.666 50.67 28.702 52.5 36.5 52.5s14.834-1.831 19.902-4.766C61.484 44.792 64.5 40.803 64.5 36.5h1c0 4.81-3.364 9.07-8.597 12.1-5.246 3.037-12.461 4.9-20.403 4.9s-15.157-1.863-20.403-4.9C10.863 45.57 7.5 41.31 7.5 36.5s3.364-9.07 8.597-12.1c5.246-3.037 12.461-4.9 20.403-4.9z" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#CircleMarker__a)", d: "M64.505 36.502c-.014-3.852-2.41-7.529-6.58-10.34-4.162-2.809-10-4.792-16.656-5.427l.048-.497.047-.498c6.784.646 12.792 2.672 17.121 5.592 4.324 2.917 6.995 6.865 7.01 11.17z" }),
14
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 44H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84z" }),
15
15
  /* @__PURE__ */ React.createElement("mask", { id: "CircleMarker__b", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 43.998h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 43.998H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84z" })),
16
16
  /* @__PURE__ */ React.createElement("g", { filter: "url(#CircleMarker__c)", mask: "url(#CircleMarker__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#CircleMarker__d)", d: "M16-.001h56v44H16z" })),
17
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "CircleMarker__d", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "CircleMarker__a" }, /* @__PURE__ */ React.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__ */ React.createElement("filter", { id: "CircleMarker__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17651", stdDeviation: "4.2" })))
17
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "CircleMarker__a", x1: "67.981", x2: "35.982", y1: "21.403", y2: "21.52", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".128", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".21", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".758", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "CircleMarker__d", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "CircleMarker__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_757_15422", stdDeviation: "4.2" })))
18
18
  );
19
19
  CircleMarker.displayName = "CircleMarker";
20
20
  export {
package/dist/esm/ClockWipe.js CHANGED
@@ -9,7 +9,7 @@ const ClockWipe = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ClockWipe__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ClockWipe__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ClockWipe__d)", d: "M11 0h61v51H11z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".25", style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ React.createElement("mask", { id: "ClockWipe__e", width: "23", height: "29", x: "21", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M21.5 61.115a29 29 0 0 0 22.006 2.897L36 36z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ClockWipe__e)", clipPath: "url(#ClockWipe__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__g)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ React.createElement("mask", { id: "ClockWipe__i", width: "29", height: "26", x: "7", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M7.988 43.506A29 29 0 0 0 21.5 61.115L36 36z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ClockWipe__i)", clipPath: "url(#ClockWipe__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__k)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ React.createElement("mask", { id: "ClockWipe__m", width: "29", height: "29", x: "7", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M15.494 15.494a29 29 0 0 0-7.506 28.012L36 36z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ClockWipe__m)", clipPath: "url(#ClockWipe__n)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__o)" }, /* @__PURE__ */ React.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" }))))),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ClockWipe__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ClockWipe__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2" })), /* @__PURE__ */ React.createElement("g", { style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ React.createElement("g", { mask: "url(#ClockWipe__e)", clipPath: "url(#ClockWipe__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "29" }))), /* @__PURE__ */ React.createElement("g", { style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ React.createElement("g", { mask: "url(#ClockWipe__i)", clipPath: "url(#ClockWipe__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "29" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ClockWipe__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ClockWipe__d)", d: "M11 0h61v51H11z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".25", style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ React.createElement("mask", { id: "ClockWipe__e", width: "23", height: "29", x: "21", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M21.5 61.115a29 29 0 0 0 22.006 2.897L36 36z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ClockWipe__e)", clipPath: "url(#ClockWipe__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__g)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ React.createElement("mask", { id: "ClockWipe__i", width: "29", height: "26", x: "7", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M7.988 43.506A29 29 0 0 0 21.5 61.115L36 36z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ClockWipe__i)", clipPath: "url(#ClockWipe__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__k)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ React.createElement("mask", { id: "ClockWipe__m", width: "29", height: "29", x: "7", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M15.494 15.494a29 29 0 0 0-7.506 28.012L36 36z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ClockWipe__m)", clipPath: "url(#ClockWipe__n)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__o)" }, /* @__PURE__ */ React.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" }))))),
13
13
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__b" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__f" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "#fff", rx: "29" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__j" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "#fff", rx: "29" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__n" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "#fff", rx: "29" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ClockWipe__d", x1: "63.349", x2: "22.157", y1: "4.578", y2: "67.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ClockWipe__h", x1: "91.959", x2: "7.274", y1: "-25.114", y2: "82.949", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".15", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ClockWipe__l", x1: "91.959", x2: "7.274", y1: "-25.114", y2: "82.949", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".15", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ClockWipe__p", x1: "91.959", x2: "7.274", y1: "-25.114", y2: "82.949", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".15", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ClockWipe__c", width: "71", height: "61", x: "6", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17385", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ClockWipe__g", width: "109", height: "109", x: "2", y: "-39", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17385", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ClockWipe__k", width: "109", height: "109", x: "2", y: "-39", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17385", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ClockWipe__o", width: "109", height: "109", x: "2", y: "-39", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17385", stdDeviation: "2.5" })))
14
14
  );
15
15
  ClockWipe.displayName = "ClockWipe";
package/dist/esm/CrossLoop.js CHANGED
@@ -10,6 +10,8 @@ const CrossLoop = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("mask", { id: "CrossLoop__a", width: "26", height: "36", x: "11", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36.722 18.992H11.284v34.014h25.438z" })),
13
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#CrossLoop__a)", clipPath: "url(#CrossLoop__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "8.482", y: "22.703", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "14" })),
14
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#CrossLoop__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "21.722", y: "22.73", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "14" })),
13
15
  /* @__PURE__ */ React.createElement("g", { mask: "url(#CrossLoop__a)", opacity: ".25", clipPath: "url(#CrossLoop__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "8.482", y: "22.703", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#CrossLoop__c)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#CrossLoop__e)" }, /* @__PURE__ */ React.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" }))),
14
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#CrossLoop__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "21.722", y: "22.73", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#CrossLoop__h)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#CrossLoop__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#CrossLoop__k)", d: "M42.997-.783A27.4 27.4 0 0 0 38.904.365 26.25 26.25 0 0 0 25.36 11.697c-7.323 12.417-3.247 28.323 9.103 35.524s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.332-9.094-35.524C55.347-1.05 48.968-1.95 42.997-.783" }))),
15
17
  /* @__PURE__ */ React.createElement("mask", { id: "CrossLoop__l", width: "27", height: "36", x: "34", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M60.425 18.992H34.722v34.014h25.703z" })),
package/dist/esm/Cube.js CHANGED
@@ -9,6 +9,7 @@ const Cube = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#Cube__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M4 17.63h40v37.896H4z" }))),
12
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Cube__b", width: "25", height: "30", x: "11", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Cube__a)", d: "M11 28.883a1 1 0 0 1 .69-.95l23-7.506a1 1 0 0 1 1.31.951v27.244a1 1 0 0 1-1.31.95l-23-7.505a1 1 0 0 1-.69-.95z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Cube__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M4 17.63h40v37.896H4z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Cube__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Cube__d)", d: "M11 .578h61L72.536 62 11 42z" })))),
13
14
  /* @__PURE__ */ React.createElement("mask", { id: "Cube__f", width: "26", height: "30", x: "36", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Cube__e)", d: "M61 28.884a1 1 0 0 0-.69-.951l-23-7.506a1 1 0 0 0-1.31.951v27.244a1 1 0 0 0 1.31.95l23-7.505a1 1 0 0 0 .69-.95z" })),
14
15
  /* @__PURE__ */ React.createElement("g", { mask: "url(#Cube__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M68 17.63H28v37.896h40z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Cube__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Cube__h)", d: "M36 .947h61l.536 43.132L36 50.395z" }))),
package/dist/esm/CustomImage.js CHANGED
@@ -9,6 +9,7 @@ const CustomImage = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#CustomImage__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#CustomImage__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "4" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M41.84 28.004 24.5 56l30.925-4.605z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M73 38s-23.774-9.725-24.934-10.218-8.353-2.773-6.227 3.8c2.114 6.532 3.272 9.044 3.733 10.16.46 1.115 2.335 5.66-2.383 7.336C37.843 50.978 9 60 9 60v5.181h64z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#CustomImage__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "6.922" }))),
12
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#CustomImage__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#CustomImage__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "var(--wds-illustration-color-6, #002296)", rx: "4" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#CustomImage__c)", d: "M41.84 28.004 24.5 56l30.925-4.605z" }), /* @__PURE__ */ React.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__ */ React.createElement("g", { clipPath: "url(#CustomImage__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6.922" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#CustomImage__f)" }, /* @__PURE__ */ React.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" })))),
13
14
  /* @__PURE__ */ React.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" }),
14
15
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "CustomImage__c", x1: "32.522", x2: "57.88", y1: "37.51", y2: "57.476", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "CustomImage__d", x1: "16", x2: "66.354", y1: "12.11", y2: "61.014", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "CustomImage__g", x1: "35.617", x2: "16.059", y1: "17.259", y2: "42.217", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "CustomImage__a" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "CustomImage__b" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "CustomImage__e" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ React.createElement("filter", { id: "CustomImage__f", width: "27.261", height: "27.26", x: "13.797", y: "13.009", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18698", stdDeviation: "1.099" })))
package/dist/esm/DonutChart.js CHANGED
@@ -10,7 +10,7 @@ const DonutChart = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("mask", { id: "DonutChart__a", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.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" })),
13
- /* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "DonutChart__b", width: "27", height: "27", x: "9", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M9 36h27v27H9z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__b)", clipPath: "url(#DonutChart__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9.001", y: "9", fill: "var(--wds-illustration-color-1, #002291)", rx: "27" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#DonutChart__d)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "DonutChart__f", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M36 63h27V9H9v27h27z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__f)", clipPath: "url(#DonutChart__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "var(--wds-illustration-color-1, #002291)", rx: "27" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#DonutChart__h)" }, /* @__PURE__ */ React.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" }))))),
13
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "DonutChart__b", width: "27", height: "27", x: "9", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M9 36h27v27H9z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__b)", clipPath: "url(#DonutChart__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9.001", y: "9", fill: "var(--wds-illustration-color-1, #002291)", rx: "27" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#DonutChart__d)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__f)", clipPath: "url(#DonutChart__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "27" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "DonutChart__f", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M36 63h27V9H9v27h27z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__f)", clipPath: "url(#DonutChart__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "var(--wds-illustration-color-1, #002291)", rx: "27" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#DonutChart__h)" }, /* @__PURE__ */ React.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" }))))),
14
14
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "DonutChart__e", x1: "81.087", x2: "9.233", y1: "-13.46", y2: "78.23", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "DonutChart__i", x1: "81.086", x2: "9.232", y1: "-13.46", y2: "78.23", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DonutChart__c" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9.001", y: "9", fill: "#fff", rx: "27" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DonutChart__g" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "#fff", rx: "27" })), /* @__PURE__ */ React.createElement("filter", { id: "DonutChart__d", width: "94", height: "94", x: "4.001", y: "-26", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19166", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "DonutChart__h", width: "94", height: "94", x: "4", y: "-26", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19166", stdDeviation: "2.5" })))
15
15
  );
16
16
  DonutChart.displayName = "DonutChart";
package/dist/esm/Drop.js CHANGED
@@ -9,7 +9,7 @@ const Drop = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Drop__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#Drop__b)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#Drop__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Drop__d)", d: "M11 0h61v51H11z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Drop__e)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#Drop__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Drop__g)", d: "M11-10h61v51H11z" })))),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Drop__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Drop__b)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#Drop__b)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#Drop__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Drop__d)", d: "M11 0h61v51H11z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Drop__e)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { filter: "url(#Drop__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Drop__g)", d: "M11-10h61v51H11z" })))),
13
13
  /* @__PURE__ */ React.createElement("path", { fill: "url(#Drop__h)", d: "M66 22.999v25h-1v-25z" }),
14
14
  /* @__PURE__ */ React.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" }),
15
15
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Drop__d", x1: "63.349", x2: "22.157", y1: "4.578", y2: "67.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Drop__g", x1: "63.349", x2: "22.157", y1: "-5.422", y2: "57.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Drop__h", x1: "65.5", x2: "65.5", y1: "23", y2: "48", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Drop__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Drop__b" }, /* @__PURE__ */ React.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__ */ React.createElement("clipPath", { id: "Drop__e" }, /* @__PURE__ */ React.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__ */ React.createElement("filter", { id: "Drop__c", width: "71", height: "61", x: "6", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17572", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Drop__f", width: "71", height: "61", x: "6", y: "-15", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17572", stdDeviation: "2.5" })))
package/dist/esm/EmptyPage.js CHANGED
@@ -9,7 +9,7 @@ const EmptyPage = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPage__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#EmptyPage__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#EmptyPage__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#EmptyPage__d)", d: "M22 0h122v104H22z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22 22h100v6H22z" }), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M96 46.5H48M85 40.5H59" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPage__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "35", height: "80", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 112 93)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#EmptyPage__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#EmptyPage__g)", d: "M32 0h112v93H32z" })))),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPage__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPage__b)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#EmptyPage__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#EmptyPage__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#EmptyPage__d)", d: "M22 0h122v104H22z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22 22h100v6H22z" }), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M96 46.5H48M85 40.5H59" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPage__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "35", height: "80", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 112 93)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#EmptyPage__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#EmptyPage__g)", d: "M32 0h112v93H32z" })))),
13
13
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPage__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPage__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPage__e" }, /* @__PURE__ */ React.createElement("rect", { width: "35", height: "80", fill: "#fff", rx: "3", transform: "matrix(0 -1 -1 0 112 93)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EmptyPage__d", x1: "126.697", x2: "42.059", y1: "9.335", y2: "136.03", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EmptyPage__g", x1: "128.116", x2: "53.209", y1: "8.348", y2: "123.461", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "EmptyPage__c", width: "146", height: "128", x: "10", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_738_14933", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "EmptyPage__f", width: "136", height: "117", x: "20", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_738_14933", stdDeviation: "6" })))
14
14
  );
15
15
  EmptyPage.displayName = "EmptyPage";
package/dist/esm/EmptyPageImage.js CHANGED
@@ -9,7 +9,7 @@ const EmptyPageImage = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#EmptyPageImage__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#EmptyPageImage__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#EmptyPageImage__d)", d: "M22 0h122v104H22z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22 22h100v6H22z" }), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M96 46.5H48M85 40.5H59" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__e)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "80", height: "35", x: "32", y: "58", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.839" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#EmptyPageImage__g)", d: "m69.279 64.914-16.02 25.42 28.572-4.18z" }), /* @__PURE__ */ React.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__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__i)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "38", y: "64", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#EmptyPageImage__j)" }, /* @__PURE__ */ React.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" }))))),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__b)" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#EmptyPageImage__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#EmptyPageImage__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#EmptyPageImage__d)", d: "M22 0h122v104H22z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22 22h100v6H22z" }), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M96 46.5H48M85 40.5H59" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__e)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "80", height: "35", x: "32", y: "58", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.839" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#EmptyPageImage__g)", d: "m69.279 64.914-16.02 25.42 28.572-4.18z" }), /* @__PURE__ */ React.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__ */ React.createElement("g", { clipPath: "url(#EmptyPageImage__i)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "38", y: "64", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#EmptyPageImage__j)" }, /* @__PURE__ */ React.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" }))))),
13
13
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPageImage__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPageImage__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M22 28a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6v76H22z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPageImage__e" }, /* @__PURE__ */ React.createElement("rect", { width: "80", height: "35", x: "32", y: "58", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPageImage__f" }, /* @__PURE__ */ React.createElement("rect", { width: "80", height: "35", x: "32", y: "58", fill: "#fff", rx: "2.839" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EmptyPageImage__i" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "12", x: "38", y: "64", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EmptyPageImage__d", x1: "126.697", x2: "42.059", y1: "9.335", y2: "136.03", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EmptyPageImage__g", x1: "60.67", x2: "83.786", y1: "73.545", y2: "92.065", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EmptyPageImage__h", x1: "45.406", x2: "91.144", y1: "50.48", y2: "95.678", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EmptyPageImage__k", x1: "53.589", x2: "39.047", y1: "59.526", y2: "78.082", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "EmptyPageImage__c", width: "146", height: "128", x: "10", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_738_14947", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "EmptyPageImage__j", width: "20.12", height: "20.12", x: "37.44", y: "56.44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_738_14947", stdDeviation: ".78" })))
14
14
  );
15
15
  EmptyPageImage.displayName = "EmptyPageImage";
package/dist/esm/EventInfo.js CHANGED
@@ -9,6 +9,7 @@ const EventInfo = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EventInfo__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "16", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M36.672 24.633 23.246 41.639l24.294-2.144z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M56 28.946s-13.42-4.136-14.347-4.45c-.928-.312-6.683-1.76-4.981 2.416 1.69 4.15 2.617 5.746 2.985 6.454.369.71 1.869 3.597-1.905 4.662C33.473 39.235 16 43.378 16 43.378v4.882h40z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EventInfo__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "19", y: "19", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "4" }))),
12
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#EventInfo__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#EventInfo__b)", d: "M36.672 24.633 23.246 41.639l24.294-2.144z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#EventInfo__c)", d: "M56 28.946s-13.42-4.136-14.347-4.45c-.928-.312-6.683-1.76-4.981 2.416 1.69 4.15 2.617 5.746 2.985 6.454.369.71 1.869 3.597-1.905 4.662C33.473 39.235 16 43.378 16 43.378v4.882h40z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#EventInfo__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "19", y: "19", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#EventInfo__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#EventInfo__f)", d: "M24.319 14.122q-.522.103-1.023.287a6.56 6.56 0 0 0-3.386 2.832c-1.83 3.105-.812 7.081 2.276 8.882s7.073.74 8.904-2.364c1.83-3.106.812-7.083-2.273-8.88a6.44 6.44 0 0 0-4.498-.757" })))),
13
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M16 51h12v6H16z" }),
14
15
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "EventInfo__b", x1: "29.217", x2: "51.677", y1: "30.673", y2: "50.306", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EventInfo__c", x1: "25.044", x2: "52.468", y1: "32.348", y2: "51.029", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "EventInfo__f", x1: "30.156", x2: "19.036", y1: "15.167", y2: "29.357", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EventInfo__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "16", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "EventInfo__d" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "19", y: "19", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("filter", { id: "EventInfo__e", width: "17.334", height: "17.334", x: "16.833", y: "11.833", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22041", stdDeviation: "1.083" })))
package/dist/esm/ExpandAnimation.js CHANGED
@@ -9,6 +9,8 @@ const ExpandAnimation = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ExpandAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 21.858 36)" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ExpandAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.142", height: "14.142", x: "26", y: "36", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "2", transform: "rotate(-45 26 36)" })),
12
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ExpandAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.858 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandAnimation__c)", d: "M3.473 17.615 36-14.912l32.527 32.527L36 50.142z" }))),
13
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ExpandAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.142", height: "14.142", x: "26", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandAnimation__f)", d: "M3.372 13.373 35.9-19.154l32.527 32.527L35.9 45.9z" }))),
14
16
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ExpandAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "8.486", height: "8.486", x: "29.999", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 30 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandAnimation__i)", d: "m3 8.999 32.527-32.527L68.054 9 35.527 41.526z" }))),
package/dist/esm/ExpandClick.js CHANGED
@@ -9,6 +9,8 @@ const ExpandClick = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ExpandClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "18", height: "30", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "9", transform: "matrix(0 -1 -1 0 51 45.055)" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ExpandClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "24", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "6", transform: "matrix(0 -1 -1 0 48 42)" })),
12
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ExpandClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "18", height: "30", fill: "var(--wds-illustration-color-1, #002291)", rx: "9", transform: "matrix(0 -1 -1 0 51 45.055)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandClick__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandClick__c)", d: "M67 45.055V16.272H21v28.783z" }))),
13
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ExpandClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 48 42)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandClick__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandClick__f)", d: "M78.684 42V15.131H24V42z" }))),
14
16
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ExpandClick__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "6", height: "17", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 44.5 39)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandClick__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandClick__i)", d: "M80.945 39V21.008H27.5V39z" }))),
package/dist/esm/ExpandHover.js CHANGED
@@ -17,6 +17,8 @@ const ExpandHover = (props) => /* @__PURE__ */ React.createElement(
17
17
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M19.147 53.121a.5.5 0 0 1-.144-.398l.353-3.89.996.09-.3 3.293 3.293-.3.09.996-3.89.353-.11-.002a.5.5 0 0 1-.288-.142" }),
18
18
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__d)", d: "m46.146 47.121 6 6 .707-.707-6-6z" }),
19
19
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M52.852 53.121a.5.5 0 0 0 .145-.398l-.354-3.89-.995.09.3 3.293-3.293-.3-.09.996 3.889.353.11-.002a.5.5 0 0 0 .288-.142" }),
20
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ExpandHover__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2.217" })),
21
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ExpandHover__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "15.4", height: "15.4", x: "28.3", y: "28.301", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "1.663" })),
20
22
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ExpandHover__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.217" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandHover__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__g)", d: "M25-3.828h51.002v51.001H25z" }))),
21
23
  /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ExpandHover__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "15.4", height: "15.4", x: "28.3", y: "28.301", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.663" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandHover__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__j)", d: "M28.3-8.18h51.002v51.002H28.3z" }))),
22
24
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ExpandHover__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "8.414", height: "8.414", x: "31.793", y: "31.793", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.109" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandHover__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__m)", d: "M31.794-10.543h51.002v51.002H31.794z" }))),
package/dist/esm/ExpandScroll.js CHANGED
@@ -9,10 +9,12 @@ const ExpandScroll = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ExpandScroll__a", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732l-9.094 5.25a2 2 0 0 1-2 0l-9.095-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732l9.095-5.25a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M73.582 8.346a5.57 5.57 0 0 1 2.786 4.826v32.57c0 1.99-1.062 3.83-2.786 4.825L45.376 66.852a5.57 5.57 0 0 1-5.572 0L11.597 50.567a5.57 5.57 0 0 1-2.786-4.825v-32.57c0-1.991 1.062-3.83 2.786-4.826L39.804-7.939a5.57 5.57 0 0 1 5.572 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__c)", d: "M65.872 21.312v27.473L42.08 62.522 18.287 48.785V21.312L42.08 7.575z" })))),
13
- /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ExpandScroll__d", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.164 30.648a2 2 0 0 1 1 1.732v7.144a2 2 0 0 1-1 1.732l-6.187 3.572a2 2 0 0 1-2 0l-6.187-3.572a2 2 0 0 1-1-1.732V32.38a2 2 0 0 1 1-1.732l6.187-3.572a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63.25 14.682a4.01 4.01 0 0 1 2.007 3.476v23.458a4.01 4.01 0 0 1-2.006 3.475l-20.315 11.73a4.01 4.01 0 0 1-4.014 0L18.607 45.09a4.01 4.01 0 0 1-2.006-3.475V18.158c0-1.434.765-2.759 2.006-3.476L38.923 2.953a4.01 4.01 0 0 1 4.013 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__f)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
12
+ /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M68.818 8.346c1.623.996 2.622 2.835 2.622 4.826v32.57c0 1.99-1 3.83-2.622 4.825L42.273 66.852a4.98 4.98 0 0 1-5.245 0L10.484 50.567c-1.623-.995-2.622-2.835-2.622-4.825v-32.57c0-1.991 1-3.83 2.622-4.826L37.029-7.939a4.98 4.98 0 0 1 5.243 0z" }))),
13
+ /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", d: "M59.82 14.682c1.168.717 1.888 2.042 1.888 3.476v23.458c0 1.433-.72 2.758-1.888 3.475L40.7 56.821a3.59 3.59 0 0 1-3.776 0l-19.12-11.73c-1.168-.717-1.888-2.042-1.888-3.475V18.158c0-1.434.72-2.759 1.889-3.476L36.924 2.953a3.59 3.59 0 0 1 3.777 0z" }))),
14
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ExpandScroll__a", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732l-9.094 5.25a2 2 0 0 1-2 0l-9.095-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732l9.095-5.25a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M68.818 8.346c1.623.996 2.622 2.835 2.622 4.826v32.57c0 1.99-1 3.83-2.622 4.825L42.273 66.852a4.98 4.98 0 0 1-5.245 0L10.484 50.567c-1.623-.995-2.622-2.835-2.622-4.825v-32.57c0-1.991 1-3.83 2.622-4.826L37.029-7.939a4.98 4.98 0 0 1 5.243 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__c)", d: "M65.872 21.312v27.473L42.08 62.522 18.287 48.785V21.312L42.08 7.575z" })))),
15
+ /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ExpandScroll__d", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.164 30.648a2 2 0 0 1 1 1.732v7.144a2 2 0 0 1-1 1.732l-6.187 3.572a2 2 0 0 1-2 0l-6.187-3.572a2 2 0 0 1-1-1.732V32.38a2 2 0 0 1 1-1.732l6.187-3.572a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M59.82 14.682c1.168.717 1.888 2.042 1.888 3.476v23.458c0 1.433-.72 2.758-1.888 3.475L40.7 56.821a3.59 3.59 0 0 1-3.776 0l-19.12-11.73c-1.168-.717-1.888-2.042-1.888-3.475V18.158c0-1.434.72-2.759 1.889-3.476L36.924 2.953a3.59 3.59 0 0 1 3.777 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__f)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
14
16
  /* @__PURE__ */ React.createElement("mask", { id: "ExpandScroll__g", width: "12", height: "12", x: "30", y: "30", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.101 32.418a2 2 0 0 1 1 1.732v3.607a2 2 0 0 1-1 1.732l-3.124 1.804a2 2 0 0 1-2 0l-3.123-1.804a2 2 0 0 1-1-1.732V34.15a2 2 0 0 1 1-1.732l3.123-1.804a2 2 0 0 1 2 0z" })),
15
- /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55.589 22.581a2.47 2.47 0 0 1 1.236 2.142v14.455c0 .883-.471 1.7-1.236 2.141L43.07 48.546a2.47 2.47 0 0 1-2.473 0L28.08 41.32a2.47 2.47 0 0 1-1.237-2.142V24.724c0-.884.472-1.7 1.237-2.142l12.518-7.227a2.47 2.47 0 0 1 2.473 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__i)", d: "M52.393 25.856V38.05l-10.559 6.096-10.56-6.096V25.856l10.56-6.096z" }))),
17
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M53.475 22.581c.72.442 1.163 1.258 1.163 2.142v14.455c0 .883-.443 1.7-1.163 2.141l-11.781 7.227a2.21 2.21 0 0 1-2.328 0l-11.78-7.227c-.72-.442-1.164-1.258-1.164-2.142V24.724c0-.884.443-1.7 1.163-2.142l11.781-7.227a2.21 2.21 0 0 1 2.328 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__i)", d: "M52.393 25.856V38.05l-10.559 6.096-10.56-6.096V25.856l10.56-6.096z" }))),
16
18
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__j)", d: "m43.783 26.035 6-6 .707.707-6 6z" }),
17
19
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M50.49 20.035a.5.5 0 0 1 .144.399l-.353 3.889-.996-.09.3-3.293-3.293.3-.09-.995 3.89-.354.11.002a.5.5 0 0 1 .288.142" }),
18
20
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__k)", d: "m28.525 26.035-6-6-.708.707 6 6z" }),
package/dist/esm/FadeBackSection.js CHANGED
@@ -9,6 +9,8 @@ const FadeBackSection = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FadeBackSection__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M20 29.11a2 2 0 0 1 2-2h8.667v17.777H22a2 2 0 0 1-2-2z" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FadeBackSection__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M30.668 27.11h10.667v17.777H30.668z" })),
12
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#FadeBackSection__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M20 29.11a2 2 0 0 1 2-2h8.667v17.777H22a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeBackSection__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__c)", d: "M20 5.664H71v39.618H20z" }))),
13
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#FadeBackSection__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30.668 27.11h10.667v17.777H30.668z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeBackSection__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__f)", d: "M30.668 7.148h51.001v37.96H30.668z" }))),
14
16
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FadeBackSection__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M41.332 27.11h8.667a2 2 0 0 1 2 2v13.777a2 2 0 0 1-2 2h-8.667z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeBackSection__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__i)", d: "M41.332 14.594h53.5v30.515h-53.5z" }))),