@wix/design-system-illustrations 2.19.0 → 2.21.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 (719) hide show
  1. package/dist/cjs/AiryMouse.js +7 -7
  2. package/dist/cjs/AngledTriangleDivider.js +2 -2
  3. package/dist/cjs/{Aspect12.js → Apsect12.js} +9 -9
  4. package/dist/cjs/ArcEntrance.js +9 -9
  5. package/dist/cjs/ArcScroll.js +5 -5
  6. package/dist/cjs/Ascpect45.js +52 -0
  7. package/dist/cjs/Aspect11Image.js +2 -2
  8. package/dist/cjs/Aspect169Image.js +2 -2
  9. package/dist/cjs/Aspect23Image.js +1 -1
  10. package/dist/cjs/Aspect32Image.js +2 -2
  11. package/dist/cjs/Aspect34Image.js +2 -2
  12. package/dist/cjs/Aspect3DSection.js +8 -8
  13. package/dist/cjs/Aspect3DSpinScroll.js +9 -9
  14. package/dist/cjs/Aspect43Image.js +2 -2
  15. package/dist/cjs/Aspect45Image.js +2 -2
  16. package/dist/cjs/Aspect54Image.js +2 -2
  17. package/dist/cjs/Aspect916Image.js +2 -2
  18. package/dist/cjs/AvatarCircle.js +1 -0
  19. package/dist/cjs/AvatarSquare.js +3 -2
  20. package/dist/cjs/BentoLayout.js +54 -0
  21. package/dist/cjs/BentoLayoutSmall.js +54 -0
  22. package/dist/cjs/BlobMouse.js +7 -7
  23. package/dist/cjs/BlobsDivider.js +2 -2
  24. package/dist/cjs/Blocks.js +52 -0
  25. package/dist/cjs/BlocksSmall.js +52 -0
  26. package/dist/cjs/BlogFullPost.js +1 -1
  27. package/dist/cjs/BlogOneColumn.js +1 -1
  28. package/dist/cjs/BlogTagButton.js +1 -1
  29. package/dist/cjs/BlurScroll.js +1 -1
  30. package/dist/cjs/BookingsLayoutGrid.js +55 -0
  31. package/dist/cjs/BookingsLayoutStrip.js +52 -0
  32. package/dist/cjs/BookingsList.js +54 -0
  33. package/dist/cjs/BookingsMonthly.js +52 -0
  34. package/dist/cjs/BookingsOverlay.js +52 -0
  35. package/dist/cjs/BookingsPresetMasonry.js +53 -0
  36. package/dist/cjs/BookingsPresetSlider.js +53 -0
  37. package/dist/cjs/BookingsPresetSquares.js +53 -0
  38. package/dist/cjs/BookingsStrip.js +3 -2
  39. package/dist/cjs/BookingsWeekly.js +52 -0
  40. package/dist/cjs/Bounce.js +2 -2
  41. package/dist/cjs/BounceEntrance.js +8 -8
  42. package/dist/cjs/BrushDivider.js +2 -2
  43. package/dist/cjs/CircleImage.js +1 -1
  44. package/dist/cjs/CircleMarker.js +4 -4
  45. package/dist/cjs/CloseupSection.js +8 -8
  46. package/dist/cjs/CloudsDivider.js +1 -1
  47. package/dist/cjs/ColorClick.js +1 -1
  48. package/dist/cjs/ColorHover.js +1 -1
  49. package/dist/cjs/CrossLoop.js +8 -8
  50. package/dist/cjs/Cube.js +2 -2
  51. package/dist/cjs/CustomImage.js +2 -2
  52. package/dist/cjs/DartScroll.js +5 -5
  53. package/dist/cjs/DesignedSection.js +2 -2
  54. package/dist/cjs/DesignedSectionSmall.js +2 -2
  55. package/dist/cjs/DonutChart.js +2 -2
  56. package/dist/cjs/Dots.js +60 -0
  57. package/dist/cjs/DotsSmall.js +60 -0
  58. package/dist/cjs/Drop.js +3 -3
  59. package/dist/cjs/DunesDivider.js +5 -5
  60. package/dist/cjs/ElipseDivider.js +4 -4
  61. package/dist/cjs/EllipseImage.js +1 -1
  62. package/dist/cjs/EmptyPageImage.js +2 -2
  63. package/dist/cjs/EventInfo.js +2 -2
  64. package/dist/cjs/EventLeft.js +1 -1
  65. package/dist/cjs/EventRight.js +1 -1
  66. package/dist/cjs/ExpandClick.js +11 -11
  67. package/dist/cjs/ExpandHover.js +8 -8
  68. package/dist/cjs/ExpandScroll.js +7 -7
  69. package/dist/cjs/FadeAnimationFadeAnimation.js +53 -0
  70. package/dist/cjs/FadeBackSection.js +5 -5
  71. package/dist/cjs/FadeClick.js +2 -2
  72. package/dist/cjs/FadeHover.js +2 -2
  73. package/dist/cjs/FadeScroll.js +2 -2
  74. package/dist/cjs/FadeSection.js +2 -2
  75. package/dist/cjs/FillParallaxScroll.js +8 -8
  76. package/dist/cjs/FillReveal.js +3 -3
  77. package/dist/cjs/FlapLoop.js +7 -7
  78. package/dist/cjs/FlashLoop.js +3 -3
  79. package/dist/cjs/FlipAnimation.js +4 -4
  80. package/dist/cjs/FlipLoop.js +7 -7
  81. package/dist/cjs/FlipScroll.js +7 -7
  82. package/dist/cjs/FloatEntrance.js +5 -5
  83. package/dist/cjs/FluidImage.js +1 -1
  84. package/dist/cjs/FoldAnimation.js +4 -4
  85. package/dist/cjs/FreeformImage.js +3 -3
  86. package/dist/cjs/GenerateWithAI.js +1 -1
  87. package/dist/cjs/GlideEntrance.js +6 -6
  88. package/dist/cjs/GrowEntrance.js +6 -6
  89. package/dist/cjs/HeartImage.js +1 -1
  90. package/dist/cjs/HexagonalImage.js +1 -1
  91. package/dist/cjs/HillDivider.js +1 -1
  92. package/dist/cjs/ImageLayoutLarge.js +2 -2
  93. package/dist/cjs/ImageLayoutThumbnail.js +2 -2
  94. package/dist/cjs/ImageLayoutTwoColumn.js +2 -2
  95. package/dist/cjs/InvertedElipseDivider.js +4 -4
  96. package/dist/cjs/JelloLoop.js +5 -5
  97. package/dist/cjs/LayeredElipseDivider.js +4 -6
  98. package/dist/cjs/LayoutTwoColumnSmall.js +53 -0
  99. package/dist/cjs/LeftToRight.js +57 -0
  100. package/dist/cjs/LeftToRightSmall.js +57 -0
  101. package/dist/cjs/LeftWaveDivider.js +5 -5
  102. package/dist/cjs/LetterTwist.js +2 -2
  103. package/dist/cjs/LineChart.js +1 -1
  104. package/dist/cjs/LiquidDivider.js +4 -4
  105. package/dist/cjs/Marker.js +5 -5
  106. package/dist/cjs/Marquee.js +2 -2
  107. package/dist/cjs/MembersName.js +1 -1
  108. package/dist/cjs/MembersNameAndIcon.js +1 -1
  109. package/dist/cjs/MoveClick.js +4 -4
  110. package/dist/cjs/MoveHorizontalHover.js +6 -6
  111. package/dist/cjs/MoveScroll.js +2 -2
  112. package/dist/cjs/MultiAreaChart.js +4 -4
  113. package/dist/cjs/MultiLineChart.js +1 -1
  114. package/dist/cjs/ObscureMouse.js +8 -8
  115. package/dist/cjs/OnImage.js +2 -2
  116. package/dist/cjs/OpticalillusionDivider.js +1 -1
  117. package/dist/cjs/OriginalImage.js +2 -2
  118. package/dist/cjs/PaintDivider.js +2 -2
  119. package/dist/cjs/PaintScribbleDivider.js +5 -5
  120. package/dist/cjs/PanSection.js +4 -4
  121. package/dist/cjs/ParallaxScroll.js +7 -7
  122. package/dist/cjs/ParallaxSection.js +3 -3
  123. package/dist/cjs/PeaksDivider.js +1 -1
  124. package/dist/cjs/PentagonImage.js +1 -1
  125. package/dist/cjs/PieChart.js +3 -3
  126. package/dist/cjs/PixelsDivider.js +2 -2
  127. package/dist/cjs/PlantsDivider.js +1 -1
  128. package/dist/cjs/PokeLoop.js +8 -8
  129. package/dist/cjs/ProductCardLayoutFullSmall.js +52 -0
  130. package/dist/cjs/PullBackSection.js +7 -7
  131. package/dist/cjs/PulseLoop.js +2 -2
  132. package/dist/cjs/RSVPInvite.js +1 -1
  133. package/dist/cjs/ResizeMouse.js +5 -5
  134. package/dist/cjs/ResizeOptionsCrop.js +3 -3
  135. package/dist/cjs/ResizeOptionsFit.js +2 -2
  136. package/dist/cjs/Reveal.js +3 -3
  137. package/dist/cjs/RevealScroll.js +4 -4
  138. package/dist/cjs/RhombusImage.js +1 -1
  139. package/dist/cjs/RightWaveDivider.js +4 -4
  140. package/dist/cjs/RotateClick.js +6 -6
  141. package/dist/cjs/RotateHover.js +6 -6
  142. package/dist/cjs/RotateSection.js +7 -7
  143. package/dist/cjs/RubberMouse.js +10 -10
  144. package/dist/cjs/ScrollEffectsDisappear.js +2 -2
  145. package/dist/cjs/ScrollEffectsFadeOut.js +2 -2
  146. package/dist/cjs/ScrollEffectsMoveWithPage.js +2 -2
  147. package/dist/cjs/ScrollEffectsStayFixed.js +2 -2
  148. package/dist/cjs/SemiElipseDivider.js +2 -2
  149. package/dist/cjs/ShapeEntrance.js +3 -3
  150. package/dist/cjs/ShapeScroll.js +2 -2
  151. package/dist/cjs/Shrink.js +12 -12
  152. package/dist/cjs/ShrinkClick.js +5 -5
  153. package/dist/cjs/ShrinkHover.js +12 -12
  154. package/dist/cjs/ShrinkScroll.js +10 -10
  155. package/dist/cjs/Shuffle.js +1 -1
  156. package/dist/cjs/ShuttersAnimation.js +2 -2
  157. package/dist/cjs/ShuttersScroll.js +2 -2
  158. package/dist/cjs/Skew3DMouse.js +3 -3
  159. package/dist/cjs/SkewClick.js +3 -3
  160. package/dist/cjs/SkewHover.js +3 -3
  161. package/dist/cjs/SkewSection.js +6 -6
  162. package/dist/cjs/Slide.js +3 -3
  163. package/dist/cjs/SlideScroll.js +1 -1
  164. package/dist/cjs/SpinAnimation.js +1 -1
  165. package/dist/cjs/SpinLoop.js +5 -5
  166. package/dist/cjs/SpinScroll.js +5 -5
  167. package/dist/cjs/SplitGridColumn.js +52 -0
  168. package/dist/cjs/SplitGridColumnSmall.js +52 -0
  169. package/dist/cjs/SplitGridRow.js +52 -0
  170. package/dist/cjs/SplitGridRowSmall.js +52 -0
  171. package/dist/cjs/Stagger.js +1 -1
  172. package/dist/cjs/StarImage.js +1 -1
  173. package/dist/cjs/StoreAccordionCollapse.js +1 -1
  174. package/dist/cjs/StoreBelowInfo.js +1 -1
  175. package/dist/cjs/StoreCollapse.js +1 -1
  176. package/dist/cjs/StoreDrawer.js +1 -0
  177. package/dist/cjs/StoreImages.js +2 -2
  178. package/dist/cjs/StoreOnImage.js +1 -1
  179. package/dist/cjs/StorePopUp.js +1 -0
  180. package/dist/cjs/StorePriceSideBySide.js +1 -1
  181. package/dist/cjs/StorePriceStacked.js +1 -1
  182. package/dist/cjs/StoreProductInfo.js +1 -1
  183. package/dist/cjs/StoreSpotlight.js +1 -1
  184. package/dist/cjs/StoreSwapImage.js +1 -0
  185. package/dist/cjs/StoreWrap.js +0 -1
  186. package/dist/cjs/StripesDivider.js +2 -2
  187. package/dist/cjs/Swap.js +2 -2
  188. package/dist/cjs/SwingLoop.js +7 -7
  189. package/dist/cjs/SwivelMouse.js +6 -6
  190. package/dist/cjs/TextPath.js +4 -4
  191. package/dist/cjs/ThreeColumnTwoRowLeftMerged.js +52 -0
  192. package/dist/cjs/ThreeColumnTwoRowLeftMergedSmall.js +52 -0
  193. package/dist/cjs/ThreeColumns.js +52 -0
  194. package/dist/cjs/ThreeColumnsSmall.js +52 -0
  195. package/dist/cjs/ThreeRows.js +52 -0
  196. package/dist/cjs/ThreeRowsSmall.js +52 -0
  197. package/dist/cjs/Tilt3DMouse.js +3 -3
  198. package/dist/cjs/TiltAnimation.js +4 -4
  199. package/dist/cjs/TiltDivider.js +4 -4
  200. package/dist/cjs/TiltEntrance.js +4 -4
  201. package/dist/cjs/TiltScroll.js +5 -5
  202. package/dist/cjs/Track3DMouse.js +6 -6
  203. package/dist/cjs/TrackMouse.js +6 -6
  204. package/dist/cjs/TriangleDivider.js +1 -1
  205. package/dist/cjs/TriangularImage.js +1 -1
  206. package/dist/cjs/TurnEntrance.js +6 -6
  207. package/dist/cjs/TurnScroll.js +8 -8
  208. package/dist/cjs/TwistClick.js +4 -4
  209. package/dist/cjs/TwistHover.js +4 -4
  210. package/dist/cjs/TwoByTwoGrid.js +54 -0
  211. package/dist/cjs/TwoByTwoGridSmall.js +54 -0
  212. package/dist/cjs/TwoRows.js +53 -0
  213. package/dist/cjs/TwoRowsSmall.js +53 -0
  214. package/dist/cjs/TypeWriter.js +3 -3
  215. package/dist/cjs/Underline.js +5 -5
  216. package/dist/cjs/UpToDown.js +57 -0
  217. package/dist/cjs/UpToDownSmall.js +57 -0
  218. package/dist/cjs/WavesDivider.js +5 -6
  219. package/dist/cjs/WhatsappStatus.js +1 -1
  220. package/dist/cjs/WiggleLoop.js +2 -2
  221. package/dist/cjs/WindowImage.js +1 -1
  222. package/dist/cjs/WinkEntrance.js +6 -6
  223. package/dist/cjs/WordTwist.js +2 -2
  224. package/dist/cjs/ZoomSection.js +5 -5
  225. package/dist/cjs/index.js +114 -6
  226. package/dist/esm/AiryMouse.js +7 -7
  227. package/dist/esm/AngledTriangleDivider.js +2 -2
  228. package/dist/esm/{Aspect12.js → Apsect12.js} +5 -5
  229. package/dist/esm/ArcEntrance.js +9 -9
  230. package/dist/esm/ArcScroll.js +5 -5
  231. package/dist/esm/Ascpect45.js +18 -0
  232. package/dist/esm/Aspect11Image.js +2 -2
  233. package/dist/esm/Aspect169Image.js +2 -2
  234. package/dist/esm/Aspect23Image.js +1 -1
  235. package/dist/esm/Aspect32Image.js +2 -2
  236. package/dist/esm/Aspect34Image.js +2 -2
  237. package/dist/esm/Aspect3DSection.js +8 -8
  238. package/dist/esm/Aspect3DSpinScroll.js +9 -9
  239. package/dist/esm/Aspect43Image.js +2 -2
  240. package/dist/esm/Aspect45Image.js +2 -2
  241. package/dist/esm/Aspect54Image.js +2 -2
  242. package/dist/esm/Aspect916Image.js +2 -2
  243. package/dist/esm/AvatarCircle.js +1 -0
  244. package/dist/esm/AvatarSquare.js +3 -2
  245. package/dist/esm/BentoLayout.js +20 -0
  246. package/dist/esm/BentoLayoutSmall.js +20 -0
  247. package/dist/esm/BlobMouse.js +7 -7
  248. package/dist/esm/BlobsDivider.js +2 -2
  249. package/dist/esm/Blocks.js +18 -0
  250. package/dist/esm/BlocksSmall.js +18 -0
  251. package/dist/esm/BlogFullPost.js +1 -1
  252. package/dist/esm/BlogOneColumn.js +1 -1
  253. package/dist/esm/BlogTagButton.js +1 -1
  254. package/dist/esm/BlurScroll.js +1 -1
  255. package/dist/esm/BookingsLayoutGrid.js +21 -0
  256. package/dist/esm/BookingsLayoutStrip.js +18 -0
  257. package/dist/esm/BookingsList.js +20 -0
  258. package/dist/esm/BookingsMonthly.js +18 -0
  259. package/dist/esm/BookingsOverlay.js +18 -0
  260. package/dist/esm/BookingsPresetMasonry.js +19 -0
  261. package/dist/esm/BookingsPresetSlider.js +19 -0
  262. package/dist/esm/BookingsPresetSquares.js +19 -0
  263. package/dist/esm/BookingsStrip.js +3 -2
  264. package/dist/esm/BookingsWeekly.js +18 -0
  265. package/dist/esm/Bounce.js +2 -2
  266. package/dist/esm/BounceEntrance.js +8 -8
  267. package/dist/esm/BrushDivider.js +2 -2
  268. package/dist/esm/CircleImage.js +1 -1
  269. package/dist/esm/CircleMarker.js +4 -4
  270. package/dist/esm/CloseupSection.js +8 -8
  271. package/dist/esm/CloudsDivider.js +1 -1
  272. package/dist/esm/ColorClick.js +1 -1
  273. package/dist/esm/ColorHover.js +1 -1
  274. package/dist/esm/CrossLoop.js +8 -8
  275. package/dist/esm/Cube.js +2 -2
  276. package/dist/esm/CustomImage.js +2 -2
  277. package/dist/esm/DartScroll.js +5 -5
  278. package/dist/esm/DesignedSection.js +2 -2
  279. package/dist/esm/DesignedSectionSmall.js +2 -2
  280. package/dist/esm/DonutChart.js +2 -2
  281. package/dist/esm/Dots.js +26 -0
  282. package/dist/esm/DotsSmall.js +26 -0
  283. package/dist/esm/Drop.js +3 -3
  284. package/dist/esm/DunesDivider.js +5 -5
  285. package/dist/esm/ElipseDivider.js +4 -4
  286. package/dist/esm/EllipseImage.js +1 -1
  287. package/dist/esm/EmptyPageImage.js +2 -2
  288. package/dist/esm/EventInfo.js +2 -2
  289. package/dist/esm/EventLeft.js +1 -1
  290. package/dist/esm/EventRight.js +1 -1
  291. package/dist/esm/ExpandClick.js +11 -11
  292. package/dist/esm/ExpandHover.js +8 -8
  293. package/dist/esm/ExpandScroll.js +7 -7
  294. package/dist/esm/FadeAnimationFadeAnimation.js +19 -0
  295. package/dist/esm/FadeBackSection.js +5 -5
  296. package/dist/esm/FadeClick.js +2 -2
  297. package/dist/esm/FadeHover.js +2 -2
  298. package/dist/esm/FadeScroll.js +2 -2
  299. package/dist/esm/FadeSection.js +2 -2
  300. package/dist/esm/FillParallaxScroll.js +8 -8
  301. package/dist/esm/FillReveal.js +3 -3
  302. package/dist/esm/FlapLoop.js +7 -7
  303. package/dist/esm/FlashLoop.js +3 -3
  304. package/dist/esm/FlipAnimation.js +4 -4
  305. package/dist/esm/FlipLoop.js +7 -7
  306. package/dist/esm/FlipScroll.js +7 -7
  307. package/dist/esm/FloatEntrance.js +5 -5
  308. package/dist/esm/FluidImage.js +1 -1
  309. package/dist/esm/FoldAnimation.js +4 -4
  310. package/dist/esm/FreeformImage.js +3 -3
  311. package/dist/esm/GenerateWithAI.js +1 -1
  312. package/dist/esm/GlideEntrance.js +6 -6
  313. package/dist/esm/GrowEntrance.js +6 -6
  314. package/dist/esm/HeartImage.js +1 -1
  315. package/dist/esm/HexagonalImage.js +1 -1
  316. package/dist/esm/HillDivider.js +1 -1
  317. package/dist/esm/ImageLayoutLarge.js +2 -2
  318. package/dist/esm/ImageLayoutThumbnail.js +2 -2
  319. package/dist/esm/ImageLayoutTwoColumn.js +2 -2
  320. package/dist/esm/InvertedElipseDivider.js +4 -4
  321. package/dist/esm/JelloLoop.js +5 -5
  322. package/dist/esm/LayeredElipseDivider.js +4 -6
  323. package/dist/esm/LayoutTwoColumnSmall.js +19 -0
  324. package/dist/esm/LeftToRight.js +23 -0
  325. package/dist/esm/LeftToRightSmall.js +23 -0
  326. package/dist/esm/LeftWaveDivider.js +5 -5
  327. package/dist/esm/LetterTwist.js +2 -2
  328. package/dist/esm/LineChart.js +1 -1
  329. package/dist/esm/LiquidDivider.js +4 -4
  330. package/dist/esm/Marker.js +5 -5
  331. package/dist/esm/Marquee.js +2 -2
  332. package/dist/esm/MembersName.js +1 -1
  333. package/dist/esm/MembersNameAndIcon.js +1 -1
  334. package/dist/esm/MoveClick.js +4 -4
  335. package/dist/esm/MoveHorizontalHover.js +6 -6
  336. package/dist/esm/MoveScroll.js +2 -2
  337. package/dist/esm/MultiAreaChart.js +4 -4
  338. package/dist/esm/MultiLineChart.js +1 -1
  339. package/dist/esm/ObscureMouse.js +8 -8
  340. package/dist/esm/OnImage.js +2 -2
  341. package/dist/esm/OpticalillusionDivider.js +1 -1
  342. package/dist/esm/OriginalImage.js +2 -2
  343. package/dist/esm/PaintDivider.js +2 -2
  344. package/dist/esm/PaintScribbleDivider.js +5 -5
  345. package/dist/esm/PanSection.js +4 -4
  346. package/dist/esm/ParallaxScroll.js +7 -7
  347. package/dist/esm/ParallaxSection.js +3 -3
  348. package/dist/esm/PeaksDivider.js +1 -1
  349. package/dist/esm/PentagonImage.js +1 -1
  350. package/dist/esm/PieChart.js +3 -3
  351. package/dist/esm/PixelsDivider.js +2 -2
  352. package/dist/esm/PlantsDivider.js +1 -1
  353. package/dist/esm/PokeLoop.js +8 -8
  354. package/dist/esm/ProductCardLayoutFullSmall.js +18 -0
  355. package/dist/esm/PullBackSection.js +7 -7
  356. package/dist/esm/PulseLoop.js +2 -2
  357. package/dist/esm/RSVPInvite.js +1 -1
  358. package/dist/esm/ResizeMouse.js +5 -5
  359. package/dist/esm/ResizeOptionsCrop.js +3 -3
  360. package/dist/esm/ResizeOptionsFit.js +2 -2
  361. package/dist/esm/Reveal.js +3 -3
  362. package/dist/esm/RevealScroll.js +4 -4
  363. package/dist/esm/RhombusImage.js +1 -1
  364. package/dist/esm/RightWaveDivider.js +4 -4
  365. package/dist/esm/RotateClick.js +6 -6
  366. package/dist/esm/RotateHover.js +6 -6
  367. package/dist/esm/RotateSection.js +7 -7
  368. package/dist/esm/RubberMouse.js +10 -10
  369. package/dist/esm/ScrollEffectsDisappear.js +2 -2
  370. package/dist/esm/ScrollEffectsFadeOut.js +2 -2
  371. package/dist/esm/ScrollEffectsMoveWithPage.js +2 -2
  372. package/dist/esm/ScrollEffectsStayFixed.js +2 -2
  373. package/dist/esm/SemiElipseDivider.js +2 -2
  374. package/dist/esm/ShapeEntrance.js +3 -3
  375. package/dist/esm/ShapeScroll.js +2 -2
  376. package/dist/esm/Shrink.js +12 -12
  377. package/dist/esm/ShrinkClick.js +5 -5
  378. package/dist/esm/ShrinkHover.js +12 -12
  379. package/dist/esm/ShrinkScroll.js +10 -10
  380. package/dist/esm/Shuffle.js +1 -1
  381. package/dist/esm/ShuttersAnimation.js +2 -2
  382. package/dist/esm/ShuttersScroll.js +2 -2
  383. package/dist/esm/Skew3DMouse.js +3 -3
  384. package/dist/esm/SkewClick.js +3 -3
  385. package/dist/esm/SkewHover.js +3 -3
  386. package/dist/esm/SkewSection.js +6 -6
  387. package/dist/esm/Slide.js +3 -3
  388. package/dist/esm/SlideScroll.js +1 -1
  389. package/dist/esm/SpinAnimation.js +1 -1
  390. package/dist/esm/SpinLoop.js +5 -5
  391. package/dist/esm/SpinScroll.js +5 -5
  392. package/dist/esm/SplitGridColumn.js +18 -0
  393. package/dist/esm/SplitGridColumnSmall.js +18 -0
  394. package/dist/esm/SplitGridRow.js +18 -0
  395. package/dist/esm/SplitGridRowSmall.js +18 -0
  396. package/dist/esm/Stagger.js +1 -1
  397. package/dist/esm/StarImage.js +1 -1
  398. package/dist/esm/StoreAccordionCollapse.js +1 -1
  399. package/dist/esm/StoreBelowInfo.js +1 -1
  400. package/dist/esm/StoreCollapse.js +1 -1
  401. package/dist/esm/StoreDrawer.js +1 -0
  402. package/dist/esm/StoreImages.js +2 -2
  403. package/dist/esm/StoreOnImage.js +1 -1
  404. package/dist/esm/StorePopUp.js +1 -0
  405. package/dist/esm/StorePriceSideBySide.js +1 -1
  406. package/dist/esm/StorePriceStacked.js +1 -1
  407. package/dist/esm/StoreProductInfo.js +1 -1
  408. package/dist/esm/StoreSpotlight.js +1 -1
  409. package/dist/esm/StoreSwapImage.js +1 -0
  410. package/dist/esm/StoreWrap.js +0 -1
  411. package/dist/esm/StripesDivider.js +2 -2
  412. package/dist/esm/Swap.js +2 -2
  413. package/dist/esm/SwingLoop.js +7 -7
  414. package/dist/esm/SwivelMouse.js +6 -6
  415. package/dist/esm/TextPath.js +4 -4
  416. package/dist/esm/ThreeColumnTwoRowLeftMerged.js +18 -0
  417. package/dist/esm/ThreeColumnTwoRowLeftMergedSmall.js +18 -0
  418. package/dist/esm/ThreeColumns.js +18 -0
  419. package/dist/esm/ThreeColumnsSmall.js +18 -0
  420. package/dist/esm/ThreeRows.js +18 -0
  421. package/dist/esm/ThreeRowsSmall.js +18 -0
  422. package/dist/esm/Tilt3DMouse.js +3 -3
  423. package/dist/esm/TiltAnimation.js +4 -4
  424. package/dist/esm/TiltDivider.js +4 -4
  425. package/dist/esm/TiltEntrance.js +4 -4
  426. package/dist/esm/TiltScroll.js +5 -5
  427. package/dist/esm/Track3DMouse.js +6 -6
  428. package/dist/esm/TrackMouse.js +6 -6
  429. package/dist/esm/TriangleDivider.js +1 -1
  430. package/dist/esm/TriangularImage.js +1 -1
  431. package/dist/esm/TurnEntrance.js +6 -6
  432. package/dist/esm/TurnScroll.js +8 -8
  433. package/dist/esm/TwistClick.js +4 -4
  434. package/dist/esm/TwistHover.js +4 -4
  435. package/dist/esm/TwoByTwoGrid.js +20 -0
  436. package/dist/esm/TwoByTwoGridSmall.js +20 -0
  437. package/dist/esm/TwoRows.js +19 -0
  438. package/dist/esm/TwoRowsSmall.js +19 -0
  439. package/dist/esm/TypeWriter.js +3 -3
  440. package/dist/esm/Underline.js +5 -5
  441. package/dist/esm/UpToDown.js +23 -0
  442. package/dist/esm/UpToDownSmall.js +23 -0
  443. package/dist/esm/WavesDivider.js +5 -6
  444. package/dist/esm/WhatsappStatus.js +1 -1
  445. package/dist/esm/WiggleLoop.js +2 -2
  446. package/dist/esm/WindowImage.js +1 -1
  447. package/dist/esm/WinkEntrance.js +6 -6
  448. package/dist/esm/WordTwist.js +2 -2
  449. package/dist/esm/ZoomSection.js +5 -5
  450. package/dist/esm/index.js +76 -4
  451. package/dist/types/{Aspect12.d.ts → Apsect12.d.ts} +1 -1
  452. package/dist/types/{FadeAnimation.d.ts → Ascpect45.d.ts} +1 -1
  453. package/dist/types/BentoLayout.d.ts +5 -0
  454. package/dist/types/BentoLayoutSmall.d.ts +5 -0
  455. package/dist/types/Blocks.d.ts +5 -0
  456. package/dist/types/BlocksSmall.d.ts +5 -0
  457. package/dist/types/BookingsLayoutGrid.d.ts +5 -0
  458. package/dist/types/BookingsLayoutStrip.d.ts +5 -0
  459. package/dist/types/BookingsList.d.ts +5 -0
  460. package/dist/types/BookingsMonthly.d.ts +5 -0
  461. package/dist/types/BookingsOverlay.d.ts +5 -0
  462. package/dist/types/BookingsPresetMasonry.d.ts +5 -0
  463. package/dist/types/BookingsPresetSlider.d.ts +5 -0
  464. package/dist/types/BookingsPresetSquares.d.ts +5 -0
  465. package/dist/types/BookingsWeekly.d.ts +5 -0
  466. package/dist/types/Dots.d.ts +5 -0
  467. package/dist/types/DotsSmall.d.ts +5 -0
  468. package/dist/types/FadeAnimationFadeAnimation.d.ts +5 -0
  469. package/dist/types/LayoutTwoColumnSmall.d.ts +5 -0
  470. package/dist/types/LeftToRight.d.ts +5 -0
  471. package/dist/types/LeftToRightSmall.d.ts +5 -0
  472. package/dist/types/ProductCardLayoutFullSmall.d.ts +5 -0
  473. package/dist/types/SplitGridColumn.d.ts +5 -0
  474. package/dist/types/SplitGridColumnSmall.d.ts +5 -0
  475. package/dist/types/SplitGridRow.d.ts +5 -0
  476. package/dist/types/SplitGridRowSmall.d.ts +5 -0
  477. package/dist/types/ThreeColumnTwoRowLeftMerged.d.ts +5 -0
  478. package/dist/types/ThreeColumnTwoRowLeftMergedSmall.d.ts +5 -0
  479. package/dist/types/ThreeColumns.d.ts +5 -0
  480. package/dist/types/ThreeColumnsSmall.d.ts +5 -0
  481. package/dist/types/ThreeRows.d.ts +5 -0
  482. package/dist/types/ThreeRowsSmall.d.ts +5 -0
  483. package/dist/types/TwoByTwoGrid.d.ts +5 -0
  484. package/dist/types/TwoByTwoGridSmall.d.ts +5 -0
  485. package/dist/types/TwoRows.d.ts +5 -0
  486. package/dist/types/TwoRowsSmall.d.ts +5 -0
  487. package/dist/types/UpToDown.d.ts +5 -0
  488. package/dist/types/UpToDownSmall.d.ts +5 -0
  489. package/dist/types/index.d.ts +38 -2
  490. package/package.json +3 -3
  491. package/src/AiryMouse.svg +20 -20
  492. package/src/AngledTriangleDivider.svg +4 -4
  493. package/src/ArcEntrance.svg +19 -19
  494. package/src/ArcScroll.svg +10 -10
  495. package/src/Ascpect45.svg +23 -0
  496. package/src/Aspect11Image.svg +5 -5
  497. package/src/Aspect169Image.svg +5 -5
  498. package/src/Aspect23Image.svg +1 -1
  499. package/src/Aspect32Image.svg +5 -5
  500. package/src/Aspect34Image.svg +5 -5
  501. package/src/Aspect3DSection.svg +30 -30
  502. package/src/Aspect3DSpinScroll.svg +14 -14
  503. package/src/Aspect43Image.svg +5 -5
  504. package/src/Aspect45Image.svg +3 -3
  505. package/src/Aspect54Image.svg +5 -5
  506. package/src/Aspect916Image.svg +5 -5
  507. package/src/AvatarCircle.svg +2 -2
  508. package/src/AvatarSquare.svg +3 -3
  509. package/src/BentoLayout.svg +26 -0
  510. package/src/BentoLayoutSmall.svg +26 -0
  511. package/src/BlobMouse.svg +15 -15
  512. package/src/BlobsDivider.svg +9 -9
  513. package/src/Blocks.svg +25 -0
  514. package/src/BlocksSmall.svg +25 -0
  515. package/src/BlogFullPost.svg +1 -1
  516. package/src/BlogOneColumn.svg +1 -1
  517. package/src/BlogTagButton.svg +1 -1
  518. package/src/BlurScroll.svg +1 -1
  519. package/src/BookingsLayoutGrid.svg +63 -0
  520. package/src/BookingsLayoutStrip.svg +34 -0
  521. package/src/BookingsList.svg +27 -0
  522. package/src/BookingsMonthly.svg +29 -0
  523. package/src/BookingsOverlay.svg +25 -0
  524. package/src/BookingsPresetMasonry.svg +26 -0
  525. package/src/BookingsPresetSlider.svg +25 -0
  526. package/src/BookingsPresetSquares.svg +25 -0
  527. package/src/BookingsStrip.svg +14 -8
  528. package/src/BookingsWeekly.svg +28 -0
  529. package/src/Bounce.svg +3 -3
  530. package/src/BounceEntrance.svg +18 -18
  531. package/src/Brandbook.svg +3 -3
  532. package/src/BrushDivider.svg +4 -4
  533. package/src/CircleImage.svg +1 -1
  534. package/src/CircleMarker.svg +9 -9
  535. package/src/CloseupSection.svg +21 -21
  536. package/src/CloudsDivider.svg +2 -2
  537. package/src/ColorClick.svg +2 -2
  538. package/src/ColorHover.svg +1 -1
  539. package/src/CrossLoop.svg +26 -26
  540. package/src/Cube.svg +3 -3
  541. package/src/CustomImage.svg +5 -5
  542. package/src/DartScroll.svg +11 -11
  543. package/src/DesignedSection.svg +2 -2
  544. package/src/DesignedSectionSmall.svg +2 -2
  545. package/src/DonutChart.svg +5 -5
  546. package/src/Dots.svg +175 -0
  547. package/src/DotsSmall.svg +175 -0
  548. package/src/Drop.svg +3 -3
  549. package/src/DunesDivider.svg +24 -22
  550. package/src/ElipseDivider.svg +3 -1
  551. package/src/EllipseImage.svg +1 -1
  552. package/src/EmptyPageImage.svg +2 -2
  553. package/src/EventInfo.svg +2 -2
  554. package/src/EventLeft.svg +1 -1
  555. package/src/EventRight.svg +1 -1
  556. package/src/ExpandClick.svg +19 -19
  557. package/src/ExpandHover.svg +15 -15
  558. package/src/ExpandScroll.svg +17 -17
  559. package/src/FadeBackSection.svg +8 -8
  560. package/src/FadeClick.svg +3 -3
  561. package/src/FadeHover.svg +3 -3
  562. package/src/FadeScroll.svg +3 -3
  563. package/src/FadeSection.svg +4 -4
  564. package/src/FillParallaxScroll.svg +26 -26
  565. package/src/FillReveal.svg +10 -10
  566. package/src/FlapLoop.svg +13 -13
  567. package/src/FlashLoop.svg +7 -7
  568. package/src/FlipAnimation.svg +13 -13
  569. package/src/FlipLoop.svg +14 -14
  570. package/src/FlipScroll.svg +12 -12
  571. package/src/FloatEntrance.svg +12 -12
  572. package/src/FluidImage.svg +1 -1
  573. package/src/Fold.svg +3 -3
  574. package/src/FoldAnimation.svg +6 -6
  575. package/src/FreeformImage.svg +10 -10
  576. package/src/GenerateWithAI.svg +1 -1
  577. package/src/GlideEntrance.svg +26 -26
  578. package/src/GrowEntrance.svg +8 -8
  579. package/src/HeartImage.svg +1 -1
  580. package/src/HexagonalImage.svg +1 -1
  581. package/src/HillDivider.svg +1 -1
  582. package/src/ImageLayoutLarge.svg +4 -4
  583. package/src/ImageLayoutThumbnail.svg +3 -3
  584. package/src/ImageLayoutTwoColumn.svg +5 -5
  585. package/src/InvertedElipseDivider.svg +3 -1
  586. package/src/JelloLoop.svg +10 -10
  587. package/src/LayeredElipseDivider.svg +8 -8
  588. package/src/LayoutTwoColumnSmall.svg +24 -0
  589. package/src/LeftToRight.svg +69 -0
  590. package/src/LeftToRightSmall.svg +69 -0
  591. package/src/LeftWaveDivider.svg +6 -4
  592. package/src/LetterTwist.svg +4 -4
  593. package/src/LineChart.svg +1 -1
  594. package/src/LiquidDivider.svg +3 -1
  595. package/src/Marker.svg +9 -9
  596. package/src/Marquee.svg +15 -15
  597. package/src/MembersName.svg +1 -1
  598. package/src/MembersNameAndIcon.svg +1 -1
  599. package/src/MoveClick.svg +12 -12
  600. package/src/MoveHorizontalHover.svg +18 -18
  601. package/src/MoveScroll.svg +5 -5
  602. package/src/MultiAreaChart.svg +8 -8
  603. package/src/MultiLineChart.svg +2 -2
  604. package/src/ObscureMouse.svg +15 -15
  605. package/src/OnImage.svg +2 -2
  606. package/src/OpticalillusionDivider.svg +7 -7
  607. package/src/OriginalImage.svg +5 -5
  608. package/src/PaintDivider.svg +2 -2
  609. package/src/PaintScribbleDivider.svg +4 -2
  610. package/src/PanSection.svg +15 -15
  611. package/src/ParallaxScroll.svg +10 -10
  612. package/src/ParallaxSection.svg +6 -6
  613. package/src/PeaksDivider.svg +2 -2
  614. package/src/PentagonImage.svg +1 -1
  615. package/src/PieChart.svg +6 -6
  616. package/src/PixelsDivider.svg +23 -23
  617. package/src/PlantsDivider.svg +1 -1
  618. package/src/PokeLoop.svg +24 -24
  619. package/src/ProductCardLayoutFullSmall.svg +23 -0
  620. package/src/PullBackSection.svg +18 -18
  621. package/src/PulseLoop.svg +3 -3
  622. package/src/RSVPInvite.svg +4 -4
  623. package/src/ResizeMouse.svg +14 -14
  624. package/src/ResizeOptionsCrop.svg +10 -10
  625. package/src/ResizeOptionsFit.svg +8 -8
  626. package/src/Reveal.svg +3 -3
  627. package/src/RevealScroll.svg +8 -8
  628. package/src/RhombusImage.svg +1 -1
  629. package/src/RightWaveDivider.svg +4 -2
  630. package/src/Roll.svg +10 -10
  631. package/src/RotateClick.svg +12 -12
  632. package/src/RotateHover.svg +10 -10
  633. package/src/RotateSection.svg +9 -9
  634. package/src/RubberMouse.svg +19 -19
  635. package/src/ScrollEffectsDisappear.svg +2 -2
  636. package/src/ScrollEffectsFadeOut.svg +2 -2
  637. package/src/ScrollEffectsMoveWithPage.svg +2 -2
  638. package/src/ScrollEffectsStayFixed.svg +2 -2
  639. package/src/SemiElipseDivider.svg +4 -4
  640. package/src/ShapeEntrance.svg +8 -8
  641. package/src/ShapeScroll.svg +5 -5
  642. package/src/Shrink.svg +21 -21
  643. package/src/ShrinkClick.svg +10 -10
  644. package/src/ShrinkHover.svg +21 -21
  645. package/src/ShrinkScroll.svg +21 -21
  646. package/src/Shuffle.svg +3 -3
  647. package/src/ShuttersAnimation.svg +11 -11
  648. package/src/ShuttersScroll.svg +5 -5
  649. package/src/Skew3DMouse.svg +7 -7
  650. package/src/SkewClick.svg +8 -8
  651. package/src/SkewHover.svg +6 -6
  652. package/src/SkewSection.svg +9 -9
  653. package/src/Slide.svg +3 -3
  654. package/src/SlideScroll.svg +3 -3
  655. package/src/SpinAnimation.svg +1 -1
  656. package/src/SpinLoop.svg +6 -6
  657. package/src/SpinScroll.svg +6 -6
  658. package/src/SplitGridColumn.svg +25 -0
  659. package/src/SplitGridColumnSmall.svg +25 -0
  660. package/src/SplitGridRow.svg +25 -0
  661. package/src/SplitGridRowSmall.svg +25 -0
  662. package/src/Stagger.svg +3 -3
  663. package/src/StarImage.svg +1 -1
  664. package/src/StoreAccordionCollapse.svg +30 -30
  665. package/src/StoreBelowInfo.svg +1 -1
  666. package/src/StoreCollapse.svg +1 -1
  667. package/src/StoreDrawer.svg +2 -2
  668. package/src/StoreImages.svg +2 -2
  669. package/src/StoreOnImage.svg +1 -1
  670. package/src/StorePopUp.svg +2 -2
  671. package/src/StorePriceSideBySide.svg +1 -1
  672. package/src/StorePriceStacked.svg +1 -1
  673. package/src/StoreProductInfo.svg +1 -1
  674. package/src/StoreSpotlight.svg +1 -1
  675. package/src/StoreSwapImage.svg +2 -2
  676. package/src/StoreWrap.svg +2 -2
  677. package/src/StripesDivider.svg +13 -13
  678. package/src/Swap.svg +5 -5
  679. package/src/SwingLoop.svg +23 -23
  680. package/src/SwivelMouse.svg +19 -19
  681. package/src/TextPath.svg +7 -7
  682. package/src/ThreeColumnTwoRowLeftMerged.svg +26 -0
  683. package/src/ThreeColumnTwoRowLeftMergedSmall.svg +26 -0
  684. package/src/ThreeColumns.svg +25 -0
  685. package/src/ThreeColumnsSmall.svg +25 -0
  686. package/src/ThreeRows.svg +25 -0
  687. package/src/ThreeRowsSmall.svg +25 -0
  688. package/src/Tilt3DMouse.svg +8 -8
  689. package/src/TiltAnimation.svg +10 -10
  690. package/src/TiltDivider.svg +3 -1
  691. package/src/TiltEntrance.svg +9 -9
  692. package/src/TiltScroll.svg +8 -8
  693. package/src/Track3DMouse.svg +14 -14
  694. package/src/TrackMouse.svg +17 -17
  695. package/src/TriangleDivider.svg +1 -1
  696. package/src/TriangularImage.svg +1 -1
  697. package/src/TurnEntrance.svg +14 -14
  698. package/src/TurnScroll.svg +13 -13
  699. package/src/TwistClick.svg +11 -11
  700. package/src/TwistHover.svg +13 -13
  701. package/src/TwoByTwoGrid.svg +25 -0
  702. package/src/TwoByTwoGridSmall.svg +25 -0
  703. package/src/TwoRows.svg +24 -0
  704. package/src/TwoRowsSmall.svg +24 -0
  705. package/src/TypeWriter.svg +9 -9
  706. package/src/Underline.svg +11 -11
  707. package/src/UpToDown.svg +69 -0
  708. package/src/UpToDownSmall.svg +69 -0
  709. package/src/WavesDivider.svg +8 -6
  710. package/src/WhatsappStatus.svg +1 -1
  711. package/src/WiggleLoop.svg +3 -3
  712. package/src/WindowImage.svg +1 -1
  713. package/src/WinkEntrance.svg +9 -9
  714. package/src/WordTwist.svg +10 -10
  715. package/src/ZoomSection.svg +16 -16
  716. package/dist/cjs/FadeAnimation.js +0 -53
  717. package/dist/esm/FadeAnimation.js +0 -19
  718. /package/src/{Aspect12.svg → Apsect12.svg} +0 -0
  719. /package/src/{FadeAnimation.svg → FadeAnimationFadeAnimation.svg} +0 -0
package/dist/esm/ExpandHover.js CHANGED
@@ -12,16 +12,16 @@ const ExpandHover = (props) => /* @__PURE__ */ React.createElement(
12
12
  /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".75", rx: "2.217" }),
13
13
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__a)", d: "m46.146 24.879 6-6 .707.707-6 6z" }),
14
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M52.853 18.879a.5.5 0 0 1 .144.398l-.353 3.89-.996-.09.3-3.293-3.293.3-.09-.996 3.89-.353.11.002a.5.5 0 0 1 .288.142" }),
15
- /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__b)", d: "m25.852 24.879-6-6-.707.707 6 6z" }),
16
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M19.145 18.879a.5.5 0 0 0-.144.398l.354 3.89.995-.09-.3-3.293 3.293.3.09-.996-3.89-.353-.11.002a.5.5 0 0 0-.288.142" }),
17
- /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__c)", d: "m25.854 47.121-6 6-.707-.707 6-6z" }),
18
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M19.147 53.121a.5.5 0 0 1-.144-.398l.353-3.89.996.09-.3 3.293 3.293-.3.09.996-3.89.353-.11-.002a.5.5 0 0 1-.288-.142" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__b)", d: "m25.852 24.878-6-6-.707.707 6 6z" }),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M19.145 18.878a.5.5 0 0 0-.144.398l.354 3.89.995-.09-.3-3.293 3.293.3.09-.996-3.89-.353-.11.002a.5.5 0 0 0-.288.142" }),
17
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__c)", d: "m25.854 47.122-6 6-.707-.707 6-6z" }),
18
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M19.147 53.122a.5.5 0 0 1-.144-.398l.353-3.89.996.09-.3 3.293 3.293-.3.09.996-3.89.353-.11-.002a.5.5 0 0 1-.288-.142" }),
19
19
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__d)", d: "m46.146 47.121 6 6 .707-.707-6-6z" }),
20
20
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M52.852 53.121a.5.5 0 0 0 .145-.398l-.354-3.89-.995.09.3 3.293-3.293-.3-.09.996 3.889.353.11-.002a.5.5 0 0 0 .288-.142" }),
21
- /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ExpandHover__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.217" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandHover__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__g)", d: "M25-3.828h51.002v51.001H25z" }))),
22
- /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ExpandHover__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "15.4", height: "15.4", x: "28.3", y: "28.301", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.663" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandHover__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__j)", d: "M28.3-8.18h51.002v51.002H28.3z" }))),
23
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ExpandHover__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "8.414", height: "8.414", x: "31.793", y: "31.793", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.109" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandHover__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__m)", d: "M31.794-10.543h51.002v51.002H31.794z" }))),
24
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ExpandHover__a", x1: "46.5", x2: "52.5", y1: "25.232", y2: "19.232", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ExpandHover__b", x1: "25.499", x2: "19.499", y1: "25.232", y2: "19.232", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ExpandHover__c", x1: "25.501", x2: "19.501", y1: "46.768", y2: "52.768", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ExpandHover__d", x1: "46.499", x2: "52.499", y1: "46.768", y2: "52.768", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ExpandHover__g", x1: "68.768", x2: "25.141", y1: ".75", y2: "56.42", 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: "ExpandHover__j", x1: "72.069", x2: "28.441", y1: "-3.602", y2: "52.069", 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: "ExpandHover__m", x1: "75.563", x2: "31.935", y1: "-5.965", y2: "49.705", 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: "ExpandHover__e" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "#fff", rx: "2.217" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ExpandHover__h" }, /* @__PURE__ */ React.createElement("rect", { width: "15.4", height: "15.4", x: "28.3", y: "28.301", fill: "#fff", rx: "1.663" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ExpandHover__k" }, /* @__PURE__ */ React.createElement("rect", { width: "8.414", height: "8.414", x: "31.793", y: "31.793", fill: "#fff", rx: "1.109" })), /* @__PURE__ */ React.createElement("filter", { id: "ExpandHover__f", width: "62.089", height: "62.087", x: "19.456", y: "-9.372", 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_19623", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "ExpandHover__i", width: "62.089", height: "62.087", x: "22.757", y: "-13.723", 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_19623", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "ExpandHover__l", width: "62.089", height: "62.087", x: "26.251", y: "-16.087", 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_19623", stdDeviation: "2.772" })))
21
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ExpandHover__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.217" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandHover__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__g)", d: "M25-3.827h51.002v51.001H25z" }))),
22
+ /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ExpandHover__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "15.4", height: "15.4", x: "28.3", y: "28.3", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.663" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandHover__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__j)", d: "M28.3-8.18h51.002v51.002H28.3z" }))),
23
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ExpandHover__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "8.414", height: "8.414", x: "31.793", y: "31.793", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.109" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandHover__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandHover__m)", d: "M31.794-10.542h51.002V40.46H31.794z" }))),
24
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ExpandHover__a", x1: "46.5", x2: "52.5", y1: "25.232", y2: "19.232", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ExpandHover__b", x1: "25.499", x2: "19.499", y1: "25.231", y2: "19.231", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ExpandHover__c", x1: "25.501", x2: "19.501", y1: "46.769", y2: "52.769", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ExpandHover__d", x1: "46.499", x2: "52.499", y1: "46.768", y2: "52.768", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ExpandHover__g", x1: "68.768", x2: "25.141", y1: ".751", y2: "56.421", 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: "ExpandHover__j", x1: "72.069", x2: "28.441", y1: "-3.602", y2: "52.069", 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: "ExpandHover__m", x1: "75.563", x2: "31.935", y1: "-5.964", y2: "49.706", 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: "ExpandHover__e" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "#fff", rx: "2.217" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ExpandHover__h" }, /* @__PURE__ */ React.createElement("rect", { width: "15.4", height: "15.4", x: "28.3", y: "28.3", fill: "#fff", rx: "1.663" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ExpandHover__k" }, /* @__PURE__ */ React.createElement("rect", { width: "8.414", height: "8.414", x: "31.793", y: "31.793", fill: "#fff", rx: "1.109" })), /* @__PURE__ */ React.createElement("filter", { id: "ExpandHover__f", width: "62.089", height: "62.089", x: "19.456", y: "-9.371", 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_19623", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "ExpandHover__i", width: "62.089", height: "62.089", x: "22.757", y: "-13.723", 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_19623", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "ExpandHover__l", width: "62.089", height: "62.089", x: "26.251", y: "-16.086", 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_19623", stdDeviation: "2.772" })))
25
25
  );
26
26
  ExpandHover.displayName = "ExpandHover";
27
27
  export {
package/dist/esm/ExpandScroll.js CHANGED
@@ -9,20 +9,20 @@ const ExpandScroll = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732L37 48.233a2 2 0 0 1-2 0l-9.094-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732L35 23.767a2 2 0 0 1 2 0z", opacity: ".25" }),
13
- /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ExpandScroll__a", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732l-9.094 5.25a2 2 0 0 1-2 0l-9.095-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732l9.095-5.25a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M68.818 8.346c1.623.996 2.622 2.835 2.622 4.826v32.57c0 1.99-1 3.83-2.622 4.825L42.273 66.852a4.98 4.98 0 0 1-5.245 0L10.484 50.567c-1.623-.995-2.622-2.835-2.622-4.825v-32.57c0-1.991 1-3.83 2.622-4.826L37.029-7.939a4.98 4.98 0 0 1 5.243 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__c)", d: "M65.872 21.312v27.473L42.08 62.522 18.287 48.785V21.312L42.08 7.575z" })))),
14
- /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ExpandScroll__d", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.164 30.648a2 2 0 0 1 1 1.732v7.144a2 2 0 0 1-1 1.732l-6.187 3.572a2 2 0 0 1-2 0l-6.187-3.572a2 2 0 0 1-1-1.732V32.38a2 2 0 0 1 1-1.732l6.187-3.572a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M59.82 14.682c1.168.717 1.888 2.042 1.888 3.476v23.458c0 1.433-.72 2.758-1.888 3.475L40.7 56.821a3.59 3.59 0 0 1-3.776 0l-19.12-11.73c-1.168-.717-1.888-2.042-1.888-3.475V18.158c0-1.434.72-2.759 1.889-3.476L36.924 2.953a3.59 3.59 0 0 1 3.777 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__f)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M46.095 29.02a2 2 0 0 1 1 1.731v10.502a2 2 0 0 1-1 1.732L37 48.235a2 2 0 0 1-2 0l-9.094-5.25a2 2 0 0 1-1-1.732V30.75a2 2 0 0 1 1-1.732L35 23.77a2 2 0 0 1 2 0z", opacity: ".25" }),
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ExpandScroll__a", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.095 29.02a2 2 0 0 1 1 1.731v10.502a2 2 0 0 1-1 1.732l-9.094 5.25a2 2 0 0 1-2 0l-9.095-5.25a2 2 0 0 1-1-1.732V30.75a2 2 0 0 1 1-1.732l9.095-5.25a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M68.818 8.348c1.623.995 2.622 2.835 2.622 4.826v32.57c0 1.99-1 3.83-2.622 4.825L42.273 66.854a4.98 4.98 0 0 1-5.245 0L10.484 50.569c-1.623-.995-2.622-2.835-2.622-4.826v-32.57c0-1.99 1-3.83 2.622-4.825L37.029-7.937a4.98 4.98 0 0 1 5.243 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__c)", d: "M65.872 21.318V48.79L42.08 62.528 18.287 48.79V21.318L42.08 7.58z" })))),
14
+ /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ExpandScroll__d", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.164 30.648a2 2 0 0 1 1 1.732v7.144a2 2 0 0 1-1 1.732l-6.187 3.572a2 2 0 0 1-2 0l-6.187-3.572a2 2 0 0 1-1-1.732V32.38a2 2 0 0 1 1-1.732l6.187-3.572a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M59.82 14.68c1.168.717 1.888 2.042 1.888 3.476v23.458c0 1.434-.72 2.758-1.888 3.475L40.7 56.82a3.59 3.59 0 0 1-3.776 0l-19.12-11.73c-1.168-.717-1.888-2.041-1.888-3.475V18.156c0-1.434.72-2.759 1.889-3.476L36.924 2.951a3.59 3.59 0 0 1 3.777 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__f)", d: "M58.064 19.99v19.787l-17.136 9.894-17.136-9.894V19.99l17.136-9.894z" })))),
15
15
  /* @__PURE__ */ React.createElement("mask", { id: "ExpandScroll__g", width: "12", height: "12", x: "30", y: "30", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.101 32.418a2 2 0 0 1 1 1.732v3.607a2 2 0 0 1-1 1.732l-3.124 1.804a2 2 0 0 1-2 0l-3.123-1.804a2 2 0 0 1-1-1.732V34.15a2 2 0 0 1 1-1.732l3.123-1.804a2 2 0 0 1 2 0z" })),
16
- /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M53.475 22.581c.72.442 1.163 1.258 1.163 2.142v14.455c0 .883-.443 1.7-1.163 2.141l-11.781 7.227a2.21 2.21 0 0 1-2.328 0l-11.78-7.227c-.72-.442-1.164-1.258-1.164-2.142V24.724c0-.884.443-1.7 1.163-2.142l11.781-7.227a2.21 2.21 0 0 1 2.328 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__i)", d: "M52.393 25.856V38.05l-10.559 6.096-10.56-6.096V25.856l10.56-6.096z" }))),
16
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#ExpandScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M53.475 22.577c.72.442 1.163 1.258 1.163 2.142v14.455c0 .883-.443 1.7-1.163 2.141l-11.781 7.227a2.21 2.21 0 0 1-2.328 0l-11.78-7.227c-.72-.442-1.164-1.258-1.164-2.141V24.719c0-.884.443-1.7 1.163-2.142l11.781-7.227a2.21 2.21 0 0 1 2.328 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__i)", d: "M52.393 25.85v12.193l-10.559 6.096-10.56-6.096V25.85l10.56-6.096z" }))),
17
17
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__j)", d: "m43.783 26.035 6-6 .707.707-6 6z" }),
18
18
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M50.49 20.035a.5.5 0 0 1 .144.399l-.353 3.889-.996-.09.3-3.293-3.293.3-.09-.995 3.89-.354.11.002a.5.5 0 0 1 .288.142" }),
19
19
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__k)", d: "m28.525 26.035-6-6-.708.707 6 6z" }),
20
20
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M21.818 20.035a.5.5 0 0 0-.145.399l.354 3.889.995-.09-.3-3.293 3.293.3.09-.995-3.89-.354-.109.002a.5.5 0 0 0-.289.142" }),
21
21
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__l)", d: "m28.217 45.965-6 6-.707-.707 6-6z" }),
22
22
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M21.51 51.965a.5.5 0 0 1-.145-.399l.354-3.889.996.09-.3 3.292 3.293-.3.09.996-3.89.354-.11-.002a.5.5 0 0 1-.288-.142" }),
23
- /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__m)", d: "m42.877 45.965 6 6 .707-.707-6-6z" }),
24
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49.584 51.965a.5.5 0 0 0 .144-.399l-.354-3.889-.995.09.3 3.292-3.293-.3-.09.996 3.89.354.109-.002a.5.5 0 0 0 .289-.142" }),
25
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ExpandScroll__c", x1: "67.512", x2: "15.947", y1: "21.163", y2: "49.505", 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: "ExpandScroll__f", 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: "ExpandScroll__i", x1: "53.121", x2: "30.236", y1: "25.79", y2: "38.368", 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: "ExpandScroll__j", x1: "44.137", x2: "50.137", y1: "26.389", y2: "20.389", 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: "ExpandScroll__k", x1: "28.171", x2: "22.171", y1: "26.389", y2: "20.389", 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: "ExpandScroll__l", x1: "27.863", x2: "21.863", y1: "45.611", y2: "51.611", 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: "ExpandScroll__m", x1: "43.23", x2: "49.23", y1: "45.611", y2: "51.611", 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("filter", { id: "ExpandScroll__b", width: "57.585", height: "64.949", x: "13.287", y: "2.574", 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_19831", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ExpandScroll__e", 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_19831", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ExpandScroll__h", width: "31.118", height: "34.387", x: "26.275", y: "14.758", 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_19831", stdDeviation: "2.5" })))
23
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandScroll__m)", d: "m42.877 45.963 6 6 .707-.707-6-6z" }),
24
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49.584 51.963a.5.5 0 0 0 .144-.399l-.354-3.889-.995.09.3 3.292-3.293-.3-.09.997 3.89.353.109-.002a.5.5 0 0 0 .289-.142" }),
25
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ExpandScroll__c", x1: "67.512", x2: "15.947", y1: "21.169", y2: "49.511", 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: "ExpandScroll__f", x1: "59.245", x2: "22.106", y1: "19.882", y2: "40.296", 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: "ExpandScroll__i", x1: "53.121", x2: "30.236", y1: "25.784", y2: "38.362", 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: "ExpandScroll__j", x1: "44.137", x2: "50.137", y1: "26.389", y2: "20.389", 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: "ExpandScroll__k", x1: "28.171", x2: "22.171", y1: "26.389", y2: "20.389", 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: "ExpandScroll__l", x1: "27.863", x2: "21.863", y1: "45.611", y2: "51.611", 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: "ExpandScroll__m", x1: "43.23", x2: "49.23", y1: "45.609", y2: "51.609", 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("filter", { id: "ExpandScroll__b", width: "57.585", height: "64.945", x: "13.287", y: "2.582", 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_19831", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ExpandScroll__e", width: "44.273", height: "49.574", x: "18.792", y: "5.096", 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_19831", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ExpandScroll__h", width: "31.118", height: "34.385", 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_19831", stdDeviation: "2.5" })))
26
26
  );
27
27
  ExpandScroll.displayName = "ExpandScroll";
28
28
  export {
package/dist/esm/FadeAnimationFadeAnimation.js ADDED
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ const FadeAnimationFadeAnimation = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("mask", { id: "FadeAnimationFadeAnimation__b", width: "28", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeAnimationFadeAnimation__a)", d: "M22 22h28v28H22z" })),
13
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#FadeAnimationFadeAnimation__b)", clipPath: "url(#FadeAnimationFadeAnimation__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 35.999)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeAnimationFadeAnimation__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeAnimationFadeAnimation__e)", d: "M3.473 17.614 36-14.913l32.527 32.527L36 50.141z" }))),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeAnimationFadeAnimation__a", x1: "50", x2: "22", y1: "36", y2: "36", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".173", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: ".774", stopColor: "#fff" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeAnimationFadeAnimation__e", x1: "34.306", x2: "41.987", y1: "-7.38", y2: "55.949", 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: "FadeAnimationFadeAnimation__c" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 35.999)" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeAnimationFadeAnimation__d", width: "75.054", height: "75.055", x: "-1.527", y: "-19.913", 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_17877", stdDeviation: "2.5" })))
15
+ );
16
+ FadeAnimationFadeAnimation.displayName = "FadeAnimationFadeAnimation";
17
+ export {
18
+ FadeAnimationFadeAnimation
19
+ };
package/dist/esm/FadeBackSection.js CHANGED
@@ -13,15 +13,15 @@ const FadeBackSection = (props) => /* @__PURE__ */ React.createElement(
13
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#FadeBackSection__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M20 29.11a2 2 0 0 1 2-2h8.667v17.777H22a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeBackSection__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__c)", d: "M20 5.664H71v39.618H20z" }))),
14
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#FadeBackSection__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30.668 27.11h10.667v17.777H30.668z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeBackSection__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__f)", d: "M30.668 7.148h51.001v37.96H30.668z" }))),
15
15
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FadeBackSection__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M41.332 27.11h8.667a2 2 0 0 1 2 2v13.777a2 2 0 0 1-2 2h-8.667z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeBackSection__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__i)", d: "M41.332 14.594h53.5v30.515h-53.5z" }))),
16
- /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__j)", d: "m58.621 19.09-6 6-.707-.707 6-6z" }),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__j)", d: "m58.621 19.086-6 6-.707-.707 6-6z" }),
17
17
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.914 25.086a.5.5 0 0 1-.144-.399l.353-3.889.996.09-.3 3.293 3.293-.3.09.996-3.89.353-.11-.002a.5.5 0 0 1-.288-.142" }),
18
- /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__k)", d: "m13.38 19.09 6 6 .706-.707-6-6z" }),
18
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__k)", d: "m13.38 19.086 6 6 .706-.707-6-6z" }),
19
19
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M20.087 25.086a.5.5 0 0 0 .144-.399l-.354-3.889-.995.09.3 3.293-3.293-.3-.09.996 3.89.353.109-.002a.5.5 0 0 0 .289-.142" }),
20
- /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__l)", d: "m13.378 52.91 6-6 .707.707-6 6z" }),
20
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__l)", d: "m13.378 52.914 6-6 .707.707-6 6z" }),
21
21
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M20.085 46.914a.5.5 0 0 1 .145.399l-.354 3.889-.996-.09.3-3.293-3.292.3-.09-.996 3.889-.353.11.002a.5.5 0 0 1 .288.142" }),
22
- /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__m)", d: "m58.62 52.91-6-6-.706.707 6 6z" }),
22
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__m)", d: "m58.62 52.914-6-6-.706.707 6 6z" }),
23
23
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.913 46.914a.5.5 0 0 0-.144.399l.354 3.889.995-.09-.3-3.293 3.293.3.09-.996-3.89-.353-.109.002a.5.5 0 0 0-.289.142" }),
24
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__c", x1: "63.768", x2: "32.765", y1: "9.22", y2: "60.15", 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: "FadeBackSection__f", x1: "74.436", x2: "45.329", y1: "10.556", y2: "60.459", 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: "FadeBackSection__i", x1: "87.244", x2: "67.215", y1: "17.333", y2: "62.144", 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: "FadeBackSection__j", x1: "58.268", x2: "52.268", y1: "18.736", y2: "24.736", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "FadeBackSection__k", x1: "13.733", x2: "19.733", y1: "18.736", y2: "24.736", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "FadeBackSection__l", x1: "13.732", x2: "19.732", y1: "53.264", y2: "47.264", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "FadeBackSection__m", x1: "58.267", x2: "52.267", y1: "53.264", y2: "47.264", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeBackSection__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M20 29.11a2 2 0 0 1 2-2h8.667v17.777H22a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeBackSection__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M30.668 27.11h10.667v17.777H30.668z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeBackSection__g" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M41.332 27.11h8.667a2 2 0 0 1 2 2v13.777a2 2 0 0 1-2 2h-8.667z" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeBackSection__b", width: "62.089", height: "50.705", x: "14.456", 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_22331", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeBackSection__e", width: "62.089", height: "49.048", x: "25.124", y: "1.605", 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_22331", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeBackSection__h", width: "64.587", height: "41.603", x: "35.788", y: "9.05", 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_22331", stdDeviation: "2.772" })))
24
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__c", x1: "63.768", x2: "32.765", y1: "9.22", y2: "60.15", 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: "FadeBackSection__f", x1: "74.436", x2: "45.329", y1: "10.556", y2: "60.459", 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: "FadeBackSection__i", x1: "87.244", x2: "67.215", y1: "17.333", y2: "62.144", 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: "FadeBackSection__j", x1: "58.268", x2: "52.268", y1: "18.733", y2: "24.733", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "FadeBackSection__k", x1: "13.733", x2: "19.733", y1: "18.733", y2: "24.733", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "FadeBackSection__l", x1: "13.732", x2: "19.732", y1: "53.267", y2: "47.267", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "FadeBackSection__m", x1: "58.267", x2: "52.267", y1: "53.267", y2: "47.267", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeBackSection__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M20 29.11a2 2 0 0 1 2-2h8.667v17.777H22a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeBackSection__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M30.668 27.11h10.667v17.777H30.668z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeBackSection__g" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M41.332 27.11h8.667a2 2 0 0 1 2 2v13.777a2 2 0 0 1-2 2h-8.667z" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeBackSection__b", width: "62.089", height: "50.705", x: "14.456", 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_22331", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeBackSection__e", width: "62.089", height: "49.048", x: "25.124", y: "1.605", 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_22331", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeBackSection__h", width: "64.587", height: "41.603", x: "35.788", y: "9.05", 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_22331", stdDeviation: "2.772" })))
25
25
  );
26
26
  FadeBackSection.displayName = "FadeBackSection";
27
27
  export {
package/dist/esm/FadeClick.js CHANGED
@@ -10,8 +10,8 @@ const FadeClick = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", x: "19.5", y: "28", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "8" }),
13
- /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeClick__b)", clipPath: "url(#FadeClick__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeClick__c)", d: "M15.806-5.477h49.027v50.743H15.806z" })),
14
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeClick__c", x1: "57.88", x2: "14.14", y1: "-.922", y2: "53.005", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".447", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: ".591", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".808", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeClick__a" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", x: "19.5", y: "28", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeClick__b", width: "59.027", height: "60.742", x: "10.806", y: "-10.477", 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_19593", stdDeviation: "2.5" })))
13
+ /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeClick__b)", clipPath: "url(#FadeClick__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeClick__c)", d: "M15.806-5.478h49.027v50.743H15.806z" })),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeClick__c", x1: "57.88", x2: "14.14", y1: "-.923", y2: "53.004", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".447", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: ".591", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".808", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeClick__a" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", x: "19.5", y: "28", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeClick__b", width: "59.027", height: "60.743", x: "10.806", y: "-10.477", 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_19593", stdDeviation: "2.5" })))
15
15
  );
16
16
  FadeClick.displayName = "FadeClick";
17
17
  export {
package/dist/esm/FadeHover.js CHANGED
@@ -9,8 +9,8 @@ const FadeHover = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeHover__b)", clipPath: "url(#FadeHover__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeHover__c)", d: "M22.315 6.965H62.78v41.88H22.315z" })),
13
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeHover__c", x1: "57.04", x2: "20.941", y1: "10.724", y2: "55.231", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".447", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: ".591", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".808", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeHover__a" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeHover__b", width: "50.464", height: "51.879", x: "17.315", y: "1.965", 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_19758", stdDeviation: "2.5" })))
12
+ /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeHover__b)", clipPath: "url(#FadeHover__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeHover__c)", d: "M22.315 6.963H62.78v41.88H22.315z" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeHover__c", x1: "57.04", x2: "20.941", y1: "10.722", y2: "55.229", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".447", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: ".591", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".808", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeHover__a" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeHover__b", width: "50.464", height: "51.88", x: "17.315", y: "1.963", 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_19758", stdDeviation: "2.5" })))
14
14
  );
15
15
  FadeHover.displayName = "FadeHover";
16
16
  export {
package/dist/esm/FadeScroll.js CHANGED
@@ -10,8 +10,8 @@ const FadeScroll = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("mask", { id: "FadeScroll__a", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35 23.577a2 2 0 0 1 2 0l9.258 5.346a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.732L37 48.423a2 2 0 0 1-2 0l-9.258-5.346a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.732z" })),
13
- /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeScroll__b)", mask: "url(#FadeScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeScroll__c)", d: "m32.086-1.996 45.691 12.243-12.67 47.29-45.692-12.243z" })),
14
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeScroll__c", x1: "70.16", x2: "15.93", y1: "12.755", y2: "52.09", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".447", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: ".591", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".808", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeScroll__b", width: "68.363", height: "69.535", x: "14.415", y: "-6.996", 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_19789", stdDeviation: "2.5" })))
13
+ /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeScroll__b)", mask: "url(#FadeScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeScroll__c)", d: "m32.086-1.998 45.691 12.243-12.67 47.29-45.692-12.243z" })),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeScroll__c", x1: "70.16", x2: "15.93", y1: "12.753", y2: "52.088", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".447", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: ".591", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".808", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeScroll__b", width: "68.363", height: "69.533", x: "14.415", y: "-6.998", 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_19789", stdDeviation: "2.5" })))
15
15
  );
16
16
  FadeScroll.displayName = "FadeScroll";
17
17
  export {
package/dist/esm/FadeSection.js CHANGED
@@ -9,8 +9,8 @@ const FadeSection = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeSection__b)", clipPath: "url(#FadeSection__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeSection__c)", d: "M16.67 13.281H81.43v35.25H16.67z" })),
13
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeSection__c", x1: "72.244", x2: "49.829", y1: "16.445", y2: "68.991", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".447", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: ".591", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".808", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeSection__a" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeSection__b", width: "74.758", height: "45.25", x: "11.671", y: "8.281", 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_20907", stdDeviation: "2.5" })))
12
+ /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeSection__b)", clipPath: "url(#FadeSection__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeSection__c)", d: "M16.67 13.283H81.43v35.25H16.67z" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeSection__c", x1: "72.244", x2: "49.829", y1: "16.447", y2: "68.993", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".447", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: ".591", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".808", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeSection__a" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.111", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeSection__b", width: "74.758", height: "45.25", x: "11.671", y: "8.283", 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_20907", stdDeviation: "2.5" })))
14
14
  );
15
15
  FadeSection.displayName = "FadeSection";
16
16
  export {
package/dist/esm/FillParallaxScroll.js CHANGED
@@ -9,16 +9,16 @@ const FillParallaxScroll = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M35 22.437a2 2 0 0 1 2 0l10.249 5.917a2 2 0 0 1 1 1.732V41.92a2 2 0 0 1-1 1.732L37 49.57a2 2 0 0 1-2 0l-10.249-5.917a2 2 0 0 1-1-1.732V30.086a2 2 0 0 1 1-1.732z", opacity: ".25" }),
13
- /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "FillParallaxScroll__a", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.951 22.574a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.817v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87A2.1 2.1 0 0 1 23.735 42V30.26c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillParallaxScroll__a)", clipPath: "url(#FillParallaxScroll__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.922", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__d)", d: "m36.441 29.305-9.095 14.684 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__e)", d: "M52.786 34.551s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.97-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.211", fill: "var(--wds-illustration-color-6, #002296)", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillParallaxScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__h)", d: "M27.792 22.714q-.481.095-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.69 2.864-.75 6.532 2.1 8.193 2.848 1.66 6.525.684 8.214-2.18 1.689-2.866.749-6.535-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M35 22.433a2 2 0 0 1 2 0l10.249 5.917a2 2 0 0 1 1 1.732v11.834a2 2 0 0 1-1 1.732L37 49.565a2 2 0 0 1-2 0l-10.249-5.917a2 2 0 0 1-1-1.732V30.082a2 2 0 0 1 1-1.732z", opacity: ".25" }),
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "FillParallaxScroll__a", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.951 22.574a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.817v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87A2.1 2.1 0 0 1 23.735 42V30.26c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillParallaxScroll__a)", clipPath: "url(#FillParallaxScroll__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.918", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__d)", d: "m36.441 29.316-9.095 14.685 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__e)", d: "M52.786 34.559s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.969-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.215", fill: "var(--wds-illustration-color-6, #002296)", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillParallaxScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__h)", d: "M27.792 22.714q-.481.095-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.69 2.864-.75 6.532 2.1 8.193 2.848 1.66 6.525.684 8.214-2.18 1.689-2.866.749-6.535-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
14
14
  /* @__PURE__ */ React.createElement("mask", { id: "FillParallaxScroll__i", width: "32", height: "16", x: "20", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M20.014 21.703h31.973v14.363H20.014z" })),
15
- /* @__PURE__ */ React.createElement("g", { mask: "url(#FillParallaxScroll__i)" }, /* @__PURE__ */ React.createElement("mask", { id: "FillParallaxScroll__j", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.949 22.34a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.817v11.74c0 .749-.4 1.441-1.05 1.816l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.749.4-1.441 1.05-1.816z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillParallaxScroll__j)", clipPath: "url(#FillParallaxScroll__k)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.688", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__m)", d: "m36.44 29.07-9.096 14.685 16.221-2.416z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__n)", d: "M52.784 34.317s-12.47-5.102-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.993 1.109 3.426 1.716 4.744 1.958 5.329.241.585 1.225 2.969-1.25 3.848-2.805.997-17.933 5.73-17.933 5.73v4.29h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__o)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "26.977", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillParallaxScroll__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__q)", d: "M27.79 22.48q-.481.095-.944.264a6.06 6.06 0 0 0-3.123 2.614c-1.689 2.863-.75 6.532 2.1 8.193 2.848 1.66 6.525.683 8.214-2.18 1.689-2.866.749-6.535-2.097-8.194a5.94 5.94 0 0 0-4.15-.698" }))))),
15
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#FillParallaxScroll__i)" }, /* @__PURE__ */ React.createElement("mask", { id: "FillParallaxScroll__j", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.949 22.336a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.817v11.74c0 .749-.4 1.442-1.05 1.816l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.749.4-1.441 1.05-1.816z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillParallaxScroll__j)", clipPath: "url(#FillParallaxScroll__k)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.68", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__m)", d: "m36.44 29.078-9.096 14.685 16.221-2.416z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__n)", d: "M52.784 34.32s-12.47-5.1-13.079-5.36c-.608-.258-4.381-1.453-3.266 1.994 1.109 3.426 1.716 4.744 1.958 5.329.241.585 1.225 2.969-1.25 3.848-2.805.997-17.933 5.729-17.933 5.729v4.291h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__o)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "26.977", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillParallaxScroll__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__q)", d: "M27.79 22.476q-.481.095-.944.264a6.05 6.05 0 0 0-3.123 2.614c-1.689 2.863-.75 6.532 2.1 8.193 2.848 1.66 6.525.683 8.214-2.18 1.689-2.866.749-6.535-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
16
16
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M52 36.54H20v-1h32z" }),
17
- /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__r)", d: "M35.5 20.875V12.39h1v8.485z" }),
18
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 11.89a.5.5 0 0 1 .384.18l2.5 3-.768.64L36 13.17l-2.116 2.54-.768-.64 2.5-3 .08-.076a.5.5 0 0 1 .304-.103" }),
19
- /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__s)", d: "M35.5 51.133v8.485h1v-8.485z" }),
20
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 60.117a.5.5 0 0 0 .384-.18l2.5-3-.768-.64L36 58.837l-2.116-2.54-.768.64 2.5 3 .08.077a.5.5 0 0 0 .304.103" }),
21
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__d", x1: "31.554", x2: "44.855", y1: "34.291", y2: "44.764", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__e", x1: "22.888", x2: "49.3", y1: "20.971", y2: "46.622", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__h", x1: "33.177", x2: "22.919", y1: "23.678", y2: "36.769", 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: "FillParallaxScroll__m", x1: "31.552", x2: "44.853", y1: "34.056", y2: "44.529", 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: "FillParallaxScroll__n", x1: "22.886", x2: "49.297", y1: "20.737", y2: "46.388", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__q", x1: "33.175", x2: "22.917", y1: "23.444", y2: "36.534", 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: "FillParallaxScroll__r", x1: "36", x2: "36", y1: "20.875", y2: "12.39", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__s", x1: "36", x2: "36", y1: "51.133", y2: "59.618", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M21.838 21.969h28.324v28.324H21.838z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__c" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.922", fill: "#fff", rx: "2.098" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__f" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.211", fill: "#fff", rx: "3.631" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__k" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M21.836 21.734H50.16v28.324H21.836z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__l" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.688", fill: "#fff", rx: "2.098" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__o" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "26.977", fill: "#fff", rx: "3.631" })), /* @__PURE__ */ React.createElement("filter", { id: "FillParallaxScroll__g", width: "14.299", height: "14.299", x: "21.732", y: "21.448", 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_23242", stdDeviation: ".577" })), /* @__PURE__ */ React.createElement("filter", { id: "FillParallaxScroll__p", width: "14.299", height: "14.299", x: "21.73", y: "21.214", 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_23242", stdDeviation: ".577" })))
17
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__r)", d: "M35.5 20.871v-8.485h1v8.485z" }),
18
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 11.887a.5.5 0 0 1 .384.18l2.5 3-.768.64L36 13.167l-2.116 2.54-.768-.64 2.5-3 .08-.077a.5.5 0 0 1 .304-.103" }),
19
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__s)", d: "M35.5 51.125v8.485h1v-8.485z" }),
20
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 60.11a.5.5 0 0 0 .384-.18l2.5-3-.768-.64L36 58.83l-2.116-2.54-.768.64 2.5 3 .08.076a.5.5 0 0 0 .304.103" }),
21
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__d", x1: "31.554", x2: "44.855", y1: "34.302", y2: "44.775", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__e", x1: "22.888", x2: "49.3", y1: "20.979", y2: "46.63", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__h", x1: "33.177", x2: "22.919", y1: "23.678", y2: "36.769", 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: "FillParallaxScroll__m", x1: "31.552", x2: "44.853", y1: "34.064", y2: "44.537", 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: "FillParallaxScroll__n", x1: "22.886", x2: "49.297", y1: "20.741", y2: "46.392", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__q", x1: "33.175", x2: "22.917", y1: "23.44", y2: "36.53", 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: "FillParallaxScroll__r", x1: "36", x2: "36", y1: "20.871", y2: "12.386", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__s", x1: "36", x2: "36", y1: "51.125", y2: "59.61", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M21.838 21.969h28.324v28.324H21.838z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__c" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.918", fill: "#fff", rx: "2.098" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__f" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.215", fill: "#fff", rx: "3.631" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__k" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M21.836 21.73H50.16v28.325H21.836z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__l" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.68", fill: "#fff", rx: "2.098" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__o" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "26.977", fill: "#fff", rx: "3.631" })), /* @__PURE__ */ React.createElement("filter", { id: "FillParallaxScroll__g", width: "14.299", height: "14.299", x: "21.732", y: "21.448", 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_23242", stdDeviation: ".577" })), /* @__PURE__ */ React.createElement("filter", { id: "FillParallaxScroll__p", width: "14.299", height: "14.299", x: "21.73", y: "21.21", 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_23242", stdDeviation: ".577" })))
22
22
  );
23
23
  FillParallaxScroll.displayName = "FillParallaxScroll";
24
24
  export {
package/dist/esm/FillReveal.js CHANGED
@@ -10,11 +10,11 @@ const FillReveal = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M35 22.433a2 2 0 0 1 2 0l10.249 5.917a2 2 0 0 1 1 1.732v11.834a2 2 0 0 1-1 1.732L37 49.565a2 2 0 0 1-2 0l-10.249-5.917a2 2 0 0 1-1-1.732V30.082a2 2 0 0 1 1-1.732z", opacity: ".5" }),
13
- /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "FillReveal__a", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.951 22.442a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.816v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__a)", clipPath: "url(#FillReveal__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.785", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__d)", d: "m36.441 29.184-9.095 14.684 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__e)", d: "M52.786 34.426s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.97-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.082", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillReveal__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__h)", d: "M27.792 22.581q-.481.096-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.69 2.864-.75 6.532 2.1 8.193 2.848 1.661 6.525.684 8.214-2.18 1.689-2.866.749-6.534-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "FillReveal__a", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.951 22.442a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.816v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__a)", clipPath: "url(#FillReveal__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.787", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__d)", d: "m36.441 29.184-9.095 14.684 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__e)", d: "M52.786 34.426s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.97-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.082", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillReveal__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__h)", d: "M27.792 22.583q-.481.096-.944.265a6.05 6.05 0 0 0-3.123 2.613c-1.69 2.864-.75 6.532 2.1 8.193 2.848 1.66 6.525.684 8.214-2.18 1.689-2.866.749-6.534-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
14
14
  /* @__PURE__ */ React.createElement("mask", { id: "FillReveal__i", width: "32", height: "24", x: "20", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M20.014 15.688h31.973v23.295H20.014z" })),
15
- /* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__i)" }, /* @__PURE__ */ React.createElement("mask", { id: "FillReveal__j", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.949 22.446a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.816v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__j)", clipPath: "url(#FillReveal__k)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.789", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__m)", d: "m36.44 29.188-9.096 14.684 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__n)", d: "M52.784 34.43s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.969-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__o)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "27.086", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillReveal__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__q)", d: "M27.79 22.585q-.481.095-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.689 2.864-.75 6.532 2.1 8.193 2.848 1.66 6.525.684 8.214-2.18 1.689-2.866.749-6.534-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
15
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__i)" }, /* @__PURE__ */ React.createElement("mask", { id: "FillReveal__j", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.949 22.446a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.816v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__j)", clipPath: "url(#FillReveal__k)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.791", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__m)", d: "m36.44 29.188-9.096 14.684 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__n)", d: "M52.784 34.43s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.969-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__o)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "27.086", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillReveal__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__q)", d: "M27.79 22.587q-.481.096-.944.265a6.05 6.05 0 0 0-3.123 2.613c-1.689 2.864-.75 6.532 2.1 8.193 2.848 1.66 6.525.684 8.214-2.18 1.689-2.866.749-6.534-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
16
16
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M52 39.762H20v-1h32z" }),
17
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__d", x1: "31.554", x2: "44.855", y1: "34.17", y2: "44.642", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__e", x1: "22.888", x2: "49.3", y1: "20.846", y2: "46.497", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__h", x1: "33.177", x2: "22.919", y1: "23.545", y2: "36.636", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__m", x1: "31.552", x2: "44.853", y1: "34.173", y2: "44.646", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__n", x1: "22.886", x2: "49.297", y1: "20.85", y2: "46.501", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__q", x1: "33.175", x2: "22.917", y1: "23.549", y2: "36.64", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M21.838 21.836h28.324V50.16H21.838z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__c" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.785", fill: "#fff", rx: "2.098" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__f" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.082", fill: "#fff", rx: "3.631" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__k" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M21.836 21.84H50.16v28.324H21.836z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__l" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.789", fill: "#fff", rx: "2.098" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__o" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "27.086", fill: "#fff", rx: "3.631" })), /* @__PURE__ */ React.createElement("filter", { id: "FillReveal__g", width: "14.299", height: "14.299", x: "21.732", y: "21.316", 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_20232", stdDeviation: ".577" })), /* @__PURE__ */ React.createElement("filter", { id: "FillReveal__p", width: "14.299", height: "14.299", x: "21.73", y: "21.32", 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_20232", stdDeviation: ".577" })))
17
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__d", x1: "31.554", x2: "44.855", y1: "34.17", y2: "44.642", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__e", x1: "22.888", x2: "49.3", y1: "20.846", y2: "46.497", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__h", x1: "33.177", x2: "22.919", y1: "23.547", y2: "36.638", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__m", x1: "31.552", x2: "44.853", y1: "34.173", y2: "44.646", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__n", x1: "22.886", x2: "49.297", y1: "20.85", y2: "46.501", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__q", x1: "33.175", x2: "22.917", y1: "23.551", y2: "36.642", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M21.838 21.836h28.324V50.16H21.838z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__c" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.787", fill: "#fff", rx: "2.098" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__f" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.082", fill: "#fff", rx: "3.631" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__k" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M21.836 21.84H50.16v28.324H21.836z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__l" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.791", fill: "#fff", rx: "2.098" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__o" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "27.086", fill: "#fff", rx: "3.631" })), /* @__PURE__ */ React.createElement("filter", { id: "FillReveal__g", width: "14.299", height: "14.299", x: "21.732", y: "21.318", 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_20232", stdDeviation: ".577" })), /* @__PURE__ */ React.createElement("filter", { id: "FillReveal__p", width: "14.299", height: "14.299", x: "21.73", y: "21.322", 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_20232", stdDeviation: ".577" })))
18
18
  );
19
19
  FillReveal.displayName = "FillReveal";
20
20
  export {
package/dist/esm/FlapLoop.js CHANGED
@@ -10,13 +10,13 @@ const FlapLoop = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M40.66 19.11c7.731 0 14 1.425 14 3.184 0 .64-.831 1.235-2.26 1.734 1.428 1.278 2.26 2.802 2.26 4.44 0 1.01-.318 1.976-.894 2.868.516 1.46.798 3.03.798 4.665 0 7.732-6.268 14-14 14s-14-6.268-14-14c0-1.708.306-3.345.866-4.858-.499-.838-.77-1.738-.77-2.674 0-1.639.83-3.163 2.259-4.44-1.429-.5-2.26-1.095-2.26-1.735.001-1.759 6.269-3.185 14-3.185", opacity: ".5" }),
13
- /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__a", width: "29", height: "28", x: "26", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("circle", { cx: "14", cy: "14", r: "14", fill: "var(--wds-illustration-color-1, #002291)", transform: "matrix(0 -1 -1 0 54.564 50)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FlapLoop__a)" }, /* @__PURE__ */ React.createElement("circle", { cx: "21.125", cy: "21.125", r: "21.125", fill: "var(--wds-illustration-color-1, #002291)", transform: "matrix(0 -1 -1 0 66.468 52.938)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlapLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__c)", d: "M63.466 35.17c-.196.985-.468 1.959-.816 2.907a18.65 18.65 0 0 1-8.048 9.619c-8.82 5.202-20.119 2.307-25.234-6.466s-2.105-20.098 6.715-25.3c8.826-5.201 20.125-2.307 25.233 6.46 2.34 4.007 2.978 8.538 2.15 12.78" })))),
14
- /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__d", width: "29", height: "17", x: "26", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "8.155", cy: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "8.155", ry: "14", transform: "matrix(0 -1 -1 0 54.66 36.621)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FlapLoop__d)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "25.095", cy: "43.083", fill: "var(--wds-illustration-color-1, #002291)", rx: "25.095", ry: "43.083", transform: "matrix(0 -1 -1 0 96.513 38.426)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlapLoop__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__f)", d: "M91.146 15.598a18.2 18.2 0 0 1-1.665 3.704c-2.94 4.96-8.54 9.357-16.421 12.256-17.996 6.627-41.048 2.939-51.484-8.238S17.28-2.286 35.276-8.913c18.008-6.627 41.06-2.94 51.484 8.23 4.773 5.104 6.075 10.878 4.386 16.281" })))),
15
- /* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__g", width: "29", height: "7", x: "26", y: "19", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "3.185", cy: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3.185", ry: "14", transform: "matrix(0 -1 -1 0 54.66 25.48)" })),
16
- /* @__PURE__ */ React.createElement("g", { mask: "url(#FlapLoop__g)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "7.34", cy: "30.622", fill: "var(--wds-illustration-color-1, #002291)", rx: "7.34", ry: "30.622", transform: "matrix(0 -1 -1 0 83.05 27.504)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlapLoop__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__i)", d: "M79.234 16.465a8.5 8.5 0 0 1-1.183 1.923c-2.09 2.574-6.07 4.855-11.672 6.36-12.79 3.439-29.176 1.525-36.594-4.275-7.417-5.8-3.053-13.289 9.738-16.728 12.8-3.44 29.185-1.525 36.594 4.27 3.392 2.65 4.318 5.646 3.117 8.45" }))),
17
- /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__j)", d: "M17.429 35.76c0-3.352 1.03-6.181 2.055-8.166a19 19 0 0 1 1.413-2.32 14 14 0 0 1 .606-.785l.037-.043q.006-.008.01-.012.002-.002.003-.003l.002-.001v-.001l.748.664h-.001l-.007.009-.03.035-.119.143c-.104.13-.255.323-.436.576-.364.508-.85 1.253-1.337 2.197-.976 1.89-1.945 4.56-1.945 7.708 0 3.143.966 5.556 1.93 7.182.482.814.964 1.43 1.322 1.84a9 9 0 0 0 .544.57l.028.026.006.006-.33.376-.33.376v-.002l-.004-.003-.012-.01-.04-.036-.137-.133a10 10 0 0 1-.478-.512 13.5 13.5 0 0 1-1.428-1.988c-1.036-1.748-2.07-4.336-2.07-7.692" }),
18
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22.237 46.154a.5.5 0 0 1-.43.091l-4-1 .243-.97 3.38.845v-3.36h.999v4l-.013.113a.5.5 0 0 1-.18.281" }),
19
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FlapLoop__c", x1: "60.496", x2: "20.178", y1: "18.583", y2: "50.179", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlapLoop__f", x1: "85.087", x2: "33.522", y1: "-5.533", y2: "59.18", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlapLoop__i", x1: "74.927", x2: "51.062", y1: "5.499", y2: "46.521", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlapLoop__j", x1: "20.929", x2: "20.929", y1: "25.261", y2: "44.761", 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("filter", { id: "FlapLoop__b", width: "46.937", height: "46.938", x: "21.875", y: "8.344", 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_20423", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlapLoop__e", width: "85.361", height: "57.059", x: "11.49", y: "-17.207", 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_20423", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlapLoop__h", width: "63.565", height: "34.422", x: "21.17", y: "-2.965", 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_20423", stdDeviation: "2.5" })))
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__a", width: "29", height: "28", x: "26", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("circle", { cx: "14", cy: "14", r: "14", fill: "var(--wds-illustration-color-1, #002291)", transform: "matrix(0 -1 -1 0 54.564 50)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FlapLoop__a)" }, /* @__PURE__ */ React.createElement("circle", { cx: "21.125", cy: "21.125", r: "21.125", fill: "var(--wds-illustration-color-1, #002291)", transform: "matrix(0 -1 -1 0 66.468 52.94)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlapLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__c)", d: "M63.466 35.171c-.196.986-.468 1.96-.816 2.907a18.65 18.65 0 0 1-8.048 9.62c-8.82 5.202-20.119 2.307-25.234-6.466s-2.105-20.098 6.715-25.3c8.826-5.201 20.125-2.307 25.233 6.46 2.34 4.007 2.978 8.538 2.15 12.78" })))),
14
+ /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__d", width: "29", height: "17", x: "26", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "8.155", cy: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "8.155", ry: "14", transform: "matrix(0 -1 -1 0 54.66 36.623)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FlapLoop__d)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "25.095", cy: "43.083", fill: "var(--wds-illustration-color-1, #002291)", rx: "25.095", ry: "43.083", transform: "matrix(0 -1 -1 0 96.513 38.426)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlapLoop__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__f)", d: "M91.146 15.596A18.2 18.2 0 0 1 89.48 19.3c-2.94 4.96-8.54 9.357-16.421 12.256-17.996 6.627-41.048 2.939-51.484-8.238S17.28-2.288 35.276-8.915c18.008-6.628 41.06-2.94 51.484 8.23 4.773 5.104 6.075 10.878 4.386 16.281" })))),
15
+ /* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__g", width: "29", height: "7", x: "26", y: "19", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "3.185", cy: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3.185", ry: "14", transform: "matrix(0 -1 -1 0 54.66 25.479)" })),
16
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#FlapLoop__g)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "7.34", cy: "30.622", fill: "var(--wds-illustration-color-1, #002291)", rx: "7.34", ry: "30.622", transform: "matrix(0 -1 -1 0 83.05 27.502)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlapLoop__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__i)", d: "M79.234 16.465a8.5 8.5 0 0 1-1.183 1.923c-2.09 2.574-6.07 4.855-11.672 6.36-12.79 3.439-29.176 1.525-36.594-4.275-7.417-5.8-3.053-13.289 9.738-16.728 12.8-3.44 29.185-1.525 36.594 4.27 3.392 2.65 4.318 5.646 3.117 8.45" }))),
17
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__j)", d: "M17.429 35.759c0-3.352 1.03-6.182 2.055-8.167a19 19 0 0 1 1.413-2.32 14 14 0 0 1 .606-.785l.037-.043q.006-.008.01-.012.002-.002.003-.003l.002-.001v-.001l.748.664h-.001l-.007.009-.03.035-.119.143c-.104.13-.255.323-.436.577-.364.507-.85 1.252-1.337 2.196-.976 1.89-1.945 4.56-1.945 7.708 0 3.143.966 5.556 1.93 7.182.482.814.964 1.43 1.322 1.84a9 9 0 0 0 .544.57l.028.026.006.006-.33.376-.33.376v-.002l-.004-.003-.012-.01a4 4 0 0 1-.177-.169 10 10 0 0 1-.478-.511 13.5 13.5 0 0 1-1.428-1.989c-1.036-1.748-2.07-4.336-2.07-7.692" }),
18
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22.237 46.152a.5.5 0 0 1-.43.091l-4-1 .243-.97 3.38.845v-3.36h.999v4l-.013.113a.5.5 0 0 1-.18.281" }),
19
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FlapLoop__c", x1: "60.496", x2: "20.178", y1: "18.585", y2: "50.181", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlapLoop__f", x1: "85.087", x2: "33.522", y1: "-5.535", y2: "59.178", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlapLoop__i", x1: "74.927", x2: "51.062", y1: "5.499", y2: "46.521", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlapLoop__j", x1: "20.929", x2: "20.929", y1: "25.259", y2: "44.759", 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("filter", { id: "FlapLoop__b", width: "46.937", height: "46.935", x: "21.875", y: "8.348", 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_20423", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlapLoop__e", width: "85.361", height: "57.059", x: "11.49", y: "-17.209", 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_20423", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlapLoop__h", width: "63.565", height: "34.422", x: "21.17", y: "-2.965", 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_20423", stdDeviation: "2.5" })))
20
20
  );
21
21
  FlapLoop.displayName = "FlapLoop";
22
22
  export {