@wix/design-system-illustrations 2.13.0 → 2.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (180) hide show
  1. package/dist/cjs/AppearClick.js +1 -0
  2. package/dist/cjs/AppearHover.js +1 -0
  3. package/dist/cjs/ArcEntrance.js +2 -0
  4. package/dist/cjs/Aspect3DSection.js +4 -0
  5. package/dist/cjs/Bounce.js +1 -1
  6. package/dist/cjs/BounceAnimation.js +2 -0
  7. package/dist/cjs/BounceEntrance.js +4 -3
  8. package/dist/cjs/BounceLoop.js +4 -3
  9. package/dist/cjs/BreathAnimation.js +2 -0
  10. package/dist/cjs/BreathLoop.js +2 -0
  11. package/dist/cjs/CircleMarker.js +3 -3
  12. package/dist/cjs/ClockWipe.js +1 -1
  13. package/dist/cjs/CrossLoop.js +2 -0
  14. package/dist/cjs/Cube.js +1 -0
  15. package/dist/cjs/CustomImage.js +1 -0
  16. package/dist/cjs/DonutChart.js +1 -1
  17. package/dist/cjs/Drop.js +1 -1
  18. package/dist/cjs/EmptyPage.js +1 -1
  19. package/dist/cjs/EmptyPageImage.js +1 -1
  20. package/dist/cjs/EventInfo.js +1 -0
  21. package/dist/cjs/ExpandAnimation.js +2 -0
  22. package/dist/cjs/ExpandClick.js +2 -0
  23. package/dist/cjs/ExpandHover.js +2 -0
  24. package/dist/cjs/ExpandScroll.js +5 -3
  25. package/dist/cjs/FadeBackSection.js +2 -0
  26. package/dist/cjs/FillParallaxScroll.js +2 -0
  27. package/dist/cjs/FillReveal.js +1 -0
  28. package/dist/cjs/FlapLoop.js +2 -0
  29. package/dist/cjs/Flip.js +1 -0
  30. package/dist/cjs/FlipAnimation.js +2 -0
  31. package/dist/cjs/FlipLoop.js +2 -0
  32. package/dist/cjs/FloatEntrance.js +2 -0
  33. package/dist/cjs/Fold.js +1 -1
  34. package/dist/cjs/FoldAnimation.js +2 -0
  35. package/dist/cjs/FreeformImage.js +1 -0
  36. package/dist/cjs/GlideEntrance.js +3 -0
  37. package/dist/cjs/GlitchAnimation.js +2 -0
  38. package/dist/cjs/GrowEntrance.js +2 -0
  39. package/dist/cjs/ImagePositionLeft.js +1 -0
  40. package/dist/cjs/ImagePositionRight.js +1 -0
  41. package/dist/cjs/Iris.js +1 -1
  42. package/dist/cjs/JelloLoop.js +3 -0
  43. package/dist/cjs/LayeredElipseDivider.js +1 -1
  44. package/dist/cjs/MoveClick.js +2 -0
  45. package/dist/cjs/MoveHorizontalHover.js +3 -0
  46. package/dist/cjs/OnImage.js +1 -0
  47. package/dist/cjs/PanSection.js +2 -0
  48. package/dist/cjs/ParallaxSection.js +2 -0
  49. package/dist/cjs/PieChart.js +1 -0
  50. package/dist/cjs/PokeLoop.js +2 -0
  51. package/dist/cjs/PullBackSection.js +2 -0
  52. package/dist/cjs/PulseLoop.js +2 -0
  53. package/dist/cjs/ResizeOptionsCrop.js +1 -0
  54. package/dist/cjs/ResizeOptionsFit.js +1 -1
  55. package/dist/cjs/Reveal.js +1 -0
  56. package/dist/cjs/RevealAnimation.js +1 -0
  57. package/dist/cjs/RevealSection.js +1 -0
  58. package/dist/cjs/RightWaveDivider.js +1 -1
  59. package/dist/cjs/RotateClick.js +2 -0
  60. package/dist/cjs/RotateHover.js +1 -0
  61. package/dist/cjs/RotateSection.js +1 -0
  62. package/dist/cjs/RubberMouse.js +4 -0
  63. package/dist/cjs/ScrollEffectsDisappear.js +1 -1
  64. package/dist/cjs/ScrollEffectsFadeOut.js +1 -1
  65. package/dist/cjs/ScrollEffectsMoveWithPage.js +1 -1
  66. package/dist/cjs/ScrollEffectsStayFixed.js +1 -1
  67. package/dist/cjs/ShapeEntrance.js +1 -0
  68. package/dist/cjs/Shrink.js +2 -0
  69. package/dist/cjs/ShrinkClick.js +2 -0
  70. package/dist/cjs/ShrinkHover.js +2 -0
  71. package/dist/cjs/ShrinkScroll.js +5 -3
  72. package/dist/cjs/Shuffle.js +1 -0
  73. package/dist/cjs/SkewClick.js +1 -0
  74. package/dist/cjs/SkewHover.js +1 -0
  75. package/dist/cjs/SkewSection.js +1 -0
  76. package/dist/cjs/SlideAnimation.js +2 -0
  77. package/dist/cjs/SpinAnimation.js +1 -0
  78. package/dist/cjs/Swap.js +1 -1
  79. package/dist/cjs/SwingLoop.js +2 -0
  80. package/dist/cjs/TiltAnimation.js +1 -1
  81. package/dist/cjs/TiltEntrance.js +2 -0
  82. package/dist/cjs/TurnEntrance.js +2 -0
  83. package/dist/cjs/TwistClick.js +2 -0
  84. package/dist/cjs/TwistHover.js +2 -0
  85. package/dist/cjs/TypeWriter.js +1 -0
  86. package/dist/cjs/WinkEntrance.js +1 -0
  87. package/dist/cjs/ZoomSection.js +2 -0
  88. package/dist/esm/AppearClick.js +1 -0
  89. package/dist/esm/AppearHover.js +1 -0
  90. package/dist/esm/ArcEntrance.js +2 -0
  91. package/dist/esm/Aspect3DSection.js +4 -0
  92. package/dist/esm/Bounce.js +1 -1
  93. package/dist/esm/BounceAnimation.js +2 -0
  94. package/dist/esm/BounceEntrance.js +4 -3
  95. package/dist/esm/BounceLoop.js +4 -3
  96. package/dist/esm/BreathAnimation.js +2 -0
  97. package/dist/esm/BreathLoop.js +2 -0
  98. package/dist/esm/CircleMarker.js +3 -3
  99. package/dist/esm/ClockWipe.js +1 -1
  100. package/dist/esm/CrossLoop.js +2 -0
  101. package/dist/esm/Cube.js +1 -0
  102. package/dist/esm/CustomImage.js +1 -0
  103. package/dist/esm/DonutChart.js +1 -1
  104. package/dist/esm/Drop.js +1 -1
  105. package/dist/esm/EmptyPage.js +1 -1
  106. package/dist/esm/EmptyPageImage.js +1 -1
  107. package/dist/esm/EventInfo.js +1 -0
  108. package/dist/esm/ExpandAnimation.js +2 -0
  109. package/dist/esm/ExpandClick.js +2 -0
  110. package/dist/esm/ExpandHover.js +2 -0
  111. package/dist/esm/ExpandScroll.js +5 -3
  112. package/dist/esm/FadeBackSection.js +2 -0
  113. package/dist/esm/FillParallaxScroll.js +2 -0
  114. package/dist/esm/FillReveal.js +1 -0
  115. package/dist/esm/FlapLoop.js +2 -0
  116. package/dist/esm/Flip.js +1 -0
  117. package/dist/esm/FlipAnimation.js +2 -0
  118. package/dist/esm/FlipLoop.js +2 -0
  119. package/dist/esm/FloatEntrance.js +2 -0
  120. package/dist/esm/Fold.js +1 -1
  121. package/dist/esm/FoldAnimation.js +2 -0
  122. package/dist/esm/FreeformImage.js +1 -0
  123. package/dist/esm/GlideEntrance.js +3 -0
  124. package/dist/esm/GlitchAnimation.js +2 -0
  125. package/dist/esm/GrowEntrance.js +2 -0
  126. package/dist/esm/ImagePositionLeft.js +1 -0
  127. package/dist/esm/ImagePositionRight.js +1 -0
  128. package/dist/esm/Iris.js +1 -1
  129. package/dist/esm/JelloLoop.js +3 -0
  130. package/dist/esm/LayeredElipseDivider.js +1 -1
  131. package/dist/esm/MoveClick.js +2 -0
  132. package/dist/esm/MoveHorizontalHover.js +3 -0
  133. package/dist/esm/OnImage.js +1 -0
  134. package/dist/esm/PanSection.js +2 -0
  135. package/dist/esm/ParallaxSection.js +2 -0
  136. package/dist/esm/PieChart.js +1 -0
  137. package/dist/esm/PokeLoop.js +2 -0
  138. package/dist/esm/PullBackSection.js +2 -0
  139. package/dist/esm/PulseLoop.js +2 -0
  140. package/dist/esm/ResizeOptionsCrop.js +1 -0
  141. package/dist/esm/ResizeOptionsFit.js +1 -1
  142. package/dist/esm/Reveal.js +1 -0
  143. package/dist/esm/RevealAnimation.js +1 -0
  144. package/dist/esm/RevealSection.js +1 -0
  145. package/dist/esm/RightWaveDivider.js +1 -1
  146. package/dist/esm/RotateClick.js +2 -0
  147. package/dist/esm/RotateHover.js +1 -0
  148. package/dist/esm/RotateSection.js +1 -0
  149. package/dist/esm/RubberMouse.js +4 -0
  150. package/dist/esm/ScrollEffectsDisappear.js +1 -1
  151. package/dist/esm/ScrollEffectsFadeOut.js +1 -1
  152. package/dist/esm/ScrollEffectsMoveWithPage.js +1 -1
  153. package/dist/esm/ScrollEffectsStayFixed.js +1 -1
  154. package/dist/esm/ShapeEntrance.js +1 -0
  155. package/dist/esm/Shrink.js +2 -0
  156. package/dist/esm/ShrinkClick.js +2 -0
  157. package/dist/esm/ShrinkHover.js +2 -0
  158. package/dist/esm/ShrinkScroll.js +5 -3
  159. package/dist/esm/Shuffle.js +1 -0
  160. package/dist/esm/SkewClick.js +1 -0
  161. package/dist/esm/SkewHover.js +1 -0
  162. package/dist/esm/SkewSection.js +1 -0
  163. package/dist/esm/SlideAnimation.js +2 -0
  164. package/dist/esm/SpinAnimation.js +1 -0
  165. package/dist/esm/Swap.js +1 -1
  166. package/dist/esm/SwingLoop.js +2 -0
  167. package/dist/esm/TiltAnimation.js +1 -1
  168. package/dist/esm/TiltEntrance.js +2 -0
  169. package/dist/esm/TurnEntrance.js +2 -0
  170. package/dist/esm/TwistClick.js +2 -0
  171. package/dist/esm/TwistHover.js +2 -0
  172. package/dist/esm/TypeWriter.js +1 -0
  173. package/dist/esm/WinkEntrance.js +1 -0
  174. package/dist/esm/ZoomSection.js +2 -0
  175. package/package.json +3 -3
  176. package/src/BounceEntrance.svg +6 -2
  177. package/src/BounceLoop.svg +7 -2
  178. package/src/CircleMarker.svg +14 -8
  179. package/src/ExpandScroll.svg +3 -3
  180. package/src/ShrinkScroll.svg +3 -3
package/dist/esm/ResizeOptionsCrop.js CHANGED
@@ -9,6 +9,7 @@ const ResizeOptionsCrop = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsCrop__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsCrop__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "46", height: "34.129", x: "13", y: "19", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2.968" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M36.623 26.395 23.758 47.087l22.945-3.403z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M59.742 33.783s-17.639-7.189-18.5-7.553c-.86-.364-6.197-2.049-4.619 2.81 1.568 4.827 2.427 6.684 2.769 7.508.342.825 1.733 4.183-1.767 5.423-3.968 1.404-25.367 8.073-25.367 8.073v3.83h47.484z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsCrop__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "9.962", x: "19", y: "25.043", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "4.981" }))),
12
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ResizeOptionsCrop__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsCrop__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "46", height: "34.129", x: "13", y: "19", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.968" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsCrop__c)", d: "M36.623 26.395 23.758 47.087l22.945-3.403z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsCrop__d)", d: "M59.742 33.783s-17.639-7.189-18.5-7.553c-.86-.364-6.197-2.049-4.619 2.81 1.568 4.827 2.427 6.684 2.769 7.508.342.825 1.733 4.183-1.767 5.423-3.968 1.404-25.367 8.073-25.367 8.073v3.83h47.484z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsCrop__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "9.962", x: "19", y: "25.043", fill: "var(--wds-illustration-color-1, #002291)", rx: "4.981" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ResizeOptionsCrop__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsCrop__g)", d: "M25.94 18.678q-.681.135-1.335.375a8.56 8.56 0 0 0-4.418 3.696c-2.389 4.051-1.06 9.24 2.97 11.59 4.029 2.349 9.23.966 11.62-3.084 2.388-4.054 1.059-9.243-2.967-11.59a8.4 8.4 0 0 0-5.87-.987" })))),
13
14
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsCrop__h)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsCrop__i)" }, /* @__PURE__ */ React.createElement("rect", { width: "46", height: "34.129", x: "13", y: "18.938", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.968" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsCrop__j)", d: "M36.623 26.36 23.758 47.13l22.945-3.416z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsCrop__k)", d: "M59.742 33.775s-17.639-7.216-18.5-7.582c-.86-.365-6.197-2.056-4.62 2.82 1.57 4.846 2.428 6.71 2.77 7.537.342.828 1.733 4.2-1.768 5.444-3.967 1.41-25.366 8.103-25.366 8.103v3.844h47.484z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsCrop__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "19", y: "25", fill: "var(--wds-illustration-color-1, #002291)", rx: "5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ResizeOptionsCrop__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsCrop__n)", d: "M25.94 18.635q-.681.135-1.335.375a8.56 8.56 0 0 0-4.418 3.696c-2.389 4.051-1.06 9.24 2.97 11.59 4.029 2.349 9.23.967 11.62-3.084 2.388-4.054 1.059-9.243-2.967-11.59a8.4 8.4 0 0 0-5.87-.987" })))),
14
15
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ResizeOptionsCrop__c", x1: "29.71", x2: "48.469", y1: "33.421", y2: "48.247", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ResizeOptionsCrop__d", x1: "17.452", x2: "54.674", y1: "14.647", y2: "50.934", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ResizeOptionsCrop__g", x1: "33.558", x2: "19.047", y1: "20.042", y2: "38.559", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ResizeOptionsCrop__j", x1: "29.71", x2: "48.524", y1: "33.412", y2: "48.226", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ResizeOptionsCrop__k", x1: "17.452", x2: "54.811", y1: "14.566", y2: "50.849", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ResizeOptionsCrop__n", x1: "33.558", x2: "19.047", y1: "19.999", y2: "38.516", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ResizeOptionsCrop__a" }, /* @__PURE__ */ React.createElement("rect", { width: "46", height: "34", x: "13", y: "19", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ResizeOptionsCrop__b" }, /* @__PURE__ */ React.createElement("rect", { width: "46", height: "34.129", x: "13", y: "19", fill: "#fff", rx: "2.968" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ResizeOptionsCrop__e" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "9.962", x: "19", y: "25.043", fill: "#fff", rx: "4.981" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ResizeOptionsCrop__h" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "28", x: "16", y: "22", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ResizeOptionsCrop__i" }, /* @__PURE__ */ React.createElement("rect", { width: "46", height: "34.129", x: "13", y: "18.938", fill: "#fff", rx: "2.968" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ResizeOptionsCrop__l" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "19", y: "25", fill: "#fff", rx: "5" })), /* @__PURE__ */ React.createElement("filter", { id: "ResizeOptionsCrop__f", width: "20.226", height: "20.227", x: "17.369", y: "16.888", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_21066", stdDeviation: ".816" })), /* @__PURE__ */ React.createElement("filter", { id: "ResizeOptionsCrop__m", width: "20.226", height: "20.227", x: "17.369", y: "16.845", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_21066", stdDeviation: ".816" })))
package/dist/esm/ResizeOptionsFit.js CHANGED
@@ -9,7 +9,7 @@ const ResizeOptionsFit = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsFit__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsFit__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ResizeOptionsFit__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "46", x: "16", y: "13", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.968" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsFit__d)", d: "M36.623 26.36 23.758 47.13l22.944-3.416z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsFit__e)", d: "M59.742 33.775s-17.639-7.216-18.5-7.582c-.86-.365-6.197-2.056-4.62 2.82 1.569 4.846 2.428 6.71 2.77 7.537.342.828 1.733 4.2-1.768 5.444-3.967 1.41-25.366 8.103-25.366 8.103v10.844h47.484z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsFit__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "19", y: "25", fill: "var(--wds-illustration-color-6, #002296)", rx: "5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ResizeOptionsFit__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsFit__h)", d: "M25.94 18.635q-.681.135-1.335.375a8.56 8.56 0 0 0-4.418 3.696c-2.389 4.051-1.06 9.24 2.97 11.59 4.029 2.349 9.23.967 11.62-3.084 2.388-4.054 1.059-9.243-2.967-11.59a8.4 8.4 0 0 0-5.87-.987" })))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsFit__i)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsFit__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "46", height: "34.129", x: "13", y: "18.938", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.968" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsFit__k)", d: "M36.623 26.36 23.758 47.13l22.945-3.416z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsFit__l)", d: "M59.742 33.775s-17.639-7.216-18.5-7.582c-.86-.365-6.197-2.056-4.62 2.82 1.57 4.846 2.428 6.71 2.77 7.537.342.828 1.733 4.2-1.768 5.444-3.967 1.41-25.366 8.103-25.366 8.103v3.844h47.484z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsFit__m)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "19", y: "25", fill: "var(--wds-illustration-color-6, #002296)", rx: "5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ResizeOptionsFit__n)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsFit__o)", d: "M25.94 18.635q-.681.135-1.335.375a8.56 8.56 0 0 0-4.418 3.696c-2.389 4.051-1.06 9.24 2.97 11.59 4.029 2.349 9.23.967 11.62-3.084 2.388-4.054 1.059-9.243-2.967-11.59a8.4 8.4 0 0 0-5.87-.987" })))))),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsFit__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsFit__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsFit__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "46", x: "16", y: "13", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2.968" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M36.623 26.36 23.758 47.13l22.944-3.416z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M59.742 33.775s-17.639-7.216-18.5-7.582c-.86-.365-6.197-2.056-4.62 2.82 1.569 4.846 2.428 6.71 2.77 7.537.342.828 1.733 4.2-1.768 5.444-3.967 1.41-25.366 8.103-25.366 8.103v10.844h47.484z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsFit__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "19", y: "25", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "5" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ResizeOptionsFit__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "46", x: "16", y: "13", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.968" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsFit__d)", d: "M36.623 26.36 23.758 47.13l22.944-3.416z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsFit__e)", d: "M59.742 33.775s-17.639-7.216-18.5-7.582c-.86-.365-6.197-2.056-4.62 2.82 1.569 4.846 2.428 6.71 2.77 7.537.342.828 1.733 4.2-1.768 5.444-3.967 1.41-25.366 8.103-25.366 8.103v10.844h47.484z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsFit__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "19", y: "25", fill: "var(--wds-illustration-color-6, #002296)", rx: "5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ResizeOptionsFit__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsFit__h)", d: "M25.94 18.635q-.681.135-1.335.375a8.56 8.56 0 0 0-4.418 3.696c-2.389 4.051-1.06 9.24 2.97 11.59 4.029 2.349 9.23.967 11.62-3.084 2.388-4.054 1.059-9.243-2.967-11.59a8.4 8.4 0 0 0-5.87-.987" })))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsFit__i)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsFit__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "46", height: "34.129", x: "13", y: "18.938", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.968" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsFit__k)", d: "M36.623 26.36 23.758 47.13l22.945-3.416z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsFit__l)", d: "M59.742 33.775s-17.639-7.216-18.5-7.582c-.86-.365-6.197-2.056-4.62 2.82 1.57 4.846 2.428 6.71 2.77 7.537.342.828 1.733 4.2-1.768 5.444-3.967 1.41-25.366 8.103-25.366 8.103v3.844h47.484z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ResizeOptionsFit__m)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "19", y: "25", fill: "var(--wds-illustration-color-6, #002296)", rx: "5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ResizeOptionsFit__n)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ResizeOptionsFit__o)", d: "M25.94 18.635q-.681.135-1.335.375a8.56 8.56 0 0 0-4.418 3.696c-2.389 4.051-1.06 9.24 2.97 11.59 4.029 2.349 9.23.967 11.62-3.084 2.388-4.054 1.059-9.243-2.967-11.59a8.4 8.4 0 0 0-5.87-.987" })))))),
13
13
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ResizeOptionsFit__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ResizeOptionsFit__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 6a6 6 0 0 1 6-6h60a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ResizeOptionsFit__c" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "46", x: "16", y: "13", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ResizeOptionsFit__f" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "19", y: "25", fill: "#fff", rx: "5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ResizeOptionsFit__i" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "28", x: "16", y: "22", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ResizeOptionsFit__j" }, /* @__PURE__ */ React.createElement("rect", { width: "46", height: "34.129", x: "13", y: "18.938", fill: "#fff", rx: "2.968" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ResizeOptionsFit__m" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "19", y: "25", fill: "#fff", rx: "5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ResizeOptionsFit__d", x1: "29.71", x2: "48.523", y1: "33.412", y2: "48.226", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ResizeOptionsFit__e", x1: "17.452", x2: "54.811", y1: "14.566", y2: "50.849", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-7, #002297)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ResizeOptionsFit__h", x1: "33.558", x2: "19.047", y1: "19.999", y2: "38.516", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ResizeOptionsFit__k", x1: "29.71", x2: "48.524", y1: "33.412", y2: "48.226", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ResizeOptionsFit__l", x1: "17.452", x2: "54.811", y1: "14.566", y2: "50.849", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ResizeOptionsFit__o", x1: "33.558", x2: "19.047", y1: "19.999", y2: "38.516", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ResizeOptionsFit__g", width: "20.226", height: "20.227", x: "17.369", y: "16.845", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_21096", stdDeviation: ".816" })), /* @__PURE__ */ React.createElement("filter", { id: "ResizeOptionsFit__n", width: "20.226", height: "20.227", x: "17.369", y: "16.845", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_21096", stdDeviation: ".816" })))
14
14
  );
15
15
  ResizeOptionsFit.displayName = "ResizeOptionsFit";
package/dist/esm/Reveal.js CHANGED
@@ -9,6 +9,7 @@ const Reveal = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#Reveal__a)", clipPath: "url(#Reveal__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2" }))),
12
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Reveal__a", width: "33", height: "39", x: "30", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63 16H30v39h33z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Reveal__a)", clipPath: "url(#Reveal__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Reveal__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Reveal__d)", d: "M11 0h61v51H11z" })))),
13
14
  /* @__PURE__ */ React.createElement("mask", { id: "Reveal__e", width: "42", height: "39", x: "6", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M6 16h42v39H6z" })),
14
15
  /* @__PURE__ */ React.createElement("g", { mask: "url(#Reveal__e)", clipPath: "url(#Reveal__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Reveal__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Reveal__h)", d: "M11 0h61v51H11z" }))),
package/dist/esm/RevealAnimation.js CHANGED
@@ -9,6 +9,7 @@ const RevealAnimation = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#RevealAnimation__a)", clipPath: "url(#RevealAnimation__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36.999", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2", transform: "rotate(-45 21.858 36.999)" }))),
12
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "RevealAnimation__a", width: "10", height: "35", x: "22", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M22 20.5h10v34H22z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#RevealAnimation__a)", clipPath: "url(#RevealAnimation__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.858 36.999)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RevealAnimation__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealAnimation__d)", d: "M3.473 18.614 36-13.913l32.527 32.527L36 51.141z" })))),
13
14
  /* @__PURE__ */ React.createElement("mask", { id: "RevealAnimation__e", width: "19", height: "34", x: "32", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M51 20H32v34h19z" })),
14
15
  /* @__PURE__ */ React.createElement("g", { mask: "url(#RevealAnimation__e)" }, /* @__PURE__ */ React.createElement("mask", { id: "RevealAnimation__f", width: "26", height: "26", x: "23", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("rect", { width: "18.6", height: "18.6", x: "36", y: "23.992", fill: "#D9D9D9", rx: "1", transform: "rotate(45 36 23.992)" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RevealAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "37.145", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.858 37.145)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RevealAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealAnimation__i)", d: "M3.473 18.76 36-13.767 68.527 18.76 36 51.287z" })))),
package/dist/esm/RevealSection.js CHANGED
@@ -9,6 +9,7 @@ const RevealSection = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RevealSection__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "19.78", x: "15.818", y: "26.074", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2" })),
12
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#RevealSection__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "19.78", x: "15.818", y: "26.074", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RevealSection__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealSection__c)", d: "M15.818 6.98h57.254v38.91H15.818z" }))),
13
14
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RevealSection__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M15.818 28.074a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v11.56h-32z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RevealSection__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealSection__f)", d: "M15.818 12.613h57.254v27.46H15.818z" }))),
14
15
  /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealSection__g)", d: "M55.95 44.766v-17.53h1v17.53z" }),
package/dist/esm/RightWaveDivider.js CHANGED
@@ -9,7 +9,7 @@ const RightWaveDivider = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RightWaveDivider__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-11.594 60.317c30.663 0 46.56-18.557 72.952-30.133 23.397-10.262 56.377-9.877 56.377-9.877l-.022 40.01z", opacity: ".25" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-8.68 60.31c29.282 0 44.464-13.39 69.668-24.445 22.342-9.8 53.838-9.434 53.838-9.434l-.022 33.879z", opacity: ".5" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-4 60.309c27.062 0 41.093-8.373 64.386-18.59 20.649-9.056 49.757-8.717 49.757-8.717l-.02 27.307z" }), /* @__PURE__ */ React.createElement("mask", { id: "RightWaveDivider__b", width: "115", height: "28", x: "-4", y: "33", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-3.996 60.309c27.062 0 41.093-8.373 64.386-18.59 20.649-9.056 49.757-8.717 49.757-8.717l-.02 27.307z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#RightWaveDivider__c)", mask: "url(#RightWaveDivider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RightWaveDivider__d)", d: "M-33.414 59.97c51.758 0 78.594-16.591 123.143-36.833C129.222 5.19 184.894 5.863 184.894 5.863h26.096l-.002 54.106z" }))),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RightWaveDivider__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M-11.594 60.317c30.663 0 46.56-18.557 72.952-30.133 23.397-10.262 56.377-9.877 56.377-9.877l-.022 40.01z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M-8.68 60.31c29.282 0 44.464-13.39 69.668-24.445 22.342-9.8 53.838-9.434 53.838-9.434l-.022 33.879z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-11.594 60.317c30.663 0 46.56-18.557 72.952-30.133 23.397-10.262 56.377-9.877 56.377-9.877l-.022 40.01z", opacity: ".25" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-8.68 60.31c29.282 0 44.464-13.39 69.668-24.445 22.342-9.8 53.838-9.434 53.838-9.434l-.022 33.879z", opacity: ".5" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-4 60.309c27.062 0 41.093-8.373 64.386-18.59 20.649-9.056 49.757-8.717 49.757-8.717l-.02 27.307z" }), /* @__PURE__ */ React.createElement("mask", { id: "RightWaveDivider__b", width: "115", height: "28", x: "-4", y: "33", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-3.996 60.309c27.062 0 41.093-8.373 64.386-18.59 20.649-9.056 49.757-8.717 49.757-8.717l-.02 27.307z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#RightWaveDivider__c)", mask: "url(#RightWaveDivider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RightWaveDivider__d)", d: "M-33.414 59.97c51.758 0 78.594-16.591 123.143-36.833C129.222 5.19 184.894 5.863 184.894 5.863h26.096l-.002 54.106z" }))),
13
13
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RightWaveDivider__d", x1: "176.327", x2: "160.27", y1: "10.716", y2: "103.266", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RightWaveDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "110", height: "60", fill: "#fff", rx: "8", transform: "matrix(-1 0 0 1 110 0)" })), /* @__PURE__ */ React.createElement("filter", { id: "RightWaveDivider__c", width: "274.404", height: "84.109", x: "-48.414", y: "-9.141", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22564", stdDeviation: "7.5" })))
14
14
  );
15
15
  RightWaveDivider.displayName = "RightWaveDivider";
package/dist/esm/RotateClick.js CHANGED
@@ -11,6 +11,8 @@ const RotateClick = (props) => /* @__PURE__ */ React.createElement(
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateClick__a)", d: "M55.722 39.966c-.822 2.844-2.39 4.99-3.745 6.422a17 17 0 0 1-1.767 1.622 12 12 0 0 1-.706.518l-.043.028-.012.007-.004.003h-.002l-.267-.422-.266-.423.008-.004.032-.023.135-.09c.118-.084.291-.21.505-.38a16 16 0 0 0 1.66-1.522c1.281-1.354 2.746-3.366 3.511-6.014.764-2.643.537-4.906.122-6.507a11 11 0 0 0-.663-1.867 8 8 0 0 0-.317-.609l-.018-.027-.002-.006.42-.27c.388-.248.418-.268.42-.27h.002l.002.005.008.013.025.04q.031.052.085.148c.072.128.17.314.28.553.224.478.5 1.17.726 2.04.45 1.738.694 4.187-.13 7.035" }),
13
13
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M54.117 29.937a.5.5 0 0 1 .437.032l3.135 1.821-.502.865-2.582-1.5-.798 2.765-.96-.278.976-3.38.043-.105a.5.5 0 0 1 .25-.22" }),
14
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RotateClick__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "34.721", height: "16", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "8", transform: "scale(1 -1)rotate(49.105 73.123 2.65)" })),
15
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RotateClick__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "34.19", height: "16", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "8", transform: "scale(1 -1)rotate(26.017 120.06 19.496)" })),
14
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#RotateClick__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "34.721", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "scale(1 -1)rotate(49.105 73.123 2.65)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateClick__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateClick__d)", d: "M76.803-2.852 52.61-23.805 3.06 33.406 27.255 54.36z" }))),
15
17
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#RotateClick__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "34.19", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "scale(1 -1)rotate(26.017 120.06 19.496)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateClick__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateClick__g)", d: "m88.734 17.488-14.04-28.762L6.68 21.924l14.04 28.763z" }))),
16
18
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RotateClick__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "matrix(1 0 0 -1 16.073 44)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateClick__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateClick__j)", d: "M91.758 44V11.994H16.073V44z" }))),
package/dist/esm/RotateHover.js CHANGED
@@ -9,6 +9,7 @@ const RotateHover = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RotateHover__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "20.444", y: "36", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "1.644", transform: "rotate(-45 20.444 36)" })),
12
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#RotateHover__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "20.444", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.644", transform: "rotate(-45 20.444 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateHover__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateHover__c)", d: "M10.555 26.113 35.808.861 61.06 26.113 35.808 51.366z" }))),
13
14
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RotateHover__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "47", y: "25", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.633", transform: "rotate(90 47 25)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateHover__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateHover__f)", d: "M25.616-5.79h53.14v53.14h-53.14z" }))),
14
15
  /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateHover__g)", d: "M36.24 13.637c3.353 0 6.182 1.03 8.168 2.055.993.513 1.78 1.027 2.32 1.413a14 14 0 0 1 .784.606l.043.037.013.01.003.004h.002l-.664.749-.001-.001-.008-.007-.035-.03-.144-.118a13 13 0 0 0-.576-.437 18 18 0 0 0-2.196-1.337c-1.89-.975-4.56-1.944-7.708-1.944-3.144 0-5.557.966-7.183 1.93a12.5 12.5 0 0 0-1.84 1.322 9 9 0 0 0-.459.427q-.075.077-.111.117l-.025.027-.006.006-.376-.33-.376-.33h.002l.003-.004.01-.012.036-.039q.046-.05.132-.138c.117-.117.288-.282.512-.478.449-.392 1.115-.91 1.988-1.428 1.749-1.036 4.336-2.07 7.693-2.07" }),
package/dist/esm/RotateSection.js CHANGED
@@ -13,6 +13,7 @@ const RotateSection = (props) => /* @__PURE__ */ React.createElement(
13
13
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M26.026 53.924a.5.5 0 0 0-.091.43l1 3.999.97-.243-.845-3.38 3.36.001v-1l-4 .001-.114.013a.5.5 0 0 0-.28.18" }),
14
14
  /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateSection__b)", d: "M35.937 13.266c-3.353 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.037-.013.01-.003.004h-.002l.665.749v-.001l.008-.007.035-.03.144-.119c.129-.104.323-.255.576-.436.507-.364 1.253-.85 2.197-1.337 1.89-.975 4.56-1.944 7.708-1.944 3.143 0 5.556.966 7.182 1.93.814.481 1.43.963 1.84 1.322a9 9 0 0 1 .57.543l.026.028.005.006.377-.33.376-.33h-.003l-.002-.004-.01-.012-.036-.04-.133-.137a10 10 0 0 0-.512-.478 13.5 13.5 0 0 0-1.988-1.428c-1.749-1.036-4.336-2.07-7.692-2.07" }),
15
15
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M46.33 18.076a.5.5 0 0 0 .09-.43l-1-3.999-.97.243.846 3.38-3.36-.001v1l4-.001.113-.012a.5.5 0 0 0 .28-.18" }),
16
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RotateSection__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "25.5", y: "21.008", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(25.933 25.5 21.008)" })),
16
17
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#RotateSection__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "25.5", y: "21.008", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(25.933 25.5 21.008)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateSection__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateSection__e)", d: "m28.91 14 42.21 20.526-11.201 23.033-42.21-20.526z" }))),
17
18
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RotateSection__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateSection__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateSection__h)", d: "M20 6.016h57.254v38.91H20z" }))),
18
19
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateSection__a", x1: "46.923", x2: "27.423", y1: "55.234", y2: "55.234", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateSection__b", x1: "25.436", x2: "44.937", y1: "16.766", y2: "16.766", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateSection__e", x1: "64.128", x2: "32.773", y1: "33.682", y2: "60.855", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateSection__h", x1: "69.134", x2: "40.69", y1: "9.508", y2: "62.915", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateSection__c" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "25.5", y: "21.008", fill: "#fff", rx: "2", transform: "rotate(25.933 25.5 21.008)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateSection__f" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "RotateSection__d", width: "63.41", height: "53.555", x: "12.71", y: "9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22455", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "RotateSection__g", width: "67.254", height: "48.906", x: "15", y: "1.016", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22455", stdDeviation: "2.5" })))
package/dist/esm/RubberMouse.js CHANGED
@@ -9,6 +9,10 @@ const RubberMouse = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__a)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "46.691", cy: "19.299", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "52.63", ry: "30.002" }))),
13
+ /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__d)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "50.21", cy: "16.292", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "52.63", ry: "35.398" }))),
14
+ /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__g)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "63.949", cy: "19.299", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "52.63", ry: "30.002" }))),
15
+ /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__j)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "60.766", cy: "16.292", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "52.63", ry: "35.398" }))),
12
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "RubberMouse__a", width: "28", height: "20", x: "13", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "26.996", cy: "36.001", fill: "#D9D9D9", rx: "13.666", ry: "9.938" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__a)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "46.691", cy: "19.299", fill: "#002294", rx: "52.63", ry: "30.002" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RubberMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RubberMouse__c)", d: "M32.407 12.364c-1.726.169-3.43.403-5.09.702-6.815 1.242-12.857 3.604-16.84 6.93-9.106 7.595-4.039 17.324 11.32 21.729 15.357 4.404 35.185 1.812 44.291-5.782 9.106-7.6 4.039-17.329-11.308-21.728-7.015-2.014-14.948-2.564-22.373-1.851" })))),
13
17
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "RubberMouse__d", width: "29", height: "24", x: "16", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "30.514", cy: "35.999", fill: "#D9D9D9", rx: "13.666", ry: "11.725" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__d)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "50.21", cy: "16.292", fill: "#002294", rx: "52.63", ry: "35.398" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RubberMouse__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RubberMouse__f)", d: "M35.926 8.113c-1.726.199-3.43.475-5.09.829-6.816 1.464-12.857 4.252-16.84 8.176-9.107 8.96-4.039 20.44 11.319 25.636s35.186 2.139 44.292-6.822c9.106-8.967 4.038-20.445-11.308-25.635C51.284 7.92 43.35 7.27 35.926 8.113" })))),
14
18
  /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "RubberMouse__g", width: "28", height: "20", x: "30", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "44.253", cy: "36.001", fill: "#D9D9D9", rx: "13.666", ry: "9.938" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__g)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "63.949", cy: "19.299", fill: "#002294", rx: "52.63", ry: "30.002" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RubberMouse__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RubberMouse__i)", d: "M49.665 12.364c-1.726.169-3.43.403-5.09.702-6.815 1.242-12.857 3.604-16.84 6.93-9.106 7.595-4.039 17.324 11.32 21.729 15.357 4.404 35.185 1.812 44.291-5.782 9.106-7.6 4.039-17.329-11.308-21.728-7.015-2.014-14.948-2.564-22.373-1.851" })))),
package/dist/esm/ScrollEffectsDisappear.js CHANGED
@@ -9,7 +9,7 @@ const ScrollEffectsDisappear = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsDisappear__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsDisappear__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__d)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsDisappear__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 65h64v12H23z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsDisappear__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__g)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__h)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 34h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__j)", d: "m70.584 44.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__k)", d: "M95.988 52.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "43", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsDisappear__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__n)", d: "M63.682 39.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 27h64v9H23zM30 46h23v1H30zM30 50h23v1H30zM30 54h12v1H30z" })),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "3" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M23 65h64v12H23z" })), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsDisappear__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsDisappear__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__d)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsDisappear__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 65h64v12H23z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsDisappear__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__g)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__h)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 34h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__j)", d: "m70.584 44.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__k)", d: "M95.988 52.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "43", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsDisappear__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__n)", d: "M63.682 39.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 27h64v9H23zM30 46h23v1H30zM30 50h23v1H30zM30 54h12v1H30z" })),
13
13
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M91 72.844c0 .638-.448 1.156-1 1.156s-1-.518-1-1.156V38.156c0-.638.448-1.156 1-1.156s1 .518 1 1.156z" }),
14
14
  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
15
15
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__b" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 65h64v12H23z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__h" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "40", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__i" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 34h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__l" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "43", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsDisappear__d", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsDisappear__g", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsDisappear__j", x1: "65.465", x2: "78.231", y1: "49.185", y2: "60.371", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsDisappear__k", x1: "56.388", x2: "81.181", y1: "36.649", y2: "63.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsDisappear__n", x1: "67.724", x2: "60.025", y1: "39.808", y2: "49.632", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsDisappear__c", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22231", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsDisappear__f", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22231", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsDisappear__m", width: "12.12", height: "12.12", x: "58.44", y: "37.44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22231", stdDeviation: ".78" })))
package/dist/esm/ScrollEffectsFadeOut.js CHANGED
@@ -9,7 +9,7 @@ const ScrollEffectsFadeOut = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsFadeOut__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsFadeOut__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__d)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__e)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__g)", d: "m70.584 54.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__h)", d: "M95.988 62.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__i)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsFadeOut__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__k)", d: "M63.682 49.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("mask", { id: "ScrollEffectsFadeOut__m", width: "64", height: "9", x: "23", y: "37", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__l)", d: "M87 46h64v9H87z", transform: "rotate(-180 87 46)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ScrollEffectsFadeOut__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 37h64v9H23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M75 41h6v1h-6zM66 41h6v1h-6zM57 41h6v1h-6z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30 56h23v1H30zM30 60h23v1H30zM30 64h12v1H30z" })),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "3" })), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsFadeOut__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsFadeOut__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__d)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__e)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__g)", d: "m70.584 54.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__h)", d: "M95.988 62.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__i)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsFadeOut__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__k)", d: "M63.682 49.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("mask", { id: "ScrollEffectsFadeOut__m", width: "64", height: "9", x: "23", y: "37", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__l)", d: "M87 46h64v9H87z", transform: "rotate(-180 87 46)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ScrollEffectsFadeOut__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 37h64v9H23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M75 41h6v1h-6zM66 41h6v1h-6zM57 41h6v1h-6z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30 56h23v1H30zM30 60h23v1H30zM30 64h12v1H30z" })),
13
13
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M91 72.844c0 .638-.448 1.156-1 1.156s-1-.518-1-1.156V38.156c0-.638.448-1.156 1-1.156s1 .518 1 1.156z" }),
14
14
  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
15
15
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsFadeOut__d", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsFadeOut__g", x1: "65.465", x2: "78.231", y1: "59.185", y2: "70.371", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsFadeOut__h", x1: "56.388", x2: "81.181", y1: "46.649", y2: "73.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsFadeOut__k", x1: "67.724", x2: "60.025", y1: "49.808", y2: "59.632", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsFadeOut__l", x1: "119", x2: "119", y1: "46", y2: "55", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", null), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#fff" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__b" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__e" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "50", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__i" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsFadeOut__c", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22198", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsFadeOut__j", width: "12.12", height: "12.12", x: "58.44", y: "47.44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22198", stdDeviation: ".78" })))
package/dist/esm/ScrollEffectsMoveWithPage.js CHANGED
@@ -9,7 +9,7 @@ const ScrollEffectsMoveWithPage = (props) => /* @__PURE__ */ React.createElement
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsMoveWithPage__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__d)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsMoveWithPage__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 69h64v8H23z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__g)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__h)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 38h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__j)", d: "m70.584 48.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__k)", d: "M95.988 56.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "47", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__n)", d: "M63.682 43.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 31h64v9H23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M75 35h6v1h-6zM66 35h6v1h-6zM57 35h6v1h-6z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30 50h23v1H30zM30 54h23v1H30zM30 58h12v1H30z" })),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "3" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M23 69h64v8H23z" })), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsMoveWithPage__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__d)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsMoveWithPage__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 69h64v8H23z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__g)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__h)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 38h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__j)", d: "m70.584 48.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__k)", d: "M95.988 56.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "47", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__n)", d: "M63.682 43.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 31h64v9H23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M75 35h6v1h-6zM66 35h6v1h-6zM57 35h6v1h-6z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30 50h23v1H30zM30 54h23v1H30zM30 58h12v1H30z" })),
13
13
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M91 72.844c0 .638-.448 1.156-1 1.156s-1-.518-1-1.156V38.156c0-.638.448-1.156 1-1.156s1 .518 1 1.156z" }),
14
14
  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
15
15
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__b" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 69h64v8H23z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__h" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "44", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__i" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 38h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__l" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "47", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__d", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__g", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__j", x1: "65.465", x2: "78.231", y1: "53.185", y2: "64.371", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__k", x1: "56.388", x2: "81.181", y1: "40.649", y2: "67.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__n", x1: "67.724", x2: "60.025", y1: "43.808", y2: "53.632", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsMoveWithPage__c", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22265", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsMoveWithPage__f", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22265", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsMoveWithPage__m", width: "12.12", height: "12.12", x: "58.44", y: "41.44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22265", stdDeviation: ".78" })))
package/dist/esm/ScrollEffectsStayFixed.js CHANGED
@@ -9,7 +9,7 @@ const ScrollEffectsStayFixed = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsStayFixed__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsStayFixed__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__d)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__e)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__g)", d: "m70.584 54.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__h)", d: "M95.988 62.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__i)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsStayFixed__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__k)", d: "M63.682 49.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 37h64v9H23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M75 41h6v1h-6zM66 41h6v1h-6zM57 41h6v1h-6z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30 56h23v1H30zM30 60h23v1H30zM30 64h12v1H30z" })),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "3" })), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsStayFixed__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsStayFixed__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__d)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__e)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__g)", d: "m70.584 54.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__h)", d: "M95.988 62.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__i)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsStayFixed__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__k)", d: "M63.682 49.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 37h64v9H23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M75 41h6v1h-6zM66 41h6v1h-6zM57 41h6v1h-6z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30 56h23v1H30zM30 60h23v1H30zM30 64h12v1H30z" })),
13
13
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M91 72.844c0 .638-.448 1.156-1 1.156s-1-.518-1-1.156V38.156c0-.638.448-1.156 1-1.156s1 .518 1 1.156z" }),
14
14
  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
15
15
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__b" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__e" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "50", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__i" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__d", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__g", x1: "65.465", x2: "78.231", y1: "59.185", y2: "70.371", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__h", x1: "56.388", x2: "81.181", y1: "46.649", y2: "73.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__k", x1: "67.724", x2: "60.025", y1: "49.808", y2: "59.632", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsStayFixed__c", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22299", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsStayFixed__j", width: "12.12", height: "12.12", x: "58.44", y: "47.44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22299", stdDeviation: ".78" })))
package/dist/esm/ShapeEntrance.js CHANGED
@@ -10,6 +10,7 @@ const ShapeEntrance = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("rect", { width: "21.92", height: "21.92", x: "20.5", y: "36", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 20.5 36)" }),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShapeEntrance__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.92", height: "21.92", x: "20.5", y: "36", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "2", transform: "rotate(-45 20.5 36)" })),
13
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ShapeEntrance__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.92", height: "21.92", x: "20.5", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 20.5 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShapeEntrance__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShapeEntrance__c)", d: "m3.53 19.031 32.526-32.527 32.527 32.527-32.527 32.527z" }))),
14
15
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShapeEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.119", height: "14.119", x: "28.941", y: "28.941", fill: "var(--wds-illustration-color-1, #002291)", rx: "7.059" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShapeEntrance__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShapeEntrance__f)", d: "m3.96 13.746 31.873-31.873 31.873 31.873L35.833 45.62z" }))),
15
16
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShapeEntrance__c", x1: "34.363", x2: "42.044", y1: "-5.963", y2: "57.365", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShapeEntrance__f", x1: "34.174", x2: "41.7", y1: "-10.746", y2: "51.31", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShapeEntrance__a" }, /* @__PURE__ */ React.createElement("rect", { width: "21.92", height: "21.92", x: "20.5", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 20.5 36)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShapeEntrance__d" }, /* @__PURE__ */ React.createElement("rect", { width: "14.119", height: "14.119", x: "28.941", y: "28.941", fill: "#fff", rx: "7.059" })), /* @__PURE__ */ React.createElement("filter", { id: "ShapeEntrance__b", width: "75.054", height: "75.055", x: "-1.471", y: "-18.496", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19430", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShapeEntrance__e", width: "72.796", height: "72.793", x: "-.565", y: "-22.65", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19430", stdDeviation: "2.263" })))
package/dist/esm/Shrink.js CHANGED
@@ -17,6 +17,8 @@ const Shrink = (props) => /* @__PURE__ */ React.createElement(
17
17
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.086 45.031a.5.5 0 0 1 .144.399l-.353 3.889-.996-.09.3-3.292-3.293.3-.09-.996 3.89-.354.11.002a.5.5 0 0 1 .288.142" }),
18
18
  /* @__PURE__ */ React.createElement("path", { fill: "url(#Shrink__d)", d: "m51.622 51.031-6-6-.707.707 6 6z" }),
19
19
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M44.915 45.031a.5.5 0 0 0-.144.399l.353 3.889.996-.09-.3-3.292 3.293.3.09-.996-3.89-.354-.11.002a.5.5 0 0 0-.288.142" }),
20
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Shrink__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 21.858 36)" })),
21
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Shrink__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.142", height: "14.142", x: "26", y: "36", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "2", transform: "rotate(-45 26 36)" })),
20
22
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#Shrink__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.858 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Shrink__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shrink__g)", d: "M3.473 17.613 36-14.914l32.527 32.527L36 50.14z" }))),
21
23
  /* @__PURE__ */ React.createElement("g", { opacity: ".7", clipPath: "url(#Shrink__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.142", height: "14.142", x: "26", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Shrink__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shrink__j)", d: "M3.373 13.371 35.9-19.156l32.526 32.527L35.9 45.898z" }))),
22
24
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Shrink__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "8.486", height: "8.486", x: "30", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 30 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Shrink__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shrink__m)", d: "m3 9 32.528-32.527L68.055 9 35.528 41.527z" }))),
package/dist/esm/ShrinkClick.js CHANGED
@@ -9,6 +9,8 @@ const ShrinkClick = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShrinkClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "18", height: "30", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "9", transform: "matrix(0 -1 -1 0 51 45.055)" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShrinkClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "24", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "6", transform: "matrix(0 -1 -1 0 48 42)" })),
12
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ShrinkClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "18", height: "30", fill: "var(--wds-illustration-color-1, #002291)", rx: "9", transform: "matrix(0 -1 -1 0 51 45.055)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkClick__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkClick__c)", d: "M67 45.055V16.272H21v28.783z" }))),
13
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ShrinkClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 48 42)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkClick__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkClick__f)", d: "M78.684 42V15.131H24V42z" }))),
14
16
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShrinkClick__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "6", height: "17", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 44.5 39)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkClick__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkClick__i)", d: "M80.945 39V21.008H27.5V39z" }))),
package/dist/esm/ShrinkHover.js CHANGED
@@ -17,6 +17,8 @@ const ShrinkHover = (props) => /* @__PURE__ */ React.createElement(
17
17
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M24.499 47.77a.5.5 0 0 1 .144.398l-.353 3.89-.996-.09.3-3.293-3.293.3-.09-.996 3.89-.354.11.002a.5.5 0 0 1 .288.143" }),
18
18
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkHover__d)", d: "m54.21 53.766-6-6-.708.707 6 6z" }),
19
19
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M47.503 47.766a.5.5 0 0 0-.145.398l.354 3.89.995-.09-.3-3.293 3.293.3.09-.996-3.89-.354-.109.002a.5.5 0 0 0-.288.143" }),
20
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShrinkHover__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2.217" })),
21
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShrinkHover__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "15.4", height: "15.4", x: "28.3", y: "28.301", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "1.663" })),
20
22
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ShrinkHover__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.217" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkHover__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkHover__g)", d: "M25-3.828h51.002v51.001H25z" }))),
21
23
  /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ShrinkHover__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "15.4", height: "15.4", x: "28.3", y: "28.301", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.663" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkHover__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkHover__j)", d: "M28.3-8.18h51.002v51.002H28.3z" }))),
22
24
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShrinkHover__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "8.414", height: "8.414", x: "31.793", y: "31.793", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.109" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkHover__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkHover__m)", d: "M31.794-10.543h51.002v51.002H31.794z" }))),
package/dist/esm/ShrinkScroll.js CHANGED
@@ -17,10 +17,12 @@ const ShrinkScroll = (props) => /* @__PURE__ */ React.createElement(
17
17
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.017 46.61a.5.5 0 0 1 .144.398l-.354 3.889-.995-.09.3-3.292-3.293.3-.09-.996 3.89-.354.109.002a.5.5 0 0 1 .289.142" }),
18
18
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__d)", d: "m50.894 52.61-6-6-.707.706 6 6z" }),
19
19
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M44.187 46.61a.5.5 0 0 0-.144.398l.353 3.889.996-.09-.3-3.292 3.293.3.09-.996-3.89-.354-.11.002a.5.5 0 0 0-.288.142" }),
20
- /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__e", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732L37 48.233a2 2 0 0 1-2 0l-9.094-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732L35 23.767a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M73.582 8.346a5.57 5.57 0 0 1 2.786 4.826v32.57c0 1.99-1.062 3.83-2.786 4.825L45.375 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.803-7.939a5.57 5.57 0 0 1 5.572 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__g)", d: "M65.872 21.316v27.473L42.08 62.526 18.287 48.789V21.316L42.08 7.579z" })))),
21
- /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__h", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.163 30.648a2 2 0 0 1 1 1.732v7.144a2 2 0 0 1-1 1.732l-6.186 3.572a2 2 0 0 1-2 0l-6.187-3.572a2 2 0 0 1-1-1.732V32.38a2 2 0 0 1 1-1.732l6.187-3.572a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63.25 14.682a4.01 4.01 0 0 1 2.007 3.476v23.458a4.01 4.01 0 0 1-2.006 3.475l-20.316 11.73a4.01 4.01 0 0 1-4.013 0L18.607 45.09a4.01 4.01 0 0 1-2.007-3.475V18.158c0-1.434.765-2.759 2.007-3.476L38.922 2.953a4.01 4.01 0 0 1 4.013 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__j)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
20
+ /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M73.582 10.049c1.724 1.057 2.786 3.012 2.786 5.127v34.607c0 2.115-1.062 4.07-2.786 5.128L45.375 72.214a5.29 5.29 0 0 1-5.572 0L11.597 54.911c-1.724-1.058-2.786-3.013-2.786-5.128V15.176c0-2.115 1.062-4.07 2.786-5.127L39.803-7.255a5.29 5.29 0 0 1 5.572 0z" }))),
21
+ /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", d: "M63.25 15.908c1.242.762 2.007 2.17 2.007 3.693v24.926c0 1.523-.765 2.93-2.006 3.693L42.935 60.682a3.81 3.81 0 0 1-4.013 0L18.607 48.22c-1.242-.762-2.007-2.17-2.007-3.693V19.6c0-1.523.765-2.931 2.007-3.693L38.922 3.446a3.81 3.81 0 0 1 4.013 0z" }))),
22
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__e", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732L37 48.233a2 2 0 0 1-2 0l-9.094-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732L35 23.767a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M73.582 10.049c1.724 1.057 2.786 3.012 2.786 5.127v34.607c0 2.115-1.062 4.07-2.786 5.128L45.375 72.214a5.29 5.29 0 0 1-5.572 0L11.597 54.911c-1.724-1.058-2.786-3.013-2.786-5.128V15.176c0-2.115 1.062-4.07 2.786-5.127L39.803-7.255a5.29 5.29 0 0 1 5.572 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__g)", d: "M65.872 21.316v27.473L42.08 62.526 18.287 48.789V21.316L42.08 7.579z" })))),
23
+ /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__h", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.163 30.648a2 2 0 0 1 1 1.732v7.144a2 2 0 0 1-1 1.732l-6.186 3.572a2 2 0 0 1-2 0l-6.187-3.572a2 2 0 0 1-1-1.732V32.38a2 2 0 0 1 1-1.732l6.187-3.572a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63.25 15.908c1.242.762 2.007 2.17 2.007 3.693v24.926c0 1.523-.765 2.93-2.006 3.693L42.935 60.682a3.81 3.81 0 0 1-4.013 0L18.607 48.22c-1.242-.762-2.007-2.17-2.007-3.693V19.6c0-1.523.765-2.931 2.007-3.693L38.922 3.446a3.81 3.81 0 0 1 4.013 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__j)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
22
24
  /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__k", width: "12", height: "12", x: "30", y: "30", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.101 32.418a2 2 0 0 1 1 1.732v3.607a2 2 0 0 1-1 1.732l-3.124 1.804a2 2 0 0 1-2 0l-3.124-1.804a2 2 0 0 1-1-1.732V34.15a2 2 0 0 1 1-1.732l3.124-1.804a2 2 0 0 1 2 0z" })),
23
- /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55.589 22.581a2.47 2.47 0 0 1 1.236 2.142v14.455c0 .883-.471 1.7-1.236 2.141L43.07 48.546a2.47 2.47 0 0 1-2.472 0L28.08 41.32a2.47 2.47 0 0 1-1.237-2.142V24.724c0-.884.471-1.7 1.236-2.142l12.519-7.227a2.47 2.47 0 0 1 2.472 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__m)", d: "M52.393 25.852v12.193l-10.56 6.096-10.558-6.096V25.852l10.559-6.096z" }))),
25
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55.589 23.337c.765.47 1.236 1.337 1.236 2.275v15.36c0 .938-.471 1.805-1.236 2.275l-12.519 7.68c-.765.469-1.707.469-2.472 0l-12.518-7.68c-.766-.47-1.237-1.337-1.237-2.276V25.612c0-.938.471-1.806 1.236-2.275l12.519-7.68a2.35 2.35 0 0 1 2.472 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__m)", d: "M52.393 25.852v12.193l-10.56 6.096-10.558-6.096V25.852l10.559-6.096z" }))),
24
26
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__a", x1: "50.538", x2: "44.538", y1: "19.037", y2: "25.037", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__b", x1: "20.662", x2: "26.662", y1: "19.037", y2: "25.037", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__c", x1: "20.663", x2: "26.663", y1: "52.963", y2: "46.963", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__d", x1: "50.54", x2: "44.54", y1: "52.963", y2: "46.963", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__g", x1: "67.512", x2: "15.947", y1: "21.167", y2: "49.509", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__j", x1: "59.245", x2: "22.106", y1: "19.884", y2: "40.298", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__m", x1: "53.121", x2: "30.236", y1: "25.786", y2: "38.364", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkScroll__f", width: "57.585", height: "64.949", x: "13.287", y: "2.578", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19869", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkScroll__i", width: "44.273", height: "49.574", x: "18.792", y: "5.098", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19869", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkScroll__l", width: "31.118", height: "34.387", x: "26.275", y: "14.754", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19869", stdDeviation: "2.5" })))
25
27
  );
26
28
  ShrinkScroll.displayName = "ShrinkScroll";
package/dist/esm/Shuffle.js CHANGED
@@ -12,6 +12,7 @@ const Shuffle = (props) => /* @__PURE__ */ React.createElement(
12
12
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M16.094 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zM55.767 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" }),
13
13
  /* @__PURE__ */ React.createElement("mask", { id: "Shuffle__a", width: "50", height: "15", x: "12", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M16.094 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zM55.767 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })),
14
14
  /* @__PURE__ */ React.createElement("g", { filter: "url(#Shuffle__b)", mask: "url(#Shuffle__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shuffle__c)", d: "M13 0h59v44H13z" })),
15
+ /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M35.57 41.1q-1.08 0-2-.54a4.1 4.1 0 0 1-1.48-1.5q-.54-.98-.54-2.28 0-1.32.54-2.28a4.05 4.05 0 0 1 1.48-1.52 3.9 3.9 0 0 1 2.02-.54q1.581 0 2.46 1.24v-.98h2.72v4.5q0 1.38 1.04 1.38 1.32 0 1.32-2.32 0-1.78-.8-3.18a5.87 5.87 0 0 0-2.22-2.24q-1.4-.84-3.24-.84-1.44 0-2.7.52a6.8 6.8 0 0 0-2.2 1.44 6.8 6.8 0 0 0-1.48 2.16 6.9 6.9 0 0 0-.52 2.68q0 1.34.5 2.52.501 1.16 1.38 2.06.9.88 2.1 1.38 1.221.5 2.64.5 1.36 0 2.48-.44t1.8-1.16L42.69 44q-.54.48-1.44.9-.9.44-2.08.7-1.18.28-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.66-.7-3.6 0-2 .74-3.7a9 9 0 0 1 2.06-2.98 9.3 9.3 0 0 1 3.1-1.98q1.78-.72 3.84-.72 1.96 0 3.6.7a8.7 8.7 0 0 1 2.88 1.9 8.7 8.7 0 0 1 1.9 2.78 8.4 8.4 0 0 1 .68 3.36q0 2.36-1.18 3.68-1.16 1.3-3.26 1.3-1 0-1.76-.38a2.85 2.85 0 0 1-1.18-1.06q-.5.68-1.28 1.06t-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.28.68-.72v-1.2q0-.98-.5-1.52t-1.32-.54q-.86 0-1.38.6-.5.6-.5 1.54" })),
15
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35.57 41.1q-1.08 0-2-.54a4.1 4.1 0 0 1-1.48-1.5q-.54-.98-.54-2.28 0-1.32.54-2.28a4.05 4.05 0 0 1 1.48-1.52 3.9 3.9 0 0 1 2.02-.54q1.581 0 2.46 1.24v-.98h2.72v4.5q0 1.38 1.04 1.38 1.32 0 1.32-2.32 0-1.78-.8-3.18a5.87 5.87 0 0 0-2.22-2.24q-1.4-.84-3.24-.84-1.44 0-2.7.52a6.8 6.8 0 0 0-2.2 1.44 6.8 6.8 0 0 0-1.48 2.16 6.9 6.9 0 0 0-.52 2.68q0 1.34.5 2.52.501 1.16 1.38 2.06.9.88 2.1 1.38 1.221.5 2.64.5 1.36 0 2.48-.44t1.8-1.16L42.69 44q-.54.48-1.44.9-.9.44-2.08.7-1.18.28-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.66-.7-3.6 0-2 .74-3.7a9 9 0 0 1 2.06-2.98 9.3 9.3 0 0 1 3.1-1.98q1.78-.72 3.84-.72 1.96 0 3.6.7a8.7 8.7 0 0 1 2.88 1.9 8.7 8.7 0 0 1 1.9 2.78 8.4 8.4 0 0 1 .68 3.36q0 2.36-1.18 3.68-1.16 1.3-3.26 1.3-1 0-1.76-.38a2.85 2.85 0 0 1-1.18-1.06q-.5.68-1.28 1.06t-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.28.68-.72v-1.2q0-.98-.5-1.52t-1.32-.54q-.86 0-1.38.6-.5.6-.5 1.54" }), /* @__PURE__ */ React.createElement("mask", { id: "Shuffle__d", width: "19", height: "19", x: "27", y: "27", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35.57 41.099q-1.08 0-2-.54a4.1 4.1 0 0 1-1.48-1.5q-.54-.98-.54-2.28 0-1.32.54-2.28a4.05 4.05 0 0 1 1.48-1.52 3.9 3.9 0 0 1 2.02-.54q1.581 0 2.46 1.24v-.98h2.72v4.5q0 1.38 1.04 1.38 1.32 0 1.32-2.32 0-1.78-.8-3.18a5.87 5.87 0 0 0-2.22-2.24q-1.4-.84-3.24-.84-1.44 0-2.7.52a6.8 6.8 0 0 0-2.2 1.44 6.8 6.8 0 0 0-1.48 2.16 6.9 6.9 0 0 0-.52 2.68q0 1.34.5 2.52.501 1.16 1.38 2.06.9.88 2.1 1.38 1.221.5 2.64.5 1.36 0 2.48-.44t1.8-1.16l1.82 2.34q-.54.48-1.44.9-.9.44-2.08.7-1.18.28-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.66-.7-3.6 0-2 .74-3.7a9 9 0 0 1 2.06-2.98 9.3 9.3 0 0 1 3.1-1.98q1.78-.72 3.84-.72 1.96 0 3.6.7a8.7 8.7 0 0 1 2.88 1.9 8.7 8.7 0 0 1 1.9 2.78 8.4 8.4 0 0 1 .68 3.36q0 2.36-1.18 3.68-1.16 1.3-3.26 1.3-1 0-1.76-.38a2.85 2.85 0 0 1-1.18-1.06q-.5.68-1.28 1.06t-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.28.68-.72v-1.2q0-.98-.5-1.52t-1.32-.54q-.86 0-1.38.6-.5.6-.5 1.54" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Shuffle__e)", mask: "url(#Shuffle__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shuffle__f)", d: "M16-2h56v44H16z" }))),
16
17
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Shuffle__c", x1: "63.632", x2: "29.86", y1: "3.949", y2: "61.736", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Shuffle__f", x1: "64.058", x2: "29.446", y1: "1.949", y2: "58.161", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "Shuffle__b", width: "75.8", height: "60.8", x: "4.6", y: "-8.4", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17732", stdDeviation: "4.2" })), /* @__PURE__ */ React.createElement("filter", { id: "Shuffle__e", width: "72.8", height: "60.8", x: "7.6", y: "-10.4", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17732", stdDeviation: "4.2" })))
17
18
  );
package/dist/esm/SkewClick.js CHANGED
@@ -9,6 +9,7 @@ const SkewClick = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })),
12
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "var(--wds-illustration-color-1, #002291)", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewClick__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewClick__c)", d: "m109.989 62.273-15.03-37.83L3.582.76l15.03 37.83z" }))),
13
14
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewClick__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewClick__f)", d: "M95.765 44V11.994H20.08V44z" }))),
14
15
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewClick__c", x1: "88.888", x2: "60.059", y1: "27.683", y2: "71.977", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewClick__f", x1: "88.972", x2: "58.899", y1: "16.533", y2: "72.263", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__a" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "#fff", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__d" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewClick__b", width: "123.203", height: "78.311", x: "-4.816", y: "-7.64", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19502", stdDeviation: "4.199" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewClick__e", width: "90.45", height: "46.769", x: "12.698", y: "4.614", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19502", stdDeviation: "3.691" })))