@wix/design-system-illustrations 2.12.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 (187) 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/cjs/index.js +0 -3
  89. package/dist/esm/AppearClick.js +1 -0
  90. package/dist/esm/AppearHover.js +1 -0
  91. package/dist/esm/ArcEntrance.js +2 -0
  92. package/dist/esm/Aspect3DSection.js +4 -0
  93. package/dist/esm/Bounce.js +1 -1
  94. package/dist/esm/BounceAnimation.js +2 -0
  95. package/dist/esm/BounceEntrance.js +4 -3
  96. package/dist/esm/BounceLoop.js +4 -3
  97. package/dist/esm/BreathAnimation.js +2 -0
  98. package/dist/esm/BreathLoop.js +2 -0
  99. package/dist/esm/CircleMarker.js +3 -3
  100. package/dist/esm/ClockWipe.js +1 -1
  101. package/dist/esm/CrossLoop.js +2 -0
  102. package/dist/esm/Cube.js +1 -0
  103. package/dist/esm/CustomImage.js +1 -0
  104. package/dist/esm/DonutChart.js +1 -1
  105. package/dist/esm/Drop.js +1 -1
  106. package/dist/esm/EmptyPage.js +1 -1
  107. package/dist/esm/EmptyPageImage.js +1 -1
  108. package/dist/esm/EventInfo.js +1 -0
  109. package/dist/esm/ExpandAnimation.js +2 -0
  110. package/dist/esm/ExpandClick.js +2 -0
  111. package/dist/esm/ExpandHover.js +2 -0
  112. package/dist/esm/ExpandScroll.js +5 -3
  113. package/dist/esm/FadeBackSection.js +2 -0
  114. package/dist/esm/FillParallaxScroll.js +2 -0
  115. package/dist/esm/FillReveal.js +1 -0
  116. package/dist/esm/FlapLoop.js +2 -0
  117. package/dist/esm/Flip.js +1 -0
  118. package/dist/esm/FlipAnimation.js +2 -0
  119. package/dist/esm/FlipLoop.js +2 -0
  120. package/dist/esm/FloatEntrance.js +2 -0
  121. package/dist/esm/Fold.js +1 -1
  122. package/dist/esm/FoldAnimation.js +2 -0
  123. package/dist/esm/FreeformImage.js +1 -0
  124. package/dist/esm/GlideEntrance.js +3 -0
  125. package/dist/esm/GlitchAnimation.js +2 -0
  126. package/dist/esm/GrowEntrance.js +2 -0
  127. package/dist/esm/ImagePositionLeft.js +1 -0
  128. package/dist/esm/ImagePositionRight.js +1 -0
  129. package/dist/esm/Iris.js +1 -1
  130. package/dist/esm/JelloLoop.js +3 -0
  131. package/dist/esm/LayeredElipseDivider.js +1 -1
  132. package/dist/esm/MoveClick.js +2 -0
  133. package/dist/esm/MoveHorizontalHover.js +3 -0
  134. package/dist/esm/OnImage.js +1 -0
  135. package/dist/esm/PanSection.js +2 -0
  136. package/dist/esm/ParallaxSection.js +2 -0
  137. package/dist/esm/PieChart.js +1 -0
  138. package/dist/esm/PokeLoop.js +2 -0
  139. package/dist/esm/PullBackSection.js +2 -0
  140. package/dist/esm/PulseLoop.js +2 -0
  141. package/dist/esm/ResizeOptionsCrop.js +1 -0
  142. package/dist/esm/ResizeOptionsFit.js +1 -1
  143. package/dist/esm/Reveal.js +1 -0
  144. package/dist/esm/RevealAnimation.js +1 -0
  145. package/dist/esm/RevealSection.js +1 -0
  146. package/dist/esm/RightWaveDivider.js +1 -1
  147. package/dist/esm/RotateClick.js +2 -0
  148. package/dist/esm/RotateHover.js +1 -0
  149. package/dist/esm/RotateSection.js +1 -0
  150. package/dist/esm/RubberMouse.js +4 -0
  151. package/dist/esm/ScrollEffectsDisappear.js +1 -1
  152. package/dist/esm/ScrollEffectsFadeOut.js +1 -1
  153. package/dist/esm/ScrollEffectsMoveWithPage.js +1 -1
  154. package/dist/esm/ScrollEffectsStayFixed.js +1 -1
  155. package/dist/esm/ShapeEntrance.js +1 -0
  156. package/dist/esm/Shrink.js +2 -0
  157. package/dist/esm/ShrinkClick.js +2 -0
  158. package/dist/esm/ShrinkHover.js +2 -0
  159. package/dist/esm/ShrinkScroll.js +5 -3
  160. package/dist/esm/Shuffle.js +1 -0
  161. package/dist/esm/SkewClick.js +1 -0
  162. package/dist/esm/SkewHover.js +1 -0
  163. package/dist/esm/SkewSection.js +1 -0
  164. package/dist/esm/SlideAnimation.js +2 -0
  165. package/dist/esm/SpinAnimation.js +1 -0
  166. package/dist/esm/Swap.js +1 -1
  167. package/dist/esm/SwingLoop.js +2 -0
  168. package/dist/esm/TiltAnimation.js +1 -1
  169. package/dist/esm/TiltEntrance.js +2 -0
  170. package/dist/esm/TurnEntrance.js +2 -0
  171. package/dist/esm/TwistClick.js +2 -0
  172. package/dist/esm/TwistHover.js +2 -0
  173. package/dist/esm/TypeWriter.js +1 -0
  174. package/dist/esm/WinkEntrance.js +1 -0
  175. package/dist/esm/ZoomSection.js +2 -0
  176. package/dist/esm/index.js +0 -2
  177. package/dist/types/index.d.ts +0 -1
  178. package/package.json +3 -3
  179. package/src/BounceEntrance.svg +6 -2
  180. package/src/BounceLoop.svg +7 -2
  181. package/src/CircleMarker.svg +14 -8
  182. package/src/ExpandScroll.svg +3 -3
  183. package/src/ShrinkScroll.svg +3 -3
  184. package/dist/cjs/ThumbnailNameexample.js +0 -52
  185. package/dist/esm/ThumbnailNameexample.js +0 -18
  186. package/dist/types/ThumbnailNameexample.d.ts +0 -5
  187. package/src/ThumbnailNameexample.svg +0 -4
package/dist/cjs/EventInfo.js CHANGED
@@ -42,6 +42,7 @@ const EventInfo = (props) => /* @__PURE__ */ import_react.default.createElement(
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#EventInfo__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "32", x: "16", y: "16", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "3" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M36.672 24.633 23.246 41.639l24.294-2.144z" }), /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { clipPath: "url(#EventInfo__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "8", height: "8", x: "19", y: "19", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "4" }))),
45
46
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#EventInfo__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "32", x: "16", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#EventInfo__b)", d: "M36.672 24.633 23.246 41.639l24.294-2.144z" }), /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { clipPath: "url(#EventInfo__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "8", height: "8", x: "19", y: "19", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#EventInfo__e)" }, /* @__PURE__ */ import_react.default.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" })))),
46
47
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M16 51h12v6H16z" }),
47
48
  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "EventInfo__b", x1: "29.217", x2: "51.677", y1: "30.673", y2: "50.306", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "EventInfo__c", x1: "25.044", x2: "52.468", y1: "32.348", y2: "51.029", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "EventInfo__f", x1: "30.156", x2: "19.036", y1: "15.167", y2: "29.357", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "EventInfo__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "32", x: "16", y: "16", fill: "#fff", rx: "3" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "EventInfo__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "8", height: "8", x: "19", y: "19", fill: "#fff", rx: "4" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "EventInfo__e", width: "17.334", height: "17.334", x: "16.833", y: "11.833", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22041", stdDeviation: "1.083" })))
package/dist/cjs/ExpandAnimation.js CHANGED
@@ -42,6 +42,8 @@ const ExpandAnimation = (props) => /* @__PURE__ */ import_react.default.createEl
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ExpandAnimation__a)" }, /* @__PURE__ */ import_react.default.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)" })),
46
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ExpandAnimation__d)" }, /* @__PURE__ */ import_react.default.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)" })),
45
47
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ExpandAnimation__a)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ExpandAnimation__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandAnimation__c)", d: "M3.473 17.615 36-14.912l32.527 32.527L36 50.142z" }))),
46
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#ExpandAnimation__d)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ExpandAnimation__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandAnimation__f)", d: "M3.372 13.373 35.9-19.154l32.527 32.527L35.9 45.9z" }))),
47
49
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ExpandAnimation__g)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ExpandAnimation__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandAnimation__i)", d: "m3 8.999 32.527-32.527L68.054 9 35.527 41.526z" }))),
package/dist/cjs/ExpandClick.js CHANGED
@@ -42,6 +42,8 @@ const ExpandClick = (props) => /* @__PURE__ */ import_react.default.createElemen
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ExpandClick__a)" }, /* @__PURE__ */ import_react.default.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)" })),
46
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ExpandClick__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "12", height: "24", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "6", transform: "matrix(0 -1 -1 0 48 42)" })),
45
47
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ExpandClick__a)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ExpandClick__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandClick__c)", d: "M67 45.055V16.272H21v28.783z" }))),
46
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#ExpandClick__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "12", height: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 48 42)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ExpandClick__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandClick__f)", d: "M78.684 42V15.131H24V42z" }))),
47
49
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ExpandClick__g)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ExpandClick__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandClick__i)", d: "M80.945 39V21.008H27.5V39z" }))),
package/dist/cjs/ExpandHover.js CHANGED
@@ -50,6 +50,8 @@ const ExpandHover = (props) => /* @__PURE__ */ import_react.default.createElemen
50
50
  /* @__PURE__ */ import_react.default.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" }),
51
51
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandHover__d)", d: "m46.146 47.121 6 6 .707-.707-6-6z" }),
52
52
  /* @__PURE__ */ import_react.default.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" }),
53
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ExpandHover__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2.217" })),
54
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ExpandHover__h)" }, /* @__PURE__ */ import_react.default.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" })),
53
55
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ExpandHover__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.217" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ExpandHover__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandHover__g)", d: "M25-3.828h51.002v51.001H25z" }))),
54
56
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#ExpandHover__h)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ExpandHover__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandHover__j)", d: "M28.3-8.18h51.002v51.002H28.3z" }))),
55
57
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ExpandHover__k)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ExpandHover__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandHover__m)", d: "M31.794-10.543h51.002v51.002H31.794z" }))),
package/dist/cjs/ExpandScroll.js CHANGED
@@ -42,10 +42,12 @@ const ExpandScroll = (props) => /* @__PURE__ */ import_react.default.createEleme
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
- /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ExpandScroll__a", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { mask: "url(#ExpandScroll__a)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ExpandScroll__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandScroll__c)", d: "M65.872 21.312v27.473L42.08 62.522 18.287 48.785V21.312L42.08 7.575z" })))),
46
- /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ExpandScroll__d", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { mask: "url(#ExpandScroll__d)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ExpandScroll__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandScroll__f)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
45
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ExpandScroll__a)" }, /* @__PURE__ */ import_react.default.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" }))),
46
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ExpandScroll__d)" }, /* @__PURE__ */ import_react.default.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" }))),
47
+ /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ExpandScroll__a", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { mask: "url(#ExpandScroll__a)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ExpandScroll__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandScroll__c)", d: "M65.872 21.312v27.473L42.08 62.522 18.287 48.785V21.312L42.08 7.575z" })))),
48
+ /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ExpandScroll__d", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { mask: "url(#ExpandScroll__d)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ExpandScroll__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandScroll__f)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
47
49
  /* @__PURE__ */ import_react.default.createElement("mask", { id: "ExpandScroll__g", width: "12", height: "12", x: "30", y: "30", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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" })),
48
- /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ExpandScroll__g)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ExpandScroll__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandScroll__i)", d: "M52.393 25.856V38.05l-10.559 6.096-10.56-6.096V25.856l10.56-6.096z" }))),
50
+ /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ExpandScroll__g)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#ExpandScroll__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandScroll__i)", d: "M52.393 25.856V38.05l-10.559 6.096-10.56-6.096V25.856l10.56-6.096z" }))),
49
51
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandScroll__j)", d: "m43.783 26.035 6-6 .707.707-6 6z" }),
50
52
  /* @__PURE__ */ import_react.default.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" }),
51
53
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ExpandScroll__k)", d: "m28.525 26.035-6-6-.708.707 6 6z" }),
package/dist/cjs/FadeBackSection.js CHANGED
@@ -42,6 +42,8 @@ const FadeBackSection = (props) => /* @__PURE__ */ import_react.default.createEl
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FadeBackSection__a)" }, /* @__PURE__ */ import_react.default.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" })),
46
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FadeBackSection__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M30.668 27.11h10.667v17.777H30.668z" })),
45
47
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#FadeBackSection__a)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#FadeBackSection__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeBackSection__c)", d: "M20 5.664H71v39.618H20z" }))),
46
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#FadeBackSection__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30.668 27.11h10.667v17.777H30.668z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FadeBackSection__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeBackSection__f)", d: "M30.668 7.148h51.001v37.96H30.668z" }))),
47
49
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FadeBackSection__g)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#FadeBackSection__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeBackSection__i)", d: "M41.332 14.594h53.5v30.515h-53.5z" }))),
package/dist/cjs/FillParallaxScroll.js CHANGED
@@ -42,6 +42,8 @@ const FillParallaxScroll = (props) => /* @__PURE__ */ import_react.default.creat
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M35 22.437a2 2 0 0 1 2 0l10.249 5.917a2 2 0 0 1 1 1.732V41.92a2 2 0 0 1-1 1.732L37 49.57a2 2 0 0 1-2 0l-10.249-5.917a2 2 0 0 1-1-1.732V30.086a2 2 0 0 1 1-1.732z" }),
46
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FillParallaxScroll__a)", clipPath: "url(#FillParallaxScroll__b)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FillParallaxScroll__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.922", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2.098" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "m36.441 29.305-9.095 14.684 16.221-2.415z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M52.786 34.551s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.97-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FillParallaxScroll__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.211", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "3.631" })))),
45
47
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M35 22.437a2 2 0 0 1 2 0l10.249 5.917a2 2 0 0 1 1 1.732V41.92a2 2 0 0 1-1 1.732L37 49.57a2 2 0 0 1-2 0l-10.249-5.917a2 2 0 0 1-1-1.732V30.086a2 2 0 0 1 1-1.732z", opacity: ".25" }),
46
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "FillParallaxScroll__a", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M34.951 22.574a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.817v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87A2.1 2.1 0 0 1 23.735 42V30.26c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FillParallaxScroll__a)", clipPath: "url(#FillParallaxScroll__b)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FillParallaxScroll__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.922", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillParallaxScroll__d)", d: "m36.441 29.305-9.095 14.684 16.221-2.415z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillParallaxScroll__e)", d: "M52.786 34.551s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.97-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FillParallaxScroll__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.211", fill: "var(--wds-illustration-color-6, #002296)", rx: "3.631" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FillParallaxScroll__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillParallaxScroll__h)", d: "M27.792 22.714q-.481.095-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.69 2.864-.75 6.532 2.1 8.193 2.848 1.66 6.525.684 8.214-2.18 1.689-2.866.749-6.535-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
47
49
  /* @__PURE__ */ import_react.default.createElement("mask", { id: "FillParallaxScroll__i", width: "32", height: "16", x: "20", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M20.014 21.703h31.973v14.363H20.014z" })),
package/dist/cjs/FillReveal.js CHANGED
@@ -42,6 +42,7 @@ const FillReveal = (props) => /* @__PURE__ */ import_react.default.createElement
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FillReveal__a)", clipPath: "url(#FillReveal__b)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FillReveal__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.785", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2.098" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "m36.441 29.184-9.095 14.684 16.221-2.415z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M52.786 34.426s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.97-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FillReveal__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.082", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "3.631" })))),
45
46
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "FillReveal__a", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M34.951 22.442a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.816v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FillReveal__a)", clipPath: "url(#FillReveal__b)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FillReveal__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.785", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillReveal__d)", d: "m36.441 29.184-9.095 14.684 16.221-2.415z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillReveal__e)", d: "M52.786 34.426s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.97-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FillReveal__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.082", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FillReveal__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillReveal__h)", d: "M27.792 22.581q-.481.096-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.69 2.864-.75 6.532 2.1 8.193 2.848 1.661 6.525.684 8.214-2.18 1.689-2.866.749-6.534-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
46
47
  /* @__PURE__ */ import_react.default.createElement("mask", { id: "FillReveal__i", width: "32", height: "24", x: "20", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M20.014 15.688h31.973v23.295H20.014z" })),
47
48
  /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FillReveal__i)" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "FillReveal__j", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M34.949 22.446a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.816v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FillReveal__j)", clipPath: "url(#FillReveal__k)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FillReveal__l)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.789", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillReveal__m)", d: "m36.44 29.188-9.096 14.684 16.221-2.415z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillReveal__n)", d: "M52.784 34.43s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.969-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FillReveal__o)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "27.086", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FillReveal__p)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FillReveal__q)", d: "M27.79 22.585q-.481.095-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.689 2.864-.75 6.532 2.1 8.193 2.848 1.66 6.525.684 8.214-2.18 1.689-2.866.749-6.534-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
package/dist/cjs/FlapLoop.js CHANGED
@@ -42,6 +42,8 @@ const FlapLoop = (props) => /* @__PURE__ */ import_react.default.createElement(
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FlapLoop__a)" }, /* @__PURE__ */ import_react.default.createElement("circle", { cx: "21.125", cy: "21.125", r: "21.125", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", transform: "matrix(0 -1 -1 0 66.468 52.938)" }))),
46
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FlapLoop__d)" }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "25.095", cy: "43.083", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "25.095", ry: "43.083", transform: "matrix(0 -1 -1 0 96.513 38.426)" }))),
45
47
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "FlapLoop__a", width: "29", height: "28", x: "26", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("circle", { cx: "14", cy: "14", r: "14", fill: "var(--wds-illustration-color-1, #002291)", transform: "matrix(0 -1 -1 0 54.564 50)" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FlapLoop__a)" }, /* @__PURE__ */ import_react.default.createElement("circle", { cx: "21.125", cy: "21.125", r: "21.125", fill: "var(--wds-illustration-color-1, #002291)", transform: "matrix(0 -1 -1 0 66.468 52.938)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FlapLoop__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FlapLoop__c)", d: "M63.466 35.17c-.196.985-.468 1.959-.816 2.907a18.65 18.65 0 0 1-8.048 9.619c-8.82 5.202-20.119 2.307-25.234-6.466s-2.105-20.098 6.715-25.3c8.826-5.201 20.125-2.307 25.233 6.46 2.34 4.007 2.978 8.538 2.15 12.78" })))),
46
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "FlapLoop__d", width: "29", height: "17", x: "26", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "8.155", cy: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "8.155", ry: "14", transform: "matrix(0 -1 -1 0 54.66 36.621)" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FlapLoop__d)" }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "25.095", cy: "43.083", fill: "var(--wds-illustration-color-1, #002291)", rx: "25.095", ry: "43.083", transform: "matrix(0 -1 -1 0 96.513 38.426)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FlapLoop__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FlapLoop__f)", d: "M91.146 15.598a18.2 18.2 0 0 1-1.665 3.704c-2.94 4.96-8.54 9.357-16.421 12.256-17.996 6.627-41.048 2.939-51.484-8.238S17.28-2.286 35.276-8.913c18.008-6.627 41.06-2.94 51.484 8.23 4.773 5.104 6.075 10.878 4.386 16.281" })))),
47
49
  /* @__PURE__ */ import_react.default.createElement("mask", { id: "FlapLoop__g", width: "29", height: "7", x: "26", y: "19", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "3.185", cy: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3.185", ry: "14", transform: "matrix(0 -1 -1 0 54.66 25.48)" })),
package/dist/cjs/Flip.js CHANGED
@@ -43,6 +43,7 @@ const Flip = (props) => /* @__PURE__ */ import_react.default.createElement(
43
43
  ...props
44
44
  },
45
45
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.5 19v34h-1V19z" }),
46
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Flip__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M39 17.63H-1v37.896h40z" }))),
46
47
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "Flip__b", width: "23", height: "30", x: "11", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Flip__a)", d: "M34 24.902a2 2 0 0 0-1.728-1.981l-19-2.609A2 2 0 0 0 11 22.293v25.414a2 2 0 0 0 2.272 1.981l19-2.609A2 2 0 0 0 34 45.098z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Flip__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M39 17.63H-1v37.896h40z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Flip__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Flip__d)", d: "M11 0h61l.536 43.132L11 49.447z" })))),
47
48
  /* @__PURE__ */ import_react.default.createElement("mask", { id: "Flip__f", width: "23", height: "30", x: "38", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Flip__e)", d: "M38 24.902a2 2 0 0 1 1.728-1.981l19-2.609A2 2 0 0 1 61 22.293v25.414a2 2 0 0 1-2.272 1.981l-19-2.609A2 2 0 0 1 38 45.098z" })),
48
49
  /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Flip__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M33 17.631h40v37.895H33z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Flip__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Flip__h)", d: "M38 0h33.54L72 52l-34-4.927z" }))),
package/dist/cjs/FlipAnimation.js CHANGED
@@ -42,6 +42,8 @@ const FlipAnimation = (props) => /* @__PURE__ */ import_react.default.createElem
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FlipAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "22", y: "36", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 22 36)" })),
46
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FlipAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "16.687", height: "16.687", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "2", transform: "scale(.7507 1.19852)rotate(-45 54.429 -28.855)" })),
45
47
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#FlipAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "22", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 22 36)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FlipAnimation__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FlipAnimation__c)", d: "m3.615 17.615 32.527-32.527L68.67 17.615 36.142 50.142z" }))),
46
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#FlipAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "16.687", height: "16.687", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.7507 1.19852)rotate(-45 54.429 -28.855)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FlipAnimation__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FlipAnimation__f)", d: "m11.89 11.422 24.418-38.984 24.418 38.984-24.418 38.984z" }))),
47
49
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FlipAnimation__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "14.953", height: "14.953", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.45944 1.3375)rotate(-45 66.533 -68.739)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FlipAnimation__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FlipAnimation__i)", d: "m21.213 6.678 14.944-43.505L51.101 6.678 36.157 50.183z" }))),
package/dist/cjs/FlipLoop.js CHANGED
@@ -44,6 +44,8 @@ const FlipLoop = (props) => /* @__PURE__ */ import_react.default.createElement(
44
44
  },
45
45
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FlipLoop__a)", d: "M36.241 55.82c3.352 0 6.182-1.03 8.167-2.055a19 19 0 0 0 2.32-1.413 14 14 0 0 0 .785-.606l.043-.037q.008-.006.012-.01l.003-.004h.002l-.664-.749v.001l-.009.007-.035.03q-.047.041-.143.118c-.13.105-.323.256-.577.437a18 18 0 0 1-2.196 1.337c-1.89.975-4.56 1.944-7.708 1.944-3.143 0-5.556-.966-7.182-1.93a12.5 12.5 0 0 1-1.84-1.322 9 9 0 0 1-.57-.544l-.026-.027-.006-.006-.376.33-.376.33h.002l.003.004.01.012.036.04.133.137c.116.117.287.282.512.478.448.392 1.114.91 1.988 1.428 1.749 1.036 4.336 2.07 7.692 2.07" }),
46
46
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.847 51.014a.5.5 0 0 0-.09.429l1 4 .97-.243-.846-3.38 3.36.001v-1h-4l-.113.013a.5.5 0 0 0-.28.18" }),
47
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FlipLoop__b)" }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "41.902", cy: "24.476", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "26.703", ry: "26.726" }))),
48
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FlipLoop__e)" }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "42.524", cy: "20.267", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "21.029", ry: "32.396" }))),
47
49
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "FlipLoop__b", width: "30", height: "31", x: "21", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "36", cy: "31.369", fill: "var(--wds-illustration-color-1, #002291)", rx: "15", ry: "15.013" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FlipLoop__b)" }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "41.902", cy: "24.476", fill: "var(--wds-illustration-color-1, #002291)", rx: "26.703", ry: "26.726" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FlipLoop__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FlipLoop__d)", d: "M37.659 1.558a24.6 24.6 0 0 0-3.677 1.032 23.58 23.58 0 0 0-12.165 10.178C15.24 23.922 18.9 38.21 29.994 44.678c11.094 6.47 25.417 2.663 31.994-8.49 6.578-11.163 2.918-25.45-8.168-31.911C48.753 1.318 43.022.51 37.659 1.558" })))),
48
50
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "FlipLoop__e", width: "20", height: "31", x: "26", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "35.999", cy: "31.367", fill: "var(--wds-illustration-color-1, #002291)", rx: "9.704", ry: "14.949" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FlipLoop__e)" }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "42.524", cy: "20.267", fill: "var(--wds-illustration-color-1, #002291)", rx: "21.029", ry: "32.396" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FlipLoop__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FlipLoop__g)", d: "M40.623-8.09c-1.052.3-2.092.717-3.104 1.25-4.156 2.212-7.84 6.422-10.27 12.35-5.553 13.531-2.463 30.866 6.903 38.713s21.458 3.23 27.011-10.301c5.554-13.542 2.463-30.877-6.896-38.715-4.278-3.589-9.116-4.569-13.644-3.298" })))),
49
51
  /* @__PURE__ */ import_react.default.createElement("mask", { id: "FlipLoop__h", width: "8", height: "31", x: "32", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "36", cy: "31.369", fill: "#D9D9D9", rx: "3.018", ry: "14.889" })),
package/dist/cjs/FloatEntrance.js CHANGED
@@ -42,6 +42,8 @@ const FloatEntrance = (props) => /* @__PURE__ */ import_react.default.createElem
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FloatEntrance__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "26.858", y: "45", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2", transform: "rotate(-45 26.858 45)" })),
46
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FloatEntrance__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "26.858", y: "35.93", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 26.858 35.93)" })),
45
47
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#FloatEntrance__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "26.858", y: "45", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26.858 45)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FloatEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FloatEntrance__c)", d: "M8.473 26.613 41-5.914l32.527 32.527L41 59.14z" }))),
46
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#FloatEntrance__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "26.858", y: "35.93", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26.858 35.93)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FloatEntrance__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FloatEntrance__f)", d: "M8.473 17.543 41-14.984l32.527 32.527L41 50.07z" }))),
47
49
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FloatEntrance__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "26.858", y: "27", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26.858 27)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FloatEntrance__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FloatEntrance__i)", d: "M8.473 8.613 41-23.914 73.527 8.613 41 41.14z" }))),
package/dist/cjs/Fold.js CHANGED
@@ -42,7 +42,7 @@ const Fold = (props) => /* @__PURE__ */ import_react.default.createElement(
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
- /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Fold__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Fold__b)" }, /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#Fold__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Fold__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fold__e)", d: "M11 .5h61v51H11z" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "Fold__g", width: "54", height: "26", x: "9", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fold__f)", d: "M62.408 23.967a2 2 0 0 0-1.944-2.467H11.537a2 2 0 0 0-1.945 2.467l5.04 21a2 2 0 0 0 1.945 1.533h38.846a2 2 0 0 0 1.945-1.533z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Fold__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Fold__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fold__i)", d: "m-4 2.5 94.928-.053L92 46.58 15 46.5z" })))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "Fold__k", width: "53", height: "21", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fold__j)", d: "M62 21.5H10l6.532 18.66a2 2 0 0 0 1.887 1.34h35.162a2 2 0 0 0 1.888-1.34z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Fold__k)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Fold__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fold__m)", d: "m-2-2.5 94.928-.053L94 41.58 17 41.5z" })))), /* @__PURE__ */ import_react.default.createElement("mask", { id: "Fold__o", width: "51", height: "16", x: "11", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fold__n)", d: "M61 21.5H11l7.436 13.941A2 2 0 0 0 20.2 36.5h31.6a2 2 0 0 0 1.765-1.059z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Fold__o)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Fold__p)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fold__q)", d: "m0-7.5 94.928-.053L96 36.58 19 36.5z" }))))),
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Fold__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Fold__b)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Fold__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Fold__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M75 19.13H-5v37.896h80z" }))), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Fold__k)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", d: "M75 19.13H-5v37.896h80z" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#Fold__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Fold__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fold__e)", d: "M11 .5h61v51H11z" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "Fold__g", width: "54", height: "26", x: "9", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fold__f)", d: "M62.408 23.967a2 2 0 0 0-1.944-2.467H11.537a2 2 0 0 0-1.945 2.467l5.04 21a2 2 0 0 0 1.945 1.533h38.846a2 2 0 0 0 1.945-1.533z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Fold__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Fold__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fold__i)", d: "m-4 2.5 94.928-.053L92 46.58 15 46.5z" })))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "Fold__k", width: "53", height: "21", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fold__j)", d: "M62 21.5H10l6.532 18.66a2 2 0 0 0 1.887 1.34h35.162a2 2 0 0 0 1.888-1.34z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Fold__k)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Fold__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fold__m)", d: "m-2-2.5 94.928-.053L94 41.58 17 41.5z" })))), /* @__PURE__ */ import_react.default.createElement("mask", { id: "Fold__o", width: "51", height: "16", x: "11", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fold__n)", d: "M61 21.5H11l7.436 13.941A2 2 0 0 0 20.2 36.5h31.6a2 2 0 0 0 1.765-1.059z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Fold__o)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Fold__p)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Fold__q)", d: "m0-7.5 94.928-.053L96 36.58 19 36.5z" }))))),
46
46
  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Fold__e", x1: "63.349", x2: "22.157", y1: "5.078", y2: "67.946", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Fold__f", x1: "18.465", x2: "44.057", y1: "24.6", y2: "71.471", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Fold__i", x1: "111.697", x2: "94.5", y1: "5.061", y2: "71.553", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Fold__j", x1: "18.465", x2: "42.814", y1: "24.502", y2: "70.55", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Fold__m", x1: "113.697", x2: "96.5", y1: ".061", y2: "66.553", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Fold__n", x1: "18.465", x2: "33.609", y1: "23.751", y2: "61.938", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Fold__q", x1: "115.697", x2: "98.5", y1: "-4.939", y2: "61.553", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Fold__d", width: "71", height: "61", x: "6", y: "-4.5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17454", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Fold__h", width: "106", height: "54.131", x: "-9", y: "-2.553", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17454", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Fold__l", width: "106", height: "54.131", x: "-7", y: "-7.553", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17454", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Fold__p", width: "106", height: "54.131", x: "-5", y: "-12.553", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17454", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Fold__a" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Fold__b" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Fold__c" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "#fff", rx: "2" })))
47
47
  );
48
48
  Fold.displayName = "Fold";
package/dist/cjs/FoldAnimation.js CHANGED
@@ -42,6 +42,8 @@ const FoldAnimation = (props) => /* @__PURE__ */ import_react.default.createElem
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FoldAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "14.716", height: "14.716", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "scale(1.35903 .3912)rotate(-45 150.199 39.47)" })),
46
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FoldAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "16.537", height: "16.537", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "2", transform: "scale(1.2094 .73304)rotate(-45 77.49 6.539)" })),
45
47
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#FoldAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "14.716", height: "14.716", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(1.35903 .3912)rotate(-45 150.199 39.47)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FoldAnimation__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FoldAnimation__c)", d: "M-7.933 37.494 36.272 24.77l44.205 12.724L36.272 50.22z" }))),
46
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#FoldAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "16.537", height: "16.537", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(1.2094 .73304)rotate(-45 77.49 6.539)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FoldAnimation__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FoldAnimation__f)", d: "M-2.943 26.54 36.395 2.694 75.734 26.54 36.395 50.383z" }))),
47
49
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FoldAnimation__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 36)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FoldAnimation__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FoldAnimation__i)", d: "M3.473 17.615 36-14.912l32.527 32.527L36 50.142z" }))),
package/dist/cjs/FreeformImage.js CHANGED
@@ -42,6 +42,7 @@ const FreeformImage = (props) => /* @__PURE__ */ import_react.default.createElem
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FreeformImage__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FreeformImage__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "4" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M41.84 28.004 24.5 56l30.925-4.605z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M73 38s-23.774-9.725-24.934-10.218-8.353-2.773-6.227 3.8c2.114 6.532 3.272 9.044 3.733 10.16.46 1.115 2.335 5.66-2.383 7.336C37.843 50.978 9 60 9 60v5.181h64z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FreeformImage__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "6.922" }))),
45
46
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#FreeformImage__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FreeformImage__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "var(--wds-illustration-color-2, #7896ff)", rx: "4" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FreeformImage__c)", d: "M41.84 28.004 24.5 56l30.925-4.605z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FreeformImage__d)", d: "M73 38s-23.774-9.725-24.934-10.218-8.353-2.773-6.227 3.8c2.114 6.532 3.272 9.044 3.733 10.16.46 1.115 2.335 5.66-2.383 7.336C37.843 50.978 9 60 9 60v5.181h64z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FreeformImage__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6.922" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FreeformImage__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FreeformImage__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" })))),
46
47
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FreeformImage__h)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FreeformImage__i)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "var(--wds-illustration-color-6, #002296)", rx: "4" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FreeformImage__j)", d: "M41.84 28.004 24.5 56l30.925-4.605z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FreeformImage__k)", d: "M73 38s-23.774-9.725-24.934-10.218-8.353-2.773-6.227 3.8c2.114 6.532 3.272 9.044 3.733 10.16.46 1.115 2.335 5.66-2.383 7.336C37.843 50.978 9 60 9 60v5.181h64z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#FreeformImage__l)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6.922" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FreeformImage__m)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FreeformImage__n)", 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" })))),
47
48
  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FreeformImage__c", x1: "32.522", x2: "57.88", y1: "37.51", y2: "57.476", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FreeformImage__d", x1: "16", x2: "66.354", y1: "12.11", y2: "61.014", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FreeformImage__g", x1: "35.617", x2: "16.059", y1: "17.259", y2: "42.217", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FreeformImage__j", x1: "32.522", x2: "57.88", y1: "37.51", y2: "57.476", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FreeformImage__k", x1: "16", x2: "66.354", y1: "12.11", y2: "61.014", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FreeformImage__n", x1: "35.617", x2: "16.059", y1: "17.259", y2: "42.217", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FreeformImage__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "#fff", rx: "4" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FreeformImage__b" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "#fff", rx: "4" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FreeformImage__e" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FreeformImage__h" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "54", height: "38", x: "14", y: "22", fill: "#fff", rx: "4" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FreeformImage__i" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "62", height: "46", x: "10", y: "18", fill: "#fff", rx: "4" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "FreeformImage__l" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FreeformImage__f", width: "27.261", height: "27.26", x: "13.797", y: "13.009", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18654", stdDeviation: "1.099" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FreeformImage__m", width: "27.261", height: "27.26", x: "13.797", y: "13.009", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18654", stdDeviation: "1.099" })))
package/dist/cjs/GlideEntrance.js CHANGED
@@ -44,6 +44,9 @@ const GlideEntrance = (props) => /* @__PURE__ */ import_react.default.createElem
44
44
  },
45
45
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#GlideEntrance__a)", d: "M23.5 52.07h25v1h-25z" }),
46
46
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49 52.571a.5.5 0 0 1-.18.384l-3 2.5-.64-.767 2.54-2.117-2.54-2.116.64-.767 3 2.5.077.079a.5.5 0 0 1 .103.304" }),
47
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#GlideEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.074", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 12.858 31.074)" })), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#GlideEntrance__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.074", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 21.859 31.074)" })), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#GlideEntrance__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "30.858", y: "31.074", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 30.858 31.074)" }))),
48
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#GlideEntrance__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.07", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2", transform: "rotate(-45 12.858 31.07)" })),
49
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#GlideEntrance__k)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.07", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 21.859 31.07)" })),
47
50
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#GlideEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.074", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 12.858 31.074)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#GlideEntrance__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M-5.527 12.688 27-19.84l32.527 32.527L27 45.214z" }))), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#GlideEntrance__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.074", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 21.859 31.074)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#GlideEntrance__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M3.474 12.688 36.001-19.84l32.527 32.527L36 45.214z" }))), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#GlideEntrance__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "30.858", y: "31.074", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 30.858 31.074)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#GlideEntrance__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M12.473 12.688 45-19.84l32.527 32.527L45 45.214z" })))),
48
51
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#GlideEntrance__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.07", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 12.858 31.07)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#GlideEntrance__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#GlideEntrance__j)", d: "M45.385-1.457 77.912 31.07 45.385 63.597 12.858 31.07z" }))),
49
52
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#GlideEntrance__k)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.07", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.859 31.07)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#GlideEntrance__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#GlideEntrance__m)", d: "M54.386-1.457 86.913 31.07 54.386 63.597 21.859 31.07z" }))),
package/dist/cjs/GlitchAnimation.js CHANGED
@@ -43,6 +43,8 @@ const GlitchAnimation = (props) => /* @__PURE__ */ import_react.default.createEl
43
43
  ...props
44
44
  },
45
45
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#GlitchAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "16" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#GlitchAnimation__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#GlitchAnimation__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" }))),
46
+ /* @__PURE__ */ import_react.default.createElement("g", { style: { "mixBlendMode": "multiply" }, clipPath: "url(#GlitchAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "32", x: "25", y: "20", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "16" })),
47
+ /* @__PURE__ */ import_react.default.createElement("g", { style: { "mixBlendMode": "multiply" }, clipPath: "url(#GlitchAnimation__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "32", x: "15", y: "20", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "16" })),
46
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#GlitchAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "32", x: "25", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "16" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#GlitchAnimation__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#GlitchAnimation__f)", d: "M46.275.487a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 28.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.094-35.525C58.626.22 52.247-.679 46.277.487" }))),
47
49
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#GlitchAnimation__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "32", x: "15", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "16" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#GlitchAnimation__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#GlitchAnimation__i)", d: "M36.275.487a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 18.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.525C48.625.22 42.245-.679 36.275.487" }))),
48
50
  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "GlitchAnimation__c", x1: "64.625", x2: "20.144", y1: "4.668", y2: "61.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "GlitchAnimation__f", x1: "69.625", x2: "25.144", y1: "4.668", y2: "61.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "GlitchAnimation__i", x1: "59.625", x2: "15.144", y1: "4.668", y2: "61.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "GlitchAnimation__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "#fff", rx: "16" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "GlitchAnimation__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "32", x: "25", y: "20", fill: "#fff", rx: "16" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "GlitchAnimation__g" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "32", x: "15", y: "20", fill: "#fff", rx: "16" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "GlitchAnimation__b", width: "62", height: "62", x: "15", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18112", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "GlitchAnimation__e", width: "62", height: "62", x: "20", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18112", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "GlitchAnimation__h", width: "62", height: "62", x: "10", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18112", stdDeviation: "2.5" })))
package/dist/cjs/GrowEntrance.js CHANGED
@@ -44,6 +44,8 @@ const GrowEntrance = (props) => /* @__PURE__ */ import_react.default.createEleme
44
44
  },
45
45
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#GrowEntrance__a)", d: "M52.136 48.5v-25h1v25z" }),
46
46
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M52.636 23a.5.5 0 0 1 .384.18l2.5 3-.768.64-2.116-2.54-2.116 2.54-.768-.64 2.5-3 .08-.076a.5.5 0 0 1 .304-.104" }),
47
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#GrowEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "11.742", height: "11.742", x: "22.703", y: "47.902", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "1", transform: "rotate(-45 22.703 47.902)" })),
48
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#GrowEntrance__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "16.105", height: "16.105", x: "19.618", y: "38.988", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "1.5", transform: "rotate(-45 19.618 38.988)" })),
47
49
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#GrowEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "11.742", height: "11.742", x: "22.703", y: "47.902", fill: "var(--wds-illustration-color-1, #002291)", rx: "1", transform: "rotate(-45 22.703 47.902)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#GrowEntrance__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#GrowEntrance__d)", d: "M-1.339 23.86 31.188-8.669 63.715 23.86 31.188 56.386z" }))),
48
50
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#GrowEntrance__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "16.105", height: "16.105", x: "19.618", y: "38.988", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5", transform: "rotate(-45 19.618 38.988)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#GrowEntrance__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#GrowEntrance__g)", d: "m-1.595 17.773 32.527-32.526 32.527 32.526L30.932 50.3z" }))),
49
51
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#GrowEntrance__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "16.864", y: "29.938", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 16.864 29.938)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#GrowEntrance__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#GrowEntrance__j)", d: "m-1.521 11.55 32.527-32.526L63.533 11.55 31.006 44.078z" }))),
package/dist/cjs/ImagePositionLeft.js CHANGED
@@ -42,6 +42,7 @@ const ImagePositionLeft = (props) => /* @__PURE__ */ import_react.default.create
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ImagePositionLeft__a)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M14 24a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })),
45
46
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ImagePositionLeft__a)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14 24a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ImagePositionLeft__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ImagePositionLeft__c)", d: "M14-4h58v51H14z" }))),
46
47
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ImagePositionLeft__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M14 21h44v30H14z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ImagePositionLeft__e)", d: "M27.151 27.586 17.04 43.913l18.035-2.686z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ImagePositionLeft__f)", d: "M45.324 33.415s-13.865-5.672-14.541-5.959-4.872-1.617-3.632 2.216c1.233 3.81 1.908 5.274 2.177 5.925.268.65 1.362 3.3-1.39 4.279C24.82 40.984 8 46.246 8 46.246v3.02h37.324z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ImagePositionLeft__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "6", height: "6", x: "17", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ImagePositionLeft__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ImagePositionLeft__i)", d: "M21.091 20.094q-.401.08-.787.22a5.05 5.05 0 0 0-2.604 2.18c-1.408 2.387-.625 5.446 1.75 6.831s5.442.57 6.85-1.818c1.408-2.39.625-5.448-1.749-6.831a4.95 4.95 0 0 0-3.46-.582" })))),
47
48
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M47 38v1h-6v-1zM53 34v1H41v-1zM53 30v1H41v-1z" }),
package/dist/cjs/ImagePositionRight.js CHANGED
@@ -42,6 +42,7 @@ const ImagePositionRight = (props) => /* @__PURE__ */ import_react.default.creat
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ImagePositionRight__a)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M14 24a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })),
45
46
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ImagePositionRight__a)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14 24a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ImagePositionRight__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ImagePositionRight__c)", d: "M14-4h58v51H14z" }))),
46
47
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ImagePositionRight__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 21h44v30H36z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ImagePositionRight__e)", d: "M49.151 27.586 39.04 43.913l18.035-2.686z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ImagePositionRight__f)", d: "M67.324 33.415s-13.865-5.672-14.541-5.959-4.872-1.617-3.632 2.216c1.233 3.81 1.908 5.274 2.177 5.925.268.65 1.362 3.3-1.39 4.279C46.82 40.984 30 46.246 30 46.246v3.02h37.324z" }), /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ImagePositionRight__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "6", height: "6", x: "39", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ImagePositionRight__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ImagePositionRight__i)", d: "M43.091 20.094q-.401.08-.787.22a5.05 5.05 0 0 0-2.604 2.18c-1.408 2.387-.625 5.446 1.75 6.831s5.442.57 6.85-1.818c1.408-2.39.625-5.448-1.749-6.831a4.95 4.95 0 0 0-3.46-.582" })))),
47
48
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25 38v1h-6v-1zM31 34v1H19v-1zM31 30v1H19v-1z" }),
package/dist/cjs/Iris.js CHANGED
@@ -42,7 +42,7 @@ const Iris = (props) => /* @__PURE__ */ import_react.default.createElement(
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
- /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Iris__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#Iris__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Iris__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Iris__d)", d: "M11 .5h61v51H11z" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "40", x: "16", y: "16.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "20" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Iris__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Iris__g)", d: "M37.275 4.987a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 19.64 17.466c-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.525-5.642-3.293-12.022-4.192-17.992-3.026" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "30", x: "21", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "15" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Iris__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Iris__j)", d: "M42.275-.013a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 24.64 12.466c-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.525C54.625-.28 48.245-1.179 42.275-.013" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__k)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "26", y: "26.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "10" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Iris__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Iris__m)", d: "M47.275-5.013a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 29.64 7.466c-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.094-35.525-5.64-3.293-12.02-4.192-17.99-3.026" })))),
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Iris__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Iris__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("g", { style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "40", x: "16", y: "16.5", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "20" })), /* @__PURE__ */ import_react.default.createElement("g", { style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "30", x: "21", y: "21.5", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "15" })), /* @__PURE__ */ import_react.default.createElement("g", { style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__k)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "26", y: "26.5", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "10" })), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#Iris__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Iris__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Iris__d)", d: "M11 .5h61v51H11z" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "40", x: "16", y: "16.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "20" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Iris__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Iris__g)", d: "M37.275 4.987a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 19.64 17.466c-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.525-5.642-3.293-12.022-4.192-17.992-3.026" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "30", x: "21", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "15" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Iris__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Iris__j)", d: "M42.275-.013a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 24.64 12.466c-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.525C54.625-.28 48.245-1.179 42.275-.013" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" }, clipPath: "url(#Iris__k)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "26", y: "26.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "10" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Iris__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Iris__m)", d: "M47.275-5.013a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 29.64 7.466c-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.094-35.525-5.64-3.293-12.02-4.192-17.99-3.026" })))),
46
46
  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Iris__a" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M11 21.5h50v30H11z" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Iris__b" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Iris__e" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "40", height: "40", x: "16", y: "16.5", fill: "#fff", rx: "20" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Iris__h" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "30", x: "21", y: "21.5", fill: "#fff", rx: "15" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Iris__k" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "26", y: "26.5", fill: "#fff", rx: "10" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Iris__d", x1: "63.349", x2: "22.157", y1: "5.078", y2: "67.946", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Iris__g", x1: "60.625", x2: "16.144", y1: "9.168", y2: "65.928", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Iris__j", x1: "65.625", x2: "21.144", y1: "4.168", y2: "60.928", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Iris__m", x1: "70.625", x2: "26.144", y1: "-.833", y2: "55.928", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Iris__c", width: "71", height: "61", x: "6", y: "-4.5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17413", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Iris__f", width: "62", height: "62", x: "11", y: "-.5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17413", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Iris__i", width: "62", height: "62", x: "16", y: "-5.5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17413", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Iris__l", width: "62", height: "62", x: "21", y: "-10.5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17413", stdDeviation: "2.5" })))
47
47
  );
48
48
  Iris.displayName = "Iris";
package/dist/cjs/JelloLoop.js CHANGED
@@ -42,6 +42,9 @@ const JelloLoop = (props) => /* @__PURE__ */ import_react.default.createElement(
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M14.124 26.64c3.025-5.445 12.326-7.146 22.31-4.608 10.317-1.961 19.668.45 22.244 6.25 1.192 2.685.756 5.696-.96 8.622 1.397 2.976 1.545 5.93.145 8.448-3.024 5.444-12.32 7.146-22.3 4.612-10.11 1.784-19.191-.642-21.724-6.344-1.118-2.517-.804-5.321.653-8.073-1.601-3.13-1.839-6.258-.368-8.906" }),
46
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#JelloLoop__a)" }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "53", cy: "27.562", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "53", ry: "27.562", transform: "matrix(.94617 -.32366 .40596 .9139 -15.59 13.492)" }))),
47
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#JelloLoop__d)" }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "48.499", cy: "28.234", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "48.499", ry: "28.234", transform: "matrix(.9194 .39332 -.48562 .87417 21.497 -11.633)" }))),
45
48
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M14.124 26.64c3.025-5.445 12.326-7.146 22.31-4.608 10.317-1.961 19.668.45 22.244 6.25 1.192 2.685.756 5.696-.96 8.622 1.397 2.976 1.545 5.93.145 8.448-3.024 5.444-12.32 7.146-22.3 4.612-10.11 1.784-19.191-.642-21.724-6.344-1.118-2.517-.804-5.321.653-8.073-1.601-3.13-1.839-6.258-.368-8.906", opacity: ".5" }),
46
49
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "JelloLoop__a", width: "47", height: "30", x: "13", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "23.695", cy: "13.579", fill: "#D9D9D9", rx: "23.695", ry: "13.579", transform: "matrix(.94617 -.32366 .40596 .9139 8.334 31.215)" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#JelloLoop__a)" }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "53", cy: "27.562", fill: "#002294", rx: "53", ry: "27.562", transform: "matrix(.94617 -.32366 .40596 .9139 -15.59 13.492)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#JelloLoop__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#JelloLoop__c)", d: "M21.223 12.153a89 89 0 0 0-5.915 2.887C7.529 19.23 1.234 24.29-2.078 29.516c-7.576 11.936 3.261 20.2 24.206 18.455 20.944-1.745 44.056-12.84 51.632-24.777 7.574-11.942-3.264-20.206-24.192-18.46C40 5.53 30 8.273 21.223 12.153" })))),
47
50
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "JelloLoop__d", width: "46", height: "32", x: "13", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "23.787", cy: "13.583", fill: "#D9D9D9", rx: "23.787", ry: "13.583", transform: "matrix(.9194 .39332 -.48562 .87417 20.726 14.77)" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#JelloLoop__d)" }, /* @__PURE__ */ import_react.default.createElement("ellipse", { cx: "48.499", cy: "28.234", fill: "#002294", rx: "48.499", ry: "28.234", transform: "matrix(.9194 .39332 -.48562 .87417 21.497 -11.633)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#JelloLoop__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#JelloLoop__f)", d: "M53.533 11.584a61 61 0 0 0-5.434-1.356c-7.462-1.48-14.857-1.386-20.828.647C13.625 15.51 12.58 28.48 24.938 39.84s33.434 16.804 47.079 12.167c13.647-4.642 14.692-17.611 2.343-28.96-5.643-5.192-13.094-9.138-20.827-11.463" })))),
package/dist/cjs/LayeredElipseDivider.js CHANGED
@@ -43,7 +43,7 @@ const LayeredElipseDivider = (props) => /* @__PURE__ */ import_react.default.cre
43
43
  ...props
44
44
  },
45
45
  /* @__PURE__ */ import_react.default.createElement("mask", { id: "LayeredElipseDivider__a", width: "97", height: "51", x: "0", y: "-23", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M88.604-22.85H8.014A8.013 8.013 0 0 0 0-14.838v34.824a8.013 8.013 0 0 0 8.013 8.014h80.59a8.013 8.013 0 0 0 8.014-8.014v-34.824a8.013 8.013 0 0 0-8.013-8.014" })),
46
- /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#LayeredElipseDivider__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "LayeredElipseDivider__b", width: "116", height: "29", x: "-10", y: "0", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-9.334 28.071C6.217 10.095 26.701 0 48.31 0s42.09 10.094 57.642 28.071z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#LayeredElipseDivider__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-18.271-18.453h133.888v48.886H-18.271z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#LayeredElipseDivider__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-65.476 20.942c30.646-35.425 71.012-55.32 113.594-55.32s82.946 19.892 113.592 55.32z" })))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "LayeredElipseDivider__d", width: "103", height: "24", x: "-3", y: "5", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2.968 28.224C10.866 13.513 29.088 5.25 48.31 5.25s37.443 8.26 51.277 22.973z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#LayeredElipseDivider__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-10.918-9.852h119.105v40.006H-10.918z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#LayeredElipseDivider__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-52.911 22.39C-25.65-6.602 10.26-22.883 48.14-22.883c37.88 0 73.787 16.279 101.049 45.271z" })))), /* @__PURE__ */ import_react.default.createElement("mask", { id: "LayeredElipseDivider__f", width: "89", height: "19", x: "4", y: "10", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M4.607 28.079c11.79-11.05 27.32-17.256 43.703-17.256 16.382 0 31.91 6.205 43.701 17.256z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#LayeredElipseDivider__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2.167-.516H99.342v30.051H-2.167z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#LayeredElipseDivider__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#LayeredElipseDivider__h)", d: "M-37.959 23.692c23.235-21.777 53.84-34.006 86.123-34.006s62.887 12.228 86.122 34.006z" })))),
46
+ /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#LayeredElipseDivider__a)" }, /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#LayeredElipseDivider__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M-18.271-18.453h133.888v48.886H-18.271z" }))), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#LayeredElipseDivider__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M-10.918-9.852h119.105v40.006H-10.918z" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "LayeredElipseDivider__b", width: "116", height: "29", x: "-10", y: "0", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-9.334 28.071C6.217 10.095 26.701 0 48.31 0s42.09 10.094 57.642 28.071z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#LayeredElipseDivider__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-18.271-18.453h133.888v48.886H-18.271z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#LayeredElipseDivider__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-65.476 20.942c30.646-35.425 71.012-55.32 113.594-55.32s82.946 19.892 113.592 55.32z" })))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "LayeredElipseDivider__d", width: "103", height: "24", x: "-3", y: "5", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2.968 28.224C10.866 13.513 29.088 5.25 48.31 5.25s37.443 8.26 51.277 22.973z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#LayeredElipseDivider__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-10.918-9.852h119.105v40.006H-10.918z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#LayeredElipseDivider__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-52.911 22.39C-25.65-6.602 10.26-22.883 48.14-22.883c37.88 0 73.787 16.279 101.049 45.271z" })))), /* @__PURE__ */ import_react.default.createElement("mask", { id: "LayeredElipseDivider__f", width: "89", height: "19", x: "4", y: "10", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M4.607 28.079c11.79-11.05 27.32-17.256 43.703-17.256 16.382 0 31.91 6.205 43.701 17.256z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#LayeredElipseDivider__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2.167-.516H99.342v30.051H-2.167z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#LayeredElipseDivider__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#LayeredElipseDivider__h)", d: "M-37.959 23.692c23.235-21.777 53.84-34.006 86.123-34.006s62.887 12.228 86.122 34.006z" })))),
47
47
  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("filter", { id: "LayeredElipseDivider__c", width: "257.237", height: "85.37", x: "-80.502", y: "-49.403", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22673", stdDeviation: "7.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "LayeredElipseDivider__e", width: "232.152", height: "75.321", x: "-67.936", y: "-37.907", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22673", stdDeviation: "7.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "LayeredElipseDivider__g", width: "202.295", height: "64.052", x: "-52.984", y: "-25.339", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22673", stdDeviation: "7.5" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "LayeredElipseDivider__h", x1: "109.857", x2: "100.804", y1: "-7.262", y2: "51.252", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })))
48
48
  );
49
49
  LayeredElipseDivider.displayName = "LayeredElipseDivider";