@wix/design-system-illustrations 2.14.0 → 2.16.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 (315) hide show
  1. package/dist/cjs/AddAnElement.js +52 -0
  2. package/dist/cjs/AddAnElementSmall.js +52 -0
  3. package/dist/cjs/AiryMouse.js +3 -0
  4. package/dist/cjs/AppearClick.js +1 -1
  5. package/dist/cjs/AppearHover.js +1 -1
  6. package/dist/cjs/ArcEntrance.js +3 -2
  7. package/dist/cjs/ArcScroll.js +3 -0
  8. package/dist/cjs/Aspect3DSection.js +2 -4
  9. package/dist/cjs/Aspect3DSpinScroll.js +3 -0
  10. package/dist/cjs/BlobMouse.js +3 -0
  11. package/dist/cjs/Bounce.js +3 -2
  12. package/dist/cjs/BounceAnimation.js +3 -2
  13. package/dist/cjs/BounceEntrance.js +3 -2
  14. package/dist/cjs/BounceLoop.js +3 -2
  15. package/dist/cjs/BreathAnimation.js +0 -2
  16. package/dist/cjs/BreathLoop.js +3 -2
  17. package/dist/cjs/ClockWipe.js +3 -2
  18. package/dist/cjs/CrossLoop.js +9 -8
  19. package/dist/cjs/Cube.js +1 -1
  20. package/dist/cjs/CustomImage.js +0 -1
  21. package/dist/cjs/DartScroll.js +3 -0
  22. package/dist/cjs/DonutChart.js +1 -1
  23. package/dist/cjs/Drop.js +1 -1
  24. package/dist/cjs/EmptyPage.js +3 -2
  25. package/dist/cjs/EmptyPageImage.js +3 -2
  26. package/dist/cjs/EventInfo.js +1 -1
  27. package/dist/cjs/ExpandAnimation.js +1 -2
  28. package/dist/cjs/ExpandClick.js +1 -2
  29. package/dist/cjs/ExpandHover.js +1 -2
  30. package/dist/cjs/ExpandScroll.js +1 -2
  31. package/dist/cjs/FadeBackSection.js +1 -2
  32. package/dist/cjs/FillParallaxScroll.js +0 -2
  33. package/dist/cjs/FillReveal.js +1 -1
  34. package/dist/cjs/FlapLoop.js +1 -2
  35. package/dist/cjs/Flip.js +5 -5
  36. package/dist/cjs/FlipAnimation.js +1 -2
  37. package/dist/cjs/FlipLoop.js +1 -2
  38. package/dist/cjs/FlipScroll.js +1 -0
  39. package/dist/cjs/FloatEntrance.js +3 -2
  40. package/dist/cjs/Fold.js +3 -2
  41. package/dist/cjs/FoldAnimation.js +3 -2
  42. package/dist/cjs/FreeformImage.js +0 -1
  43. package/dist/cjs/GlideEntrance.js +1 -3
  44. package/dist/cjs/GlitchAnimation.js +3 -2
  45. package/dist/cjs/GrowEntrance.js +3 -2
  46. package/dist/cjs/ImagePositionLeft.js +0 -1
  47. package/dist/cjs/ImagePositionRight.js +0 -1
  48. package/dist/cjs/Iris.js +3 -2
  49. package/dist/cjs/JelloLoop.js +5 -8
  50. package/dist/cjs/LayeredElipseDivider.js +1 -1
  51. package/dist/cjs/MoveClick.js +7 -7
  52. package/dist/cjs/MoveHorizontalHover.js +0 -3
  53. package/dist/cjs/MoveScroll.js +9 -6
  54. package/dist/cjs/ObscureMouse.js +11 -5
  55. package/dist/cjs/OnImage.js +1 -1
  56. package/dist/cjs/PanSection.js +1 -2
  57. package/dist/cjs/ParallaxScroll.js +9 -6
  58. package/dist/cjs/ParallaxSection.js +1 -2
  59. package/dist/cjs/PieChart.js +6 -5
  60. package/dist/cjs/PokeLoop.js +3 -2
  61. package/dist/cjs/PullBackSection.js +1 -2
  62. package/dist/cjs/PulseLoop.js +1 -2
  63. package/dist/cjs/ResizeMouse.js +3 -0
  64. package/dist/cjs/ResizeOptionsCrop.js +0 -1
  65. package/dist/cjs/ResizeOptionsFit.js +1 -1
  66. package/dist/cjs/Reveal.js +1 -1
  67. package/dist/cjs/RevealAnimation.js +5 -5
  68. package/dist/cjs/RevealScroll.js +1 -0
  69. package/dist/cjs/RevealSection.js +1 -1
  70. package/dist/cjs/RightWaveDivider.js +1 -1
  71. package/dist/cjs/RotateClick.js +3 -2
  72. package/dist/cjs/RotateHover.js +2 -1
  73. package/dist/cjs/RotateSection.js +9 -6
  74. package/dist/cjs/RubberMouse.js +4 -4
  75. package/dist/cjs/ScrollEffectsDisappear.js +3 -2
  76. package/dist/cjs/ScrollEffectsFadeOut.js +3 -2
  77. package/dist/cjs/ScrollEffectsMoveWithPage.js +3 -2
  78. package/dist/cjs/ScrollEffectsStayFixed.js +3 -2
  79. package/dist/cjs/ShapeEntrance.js +0 -1
  80. package/dist/cjs/ShapeScroll.js +1 -0
  81. package/dist/cjs/Shrink.js +1 -2
  82. package/dist/cjs/ShrinkClick.js +1 -2
  83. package/dist/cjs/ShrinkHover.js +1 -2
  84. package/dist/cjs/ShrinkScroll.js +1 -2
  85. package/dist/cjs/Shuffle.js +1 -1
  86. package/dist/cjs/Skew3DMouse.js +3 -0
  87. package/dist/cjs/SkewClick.js +7 -4
  88. package/dist/cjs/SkewHover.js +1 -1
  89. package/dist/cjs/SkewSection.js +1 -1
  90. package/dist/cjs/SlideAnimation.js +3 -2
  91. package/dist/cjs/SlideScroll.js +3 -0
  92. package/dist/cjs/SpinAnimation.js +0 -1
  93. package/dist/cjs/StretchScroll.js +1 -0
  94. package/dist/cjs/Swap.js +3 -2
  95. package/dist/cjs/SwingLoop.js +3 -2
  96. package/dist/cjs/SwivelMouse.js +1 -0
  97. package/dist/cjs/TiltAnimation.js +5 -2
  98. package/dist/cjs/TiltEntrance.js +3 -2
  99. package/dist/cjs/TiltScroll.js +1 -0
  100. package/dist/cjs/Track3DMouse.js +3 -0
  101. package/dist/cjs/TrackMouse.js +3 -0
  102. package/dist/cjs/TurnEntrance.js +3 -2
  103. package/dist/cjs/TurnScroll.js +3 -0
  104. package/dist/cjs/TwistClick.js +1 -2
  105. package/dist/cjs/TwistHover.js +1 -2
  106. package/dist/cjs/TypeWriter.js +6 -5
  107. package/dist/cjs/WinkEntrance.js +1 -1
  108. package/dist/cjs/ZoomSection.js +1 -2
  109. package/dist/cjs/index.js +6 -0
  110. package/dist/esm/AddAnElement.js +18 -0
  111. package/dist/esm/AddAnElementSmall.js +18 -0
  112. package/dist/esm/AiryMouse.js +3 -0
  113. package/dist/esm/AppearClick.js +1 -1
  114. package/dist/esm/AppearHover.js +1 -1
  115. package/dist/esm/ArcEntrance.js +3 -2
  116. package/dist/esm/ArcScroll.js +3 -0
  117. package/dist/esm/Aspect3DSection.js +2 -4
  118. package/dist/esm/Aspect3DSpinScroll.js +3 -0
  119. package/dist/esm/BlobMouse.js +3 -0
  120. package/dist/esm/Bounce.js +3 -2
  121. package/dist/esm/BounceAnimation.js +3 -2
  122. package/dist/esm/BounceEntrance.js +3 -2
  123. package/dist/esm/BounceLoop.js +3 -2
  124. package/dist/esm/BreathAnimation.js +0 -2
  125. package/dist/esm/BreathLoop.js +3 -2
  126. package/dist/esm/ClockWipe.js +3 -2
  127. package/dist/esm/CrossLoop.js +9 -8
  128. package/dist/esm/Cube.js +1 -1
  129. package/dist/esm/CustomImage.js +0 -1
  130. package/dist/esm/DartScroll.js +3 -0
  131. package/dist/esm/DonutChart.js +1 -1
  132. package/dist/esm/Drop.js +1 -1
  133. package/dist/esm/EmptyPage.js +3 -2
  134. package/dist/esm/EmptyPageImage.js +3 -2
  135. package/dist/esm/EventInfo.js +1 -1
  136. package/dist/esm/ExpandAnimation.js +1 -2
  137. package/dist/esm/ExpandClick.js +1 -2
  138. package/dist/esm/ExpandHover.js +1 -2
  139. package/dist/esm/ExpandScroll.js +1 -2
  140. package/dist/esm/FadeBackSection.js +1 -2
  141. package/dist/esm/FillParallaxScroll.js +0 -2
  142. package/dist/esm/FillReveal.js +1 -1
  143. package/dist/esm/FlapLoop.js +1 -2
  144. package/dist/esm/Flip.js +5 -5
  145. package/dist/esm/FlipAnimation.js +1 -2
  146. package/dist/esm/FlipLoop.js +1 -2
  147. package/dist/esm/FlipScroll.js +1 -0
  148. package/dist/esm/FloatEntrance.js +3 -2
  149. package/dist/esm/Fold.js +3 -2
  150. package/dist/esm/FoldAnimation.js +3 -2
  151. package/dist/esm/FreeformImage.js +0 -1
  152. package/dist/esm/GlideEntrance.js +1 -3
  153. package/dist/esm/GlitchAnimation.js +3 -2
  154. package/dist/esm/GrowEntrance.js +3 -2
  155. package/dist/esm/ImagePositionLeft.js +0 -1
  156. package/dist/esm/ImagePositionRight.js +0 -1
  157. package/dist/esm/Iris.js +3 -2
  158. package/dist/esm/JelloLoop.js +5 -8
  159. package/dist/esm/LayeredElipseDivider.js +1 -1
  160. package/dist/esm/MoveClick.js +7 -7
  161. package/dist/esm/MoveHorizontalHover.js +0 -3
  162. package/dist/esm/MoveScroll.js +9 -6
  163. package/dist/esm/ObscureMouse.js +11 -5
  164. package/dist/esm/OnImage.js +1 -1
  165. package/dist/esm/PanSection.js +1 -2
  166. package/dist/esm/ParallaxScroll.js +9 -6
  167. package/dist/esm/ParallaxSection.js +1 -2
  168. package/dist/esm/PieChart.js +6 -5
  169. package/dist/esm/PokeLoop.js +3 -2
  170. package/dist/esm/PullBackSection.js +1 -2
  171. package/dist/esm/PulseLoop.js +1 -2
  172. package/dist/esm/ResizeMouse.js +3 -0
  173. package/dist/esm/ResizeOptionsCrop.js +0 -1
  174. package/dist/esm/ResizeOptionsFit.js +1 -1
  175. package/dist/esm/Reveal.js +1 -1
  176. package/dist/esm/RevealAnimation.js +5 -5
  177. package/dist/esm/RevealScroll.js +1 -0
  178. package/dist/esm/RevealSection.js +1 -1
  179. package/dist/esm/RightWaveDivider.js +1 -1
  180. package/dist/esm/RotateClick.js +3 -2
  181. package/dist/esm/RotateHover.js +2 -1
  182. package/dist/esm/RotateSection.js +9 -6
  183. package/dist/esm/RubberMouse.js +4 -4
  184. package/dist/esm/ScrollEffectsDisappear.js +3 -2
  185. package/dist/esm/ScrollEffectsFadeOut.js +3 -2
  186. package/dist/esm/ScrollEffectsMoveWithPage.js +3 -2
  187. package/dist/esm/ScrollEffectsStayFixed.js +3 -2
  188. package/dist/esm/ShapeEntrance.js +0 -1
  189. package/dist/esm/ShapeScroll.js +1 -0
  190. package/dist/esm/Shrink.js +1 -2
  191. package/dist/esm/ShrinkClick.js +1 -2
  192. package/dist/esm/ShrinkHover.js +1 -2
  193. package/dist/esm/ShrinkScroll.js +1 -2
  194. package/dist/esm/Shuffle.js +1 -1
  195. package/dist/esm/Skew3DMouse.js +3 -0
  196. package/dist/esm/SkewClick.js +7 -4
  197. package/dist/esm/SkewHover.js +1 -1
  198. package/dist/esm/SkewSection.js +1 -1
  199. package/dist/esm/SlideAnimation.js +3 -2
  200. package/dist/esm/SlideScroll.js +3 -0
  201. package/dist/esm/SpinAnimation.js +0 -1
  202. package/dist/esm/StretchScroll.js +1 -0
  203. package/dist/esm/Swap.js +3 -2
  204. package/dist/esm/SwingLoop.js +3 -2
  205. package/dist/esm/SwivelMouse.js +1 -0
  206. package/dist/esm/TiltAnimation.js +5 -2
  207. package/dist/esm/TiltEntrance.js +3 -2
  208. package/dist/esm/TiltScroll.js +1 -0
  209. package/dist/esm/Track3DMouse.js +3 -0
  210. package/dist/esm/TrackMouse.js +3 -0
  211. package/dist/esm/TurnEntrance.js +3 -2
  212. package/dist/esm/TurnScroll.js +3 -0
  213. package/dist/esm/TwistClick.js +1 -2
  214. package/dist/esm/TwistHover.js +1 -2
  215. package/dist/esm/TypeWriter.js +6 -5
  216. package/dist/esm/WinkEntrance.js +1 -1
  217. package/dist/esm/ZoomSection.js +1 -2
  218. package/dist/esm/index.js +4 -0
  219. package/dist/types/AddAnElement.d.ts +5 -0
  220. package/dist/types/AddAnElementSmall.d.ts +5 -0
  221. package/dist/types/index.d.ts +2 -0
  222. package/package.json +3 -3
  223. package/src/AddAnElement.svg +24 -0
  224. package/src/AddAnElementSmall.svg +24 -0
  225. package/src/AiryMouse.svg +2 -2
  226. package/src/AppearClick.svg +2 -2
  227. package/src/AppearHover.svg +2 -2
  228. package/src/ArcEntrance.svg +2 -2
  229. package/src/ArcScroll.svg +2 -2
  230. package/src/Aspect3DSection.svg +2 -2
  231. package/src/Aspect3DSpinScroll.svg +2 -2
  232. package/src/BlobMouse.svg +2 -2
  233. package/src/Bounce.svg +3 -3
  234. package/src/BounceAnimation.svg +2 -2
  235. package/src/BounceEntrance.svg +2 -2
  236. package/src/BounceLoop.svg +2 -2
  237. package/src/BreathLoop.svg +2 -2
  238. package/src/ClockWipe.svg +3 -3
  239. package/src/CrossLoop.svg +3 -3
  240. package/src/Cube.svg +2 -2
  241. package/src/DartScroll.svg +2 -2
  242. package/src/EmptyPage.svg +3 -3
  243. package/src/EmptyPageImage.svg +3 -3
  244. package/src/EventInfo.svg +2 -2
  245. package/src/ExpandAnimation.svg +2 -2
  246. package/src/ExpandClick.svg +2 -2
  247. package/src/ExpandHover.svg +2 -2
  248. package/src/ExpandScroll.svg +2 -2
  249. package/src/FadeBackSection.svg +2 -2
  250. package/src/FillReveal.svg +2 -2
  251. package/src/FlapLoop.svg +2 -2
  252. package/src/Flip.svg +3 -3
  253. package/src/FlipAnimation.svg +2 -2
  254. package/src/FlipLoop.svg +2 -2
  255. package/src/FlipScroll.svg +2 -2
  256. package/src/FloatEntrance.svg +2 -2
  257. package/src/Fold.svg +3 -3
  258. package/src/FoldAnimation.svg +2 -2
  259. package/src/GlideEntrance.svg +2 -2
  260. package/src/GlitchAnimation.svg +2 -2
  261. package/src/GrowEntrance.svg +2 -2
  262. package/src/Iris.svg +3 -3
  263. package/src/JelloLoop.svg +11 -14
  264. package/src/MoveClick.svg +3 -3
  265. package/src/MoveScroll.svg +3 -3
  266. package/src/ObscureMouse.svg +3 -3
  267. package/src/OnImage.svg +2 -2
  268. package/src/PanSection.svg +2 -2
  269. package/src/ParallaxScroll.svg +3 -3
  270. package/src/ParallaxSection.svg +2 -2
  271. package/src/PieChart.svg +3 -3
  272. package/src/PokeLoop.svg +2 -2
  273. package/src/PullBackSection.svg +2 -2
  274. package/src/PulseLoop.svg +2 -2
  275. package/src/ResizeMouse.svg +2 -2
  276. package/src/Reveal.svg +2 -2
  277. package/src/RevealAnimation.svg +3 -3
  278. package/src/RevealScroll.svg +2 -2
  279. package/src/RevealSection.svg +2 -2
  280. package/src/RotateClick.svg +2 -2
  281. package/src/RotateHover.svg +2 -2
  282. package/src/RotateSection.svg +3 -3
  283. package/src/RubberMouse.svg +2 -2
  284. package/src/ScrollEffectsDisappear.svg +3 -3
  285. package/src/ScrollEffectsFadeOut.svg +3 -3
  286. package/src/ScrollEffectsMoveWithPage.svg +3 -3
  287. package/src/ScrollEffectsStayFixed.svg +3 -3
  288. package/src/ShapeScroll.svg +2 -2
  289. package/src/Shrink.svg +2 -2
  290. package/src/ShrinkClick.svg +2 -2
  291. package/src/ShrinkHover.svg +2 -2
  292. package/src/ShrinkScroll.svg +2 -2
  293. package/src/Shuffle.svg +2 -2
  294. package/src/Skew3DMouse.svg +2 -2
  295. package/src/SkewClick.svg +3 -3
  296. package/src/SkewHover.svg +2 -2
  297. package/src/SkewSection.svg +2 -2
  298. package/src/SlideAnimation.svg +2 -2
  299. package/src/SlideScroll.svg +2 -2
  300. package/src/StretchScroll.svg +2 -2
  301. package/src/Swap.svg +3 -3
  302. package/src/SwingLoop.svg +2 -2
  303. package/src/SwivelMouse.svg +2 -2
  304. package/src/TiltAnimation.svg +3 -3
  305. package/src/TiltEntrance.svg +2 -2
  306. package/src/TiltScroll.svg +2 -2
  307. package/src/Track3DMouse.svg +2 -2
  308. package/src/TrackMouse.svg +2 -2
  309. package/src/TurnEntrance.svg +2 -2
  310. package/src/TurnScroll.svg +2 -2
  311. package/src/TwistClick.svg +2 -2
  312. package/src/TwistHover.svg +2 -2
  313. package/src/TypeWriter.svg +3 -3
  314. package/src/WinkEntrance.svg +2 -2
  315. package/src/ZoomSection.svg +2 -2
package/src/EmptyPage.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="144" height="104" viewBox="0 0 144 104" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="144" height="104" viewBox="0 0 144 104" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_0_clippath)"><g opacity="0.5"><rect width="100" height="82" transform="translate(22 22)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g>
2
2
  <g clip-path="url(#clip0_738_14933)">
3
3
  <g opacity="0.75">
4
4
  <g clip-path="url(#clip1_738_14933)">
@@ -48,5 +48,5 @@
48
48
  <clipPath id="clip2_738_14933">
49
49
  <rect width="35" height="80" rx="3" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 112 93)" fill="white"/>
50
50
  </clipPath>
51
- </defs>
52
- </svg>
51
+ <clipPath id="wash_0_clippath"><path d="M22 28C22 24.6863 24.6863 22 28 22H116C119.314 22 122 24.6863 122 28V104H22V28Z" fill="white"/></clipPath></defs>
52
+ </svg>
package/src/EmptyPageImage.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="144" height="104" viewBox="0 0 144 104" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="144" height="104" viewBox="0 0 144 104" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_0_clippath)"><g opacity="0.5"><rect width="100" height="82" transform="translate(22 22)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g>
2
2
  <g clip-path="url(#clip0_738_14947)">
3
3
  <g opacity="0.75">
4
4
  <g clip-path="url(#clip1_738_14947)">
@@ -71,5 +71,5 @@
71
71
  <clipPath id="clip4_738_14947">
72
72
  <rect x="38" y="64" width="12" height="12" rx="6" fill="white"/>
73
73
  </clipPath>
74
- </defs>
75
- </svg>
74
+ <clipPath id="wash_0_clippath"><path d="M22 28C22 24.6863 24.6863 22 28 22H116C119.314 22 122 24.6863 122 28V104H22V28Z" fill="white"/></clipPath></defs>
75
+ </svg>
package/src/EventInfo.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="16" y="16" width="40" height="32" rx="3" fill="var(--wds-illustration-color-opacity-25, #f8f6f200)"/>
2
2
  <g opacity="0.5">
3
3
  <g clip-path="url(#clip0_676_22041)">
4
4
  <rect x="16" y="16" width="40" height="32" rx="3" fill="#002291"/>
@@ -41,4 +41,4 @@
41
41
  <rect x="19" y="19" width="8" height="8" rx="4" fill="white"/>
42
42
  </clipPath>
43
43
  </defs>
44
- </svg>
44
+ </svg>
package/src/ExpandAnimation.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="21.8579" y="36" width="20" height="20" rx="2" transform="rotate(-45 21.8579 36)" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/>
2
2
  <g opacity="0.5">
3
3
  <g clip-path="url(#clip0_676_17923)">
4
4
  <rect x="21.8578" y="36" width="20" height="20" rx="2" transform="rotate(-45 21.8578 36)" fill="#002291"/>
@@ -86,4 +86,4 @@
86
86
  <rect x="29.9993" y="36" width="8.48581" height="8.48581" rx="2" transform="rotate(-45 29.9993 36)" fill="white"/>
87
87
  </clipPath>
88
88
  </defs>
89
- </svg>
89
+ </svg>
package/src/ExpandClick.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect width="18" height="30" rx="9" transform="matrix(-4.37114e-08 -1 -1 4.37114e-08 50.9998 45.0547)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.5">
3
3
  <g clip-path="url(#clip0_676_19446)">
4
4
  <rect width="18" height="30" rx="9" transform="matrix(6.2438e-08 -1 -1 -6.2438e-08 51.0003 45.0547)" fill="#002291"/>
@@ -86,4 +86,4 @@
86
86
  <rect width="6" height="17" rx="3" transform="matrix(6.2438e-08 -1 -1 -6.2438e-08 44.5004 39)" fill="white"/>
87
87
  </clipPath>
88
88
  </defs>
89
- </svg>
89
+ </svg>
package/src/ExpandHover.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.75"><rect x="25" y="25" width="22" height="22" rx="2.21746" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <path d="M46.1461 24.8788L52.1462 18.8788L52.8533 19.5859L46.8532 25.5859L46.1461 24.8788Z" fill="url(#paint0_linear_676_19623)"/>
3
3
  <path d="M52.8531 18.879C52.958 18.9838 53.0107 19.1298 52.9974 19.2774L52.6439 23.1665L51.6481 23.0767L51.9478 19.7843L48.6554 20.084L48.5656 19.0882L52.4547 18.7347L52.5645 18.7367C52.6727 18.7509 52.7745 18.8004 52.8531 18.879Z" fill="#002296"/>
4
4
  <path d="M25.8522 24.8788L19.8522 18.8788L19.1451 19.5859L25.1451 25.5859L25.8522 24.8788Z" fill="url(#paint1_linear_676_19623)"/>
@@ -86,4 +86,4 @@
86
86
  <rect x="31.7933" y="31.793" width="8.41385" height="8.41385" rx="1.10873" fill="white"/>
87
87
  </clipPath>
88
88
  </defs>
89
- </svg>
89
+ </svg>
package/src/ExpandScroll.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><path d="M46.0949 29.0172C46.7137 29.3745 47.0949 30.0347 47.0949 30.7493L47.0949 41.2507C47.0949 41.9653 46.7137 42.6255 46.0949 42.9828L37.0003 48.2335C36.3815 48.5908 35.6191 48.5908 35.0003 48.2335L25.9058 42.9828C25.287 42.6255 24.9058 41.9653 24.9058 41.2507L24.9058 30.7493C24.9058 30.0347 25.287 29.3745 25.9058 29.0172L35.0003 23.7665C35.6191 23.4092 36.3815 23.4092 37.0003 23.7665L46.0949 29.0172Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.5">
3
3
  <mask id="mask0_676_19831" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="24" y="23" width="24" height="26">
4
4
  <path d="M46.0951 29.0172C46.7139 29.3745 47.0951 30.0347 47.0951 30.7493L47.0951 41.2507C47.0951 41.9653 46.7139 42.6255 46.0951 42.9828L37.0005 48.2335C36.3817 48.5908 35.6193 48.5908 35.0005 48.2335L25.906 42.9828C25.2872 42.6255 24.906 41.9653 24.906 41.2507L24.906 30.7493C24.906 30.0347 25.2872 29.3745 25.906 29.0172L35.0005 23.7665C35.6193 23.4092 36.3817 23.4092 37.0005 23.7665L46.0951 29.0172Z" fill="#002291"/>
@@ -86,4 +86,4 @@
86
86
  <stop offset="0.644231" stop-color="#002296"/>
87
87
  </linearGradient>
88
88
  </defs>
89
- </svg>
89
+ </svg>
package/src/FadeBackSection.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><rect width="32" height="17.7778" rx="2" transform="matrix(1 -2.18557e-08 -2.18557e-08 -1 20 44.8906)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.25">
3
3
  <g clip-path="url(#clip0_676_22331)">
4
4
  <path d="M20 29.1094C20 28.0048 20.8954 27.1094 22 27.1094L30.6667 27.1094L30.6667 44.8872L22 44.8872C20.8954 44.8872 20 43.9917 20 42.8872L20 29.1094Z" fill="#002291"/>
@@ -84,4 +84,4 @@
84
84
  <path d="M41.332 27.1094L49.9987 27.1094C51.1033 27.1094 51.9987 28.0048 51.9987 29.1094L51.9987 42.8872C51.9987 43.9917 51.1033 44.8872 49.9987 44.8872L41.332 44.8872L41.332 27.1094Z" fill="white"/>
85
85
  </clipPath>
86
86
  </defs>
87
- </svg>
87
+ </svg>
package/src/FillReveal.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><path d="M35 22.4328C35.6188 22.0756 36.3812 22.0756 37 22.4328L47.2487 28.3499C47.8675 28.7072 48.2487 29.3674 48.2487 30.0819V41.9161C48.2487 42.6306 47.8675 43.2909 47.2487 43.6482L37 49.5652C36.3812 49.9225 35.6188 49.9225 35 49.5652L24.7513 43.6482C24.1325 43.2909 23.7513 42.6306 23.7513 41.9161V30.0819C23.7513 29.3674 24.1325 28.7072 24.7513 28.3499L35 22.4328Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.25">
3
3
  <mask id="mask0_676_20232" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="23" y="22" width="26" height="28">
4
4
  <path d="M34.951 22.4416C35.6001 22.0668 36.3999 22.0668 37.049 22.4416L47.2157 28.3113C47.8649 28.6861 48.2647 29.3787 48.2647 30.1283V41.8678C48.2647 42.6173 47.8649 43.31 47.2157 43.6848L37.049 49.5545C36.3999 49.9293 35.6001 49.9293 34.951 49.5545L24.7843 43.6848C24.1351 43.31 23.7353 42.6173 23.7353 41.8678V30.1283C23.7353 29.3787 24.1351 28.6861 24.7843 28.3113L34.951 22.4416Z" fill="#D9D9D9"/>
@@ -103,4 +103,4 @@
103
103
  <rect x="22.8834" y="27.0859" width="7.26126" height="7.31398" rx="3.63063" fill="white"/>
104
104
  </clipPath>
105
105
  </defs>
106
- </svg>
106
+ </svg>
package/src/FlapLoop.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.5" d="M40.6597 19.1094C48.3913 19.1094 54.6591 20.535 54.6597 22.2939C54.6597 22.9342 53.8289 23.529 52.3999 24.0283C53.8281 25.3064 54.6596 26.8301 54.6597 28.4688C54.6597 29.4784 54.342 30.4435 53.7661 31.3359C54.2818 32.7953 54.5639 34.3651 54.564 36.001C54.564 43.733 48.296 50.001 40.564 50.001C32.832 50.001 26.564 43.733 26.564 36.001C26.564 34.2928 26.8701 32.6561 27.4302 31.1426C26.9312 30.3049 26.6597 29.4053 26.6597 28.4688C26.6597 26.8303 27.4906 25.3063 28.9185 24.0283C27.49 23.5291 26.6597 22.934 26.6597 22.2939C26.6602 20.535 32.928 19.1094 40.6597 19.1094Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/>
2
2
  <g opacity="0.5">
3
3
  <mask id="mask0_676_20423" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="26" y="22" width="29" height="28">
4
4
  <circle cx="14" cy="14" r="14" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 54.564 50)" fill="#002291"/>
@@ -68,4 +68,4 @@
68
68
  <stop offset="0.45" stop-color="#002296"/>
69
69
  </linearGradient>
70
70
  </defs>
71
- </svg>
71
+ </svg>
package/src/Flip.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g mask="url(#wash_0_mask)"><rect width="40" height="37.8947" transform="matrix(-1 0 0 1 39 17.6309)" fill="var(--wds-illustration-color-opacity-75, #f8f6f700)"/></g>
2
2
  <path d="M36.5 19V53H35.5V19H36.5Z" fill="#002296"/>
3
3
  <g opacity="0.5">
4
4
  <mask id="mask0_676_17432" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="11" y="20" width="23" height="30">
@@ -51,5 +51,5 @@
51
51
  <stop offset="0.576923" stop-color="#B8C4FF"/>
52
52
  <stop offset="0.9" stop-color="#002291"/>
53
53
  </linearGradient>
54
- </defs>
55
- </svg>
54
+ <mask id="wash_0_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="11" y="20" width="23" height="30"><path d="M34 24.9021C34 23.9026 33.2622 23.0566 32.272 22.9206L13.2721 20.312C12.0706 20.147 11 21.0807 11 22.2934V47.7066C11 48.9193 12.0706 49.853 13.272 49.688L32.272 47.0794C33.2622 46.9434 34 46.0974 34 45.0979V24.9021Z" fill="url(#paint0_linear_543_18502)"/></mask></defs>
55
+ </svg>
package/src/FlipAnimation.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="22" y="36" width="20" height="20" rx="2" transform="rotate(-45 22 36)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.5">
3
3
  <g clip-path="url(#clip0_676_18090)">
4
4
  <rect x="22" y="36" width="20" height="20" rx="2" transform="rotate(-45 22 36)" fill="#002291"/>
@@ -68,4 +68,4 @@
68
68
  <rect width="14.9532" height="14.9532" rx="2" transform="matrix(0.324871 -0.945758 0.324871 0.945758 31.2843 35.9961)" fill="white"/>
69
69
  </clipPath>
70
70
  </defs>
71
- </svg>
71
+ </svg>
package/src/FlipLoop.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse opacity="0.5" cx="36" cy="31.3685" rx="15" ry="15.013" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/>
2
2
  <path d="M36.2412 55.8203C39.5935 55.8203 42.423 54.7893 44.4082 53.7646C45.4018 53.2518 46.1879 52.7382 46.7275 52.3516C46.9973 52.1583 47.2062 51.9966 47.3486 51.8818C47.4199 51.8244 47.4751 51.778 47.5127 51.7461C47.5313 51.7303 47.5456 51.7178 47.5557 51.709C47.5608 51.7046 47.5655 51.7018 47.5684 51.6992C47.5698 51.6979 47.5704 51.6961 47.5713 51.6953L47.5723 51.6943L47.5732 51.6943L46.9092 50.9463L46.9082 50.9473C46.9068 50.9485 46.9039 50.951 46.9004 50.9541C46.8931 50.9604 46.881 50.971 46.8652 50.9844C46.8338 51.011 46.7857 51.051 46.7217 51.1025C46.5927 51.2065 46.399 51.3575 46.1455 51.5391C45.6383 51.9024 44.893 52.3889 43.9492 52.876C42.0595 53.8513 39.3888 54.8203 36.2412 54.8203C33.098 54.8203 30.6849 53.8543 29.0586 52.8906C28.2449 52.4084 27.6291 51.9265 27.2187 51.5684C27.0139 51.3896 26.8603 51.2421 26.7598 51.1406C26.7095 51.0899 26.6721 51.0499 26.6484 51.0244C26.6368 51.0118 26.6282 51.0028 26.623 50.9971C26.6205 50.9942 26.6181 50.9922 26.6172 50.9912L26.2412 51.3203L25.8652 51.6504L25.8672 51.6514C25.868 51.6523 25.8689 51.6539 25.8701 51.6553C25.8726 51.6581 25.8757 51.6624 25.8799 51.667C25.8884 51.6764 25.9007 51.6896 25.916 51.7061C25.9467 51.739 25.9911 51.7855 26.0488 51.8437C26.165 51.961 26.336 52.1263 26.5605 52.3223C27.0095 52.7141 27.6751 53.2322 28.5488 53.75C30.2975 54.7862 32.8846 55.8203 36.2412 55.8203Z" fill="url(#paint0_linear_676_20395)"/>
3
3
  <path d="M25.8471 51.0139C25.7524 51.1353 25.7188 51.2936 25.7561 51.4429L26.7564 55.4428L27.7265 55.2L26.8811 51.8206L30.2412 51.8211L30.2408 50.8218L26.241 50.8219L26.1278 50.8343C26.0176 50.86 25.9181 50.9229 25.8471 51.0139Z" fill="#002296"/>
4
4
  <g opacity="0.5">
@@ -68,4 +68,4 @@
68
68
  <stop offset="0.8" stop-color="#002291"/>
69
69
  </linearGradient>
70
70
  </defs>
71
- </svg>
71
+ </svg>
package/src/FlipScroll.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><path d="M35 20.9484C35.6188 20.5912 36.3812 20.5912 37 20.9484L46.2583 26.2937C46.8771 26.651 47.2583 27.3113 47.2583 28.0258V38.7164C47.2583 39.4309 46.8771 40.0912 46.2583 40.4484L37 45.7937C36.3812 46.151 35.6188 46.151 35 45.7937L25.7417 40.4484C25.1229 40.0912 24.7417 39.4309 24.7417 38.7164V28.0258C24.7417 27.3113 25.1229 26.651 25.7417 26.2937L35 20.9484Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <path d="M36.2416 52.8047C39.5939 52.8047 42.4233 51.7737 44.4086 50.749C45.4022 50.2362 46.1882 49.7226 46.7279 49.3359C46.9977 49.1426 47.2065 48.981 47.349 48.8662C47.4203 48.8088 47.4754 48.7624 47.5131 48.7305C47.5317 48.7147 47.5459 48.7021 47.556 48.6934C47.5611 48.6889 47.5658 48.6861 47.5687 48.6836C47.5702 48.6823 47.5708 48.6805 47.5717 48.6797L47.5726 48.6787L47.5736 48.6787L46.9095 47.9307L46.9086 47.9316C46.9071 47.9329 46.9043 47.9354 46.9008 47.9385C46.8935 47.9448 46.8813 47.9554 46.8656 47.9687C46.8342 47.9954 46.786 48.0353 46.722 48.0869C46.5931 48.1908 46.3993 48.3419 46.1459 48.5234C45.6387 48.8868 44.8934 49.3732 43.9496 49.8603C42.0598 50.8357 39.3892 51.8047 36.2416 51.8047C33.0983 51.8047 30.6853 50.8387 29.059 49.875C28.2453 49.3928 27.6295 48.9109 27.2191 48.5527C27.0143 48.374 26.8607 48.2265 26.7601 48.125C26.7099 48.0743 26.6725 48.0343 26.6488 48.0088C26.6371 47.9962 26.6285 47.9871 26.6234 47.9814C26.6208 47.9786 26.6184 47.9766 26.6176 47.9756L26.2416 48.3047L25.8656 48.6348L25.8676 48.6357C25.8684 48.6367 25.8692 48.6383 25.8705 48.6396C25.873 48.6425 25.8761 48.6467 25.8802 48.6514C25.8887 48.6608 25.9011 48.674 25.9164 48.6904C25.947 48.7234 25.9915 48.7699 26.0492 48.8281C26.1654 48.9454 26.3363 49.1106 26.5609 49.3066C27.0099 49.6985 27.6755 50.2166 28.5492 50.7344C30.2979 51.7706 32.8849 52.8047 36.2416 52.8047Z" fill="url(#paint0_linear_676_20209)"/>
3
3
  <path d="M25.8474 47.9983C25.7527 48.1196 25.7192 48.278 25.7565 48.4273L26.7568 52.4272L27.7269 52.1844L26.8814 48.805L30.2416 48.8054L30.2412 47.8061L26.2414 47.8062L26.1282 47.8187C26.0179 47.8444 25.9185 47.9073 25.8474 47.9983Z" fill="#002296"/>
4
4
  <g opacity="0.5">
@@ -65,4 +65,4 @@
65
65
  <stop offset="0.85" stop-color="#002291"/>
66
66
  </linearGradient>
67
67
  </defs>
68
- </svg>
68
+ </svg>
package/src/FloatEntrance.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="26.8579" y="45" width="20" height="20" rx="2" transform="rotate(-45 26.8579 45)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="26.8579" y="35.9336" width="20" height="20" rx="2" transform="rotate(-45 26.8579 35.9336)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="26.8579" y="27" width="20" height="20" rx="2" transform="rotate(-45 26.8579 27)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.25">
3
3
  <g clip-path="url(#clip0_676_19387)">
4
4
  <rect x="26.8579" y="45" width="20" height="20" rx="2" transform="rotate(-45 26.8579 45)" fill="#002291"/>
@@ -68,4 +68,4 @@
68
68
  <rect x="26.8579" y="27" width="20" height="20" rx="2" transform="rotate(-45 26.8579 27)" fill="white"/>
69
69
  </clipPath>
70
70
  </defs>
71
- </svg>
71
+ </svg>
package/src/Fold.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_1_clippath)"><g clip-path="url(#wash_0_clippath)"><rect x="11" y="21" width="50" height="30" rx="2" fill="var(--wds-illustration-color-opacity-75, #f8f6f700)"/></g></g>
2
2
  <g clip-path="url(#clip0_676_17454)">
3
3
  <g clip-path="url(#clip1_676_17454)">
4
4
  <g opacity="0.5">
@@ -107,5 +107,5 @@
107
107
  <clipPath id="clip2_676_17454">
108
108
  <rect x="11" y="21.5" width="50" height="30" rx="2" fill="white"/>
109
109
  </clipPath>
110
- </defs>
111
- </svg>
110
+ <clipPath id="wash_0_clippath"><rect x="11" y="21.5" width="50" height="30" rx="2" fill="white"/></clipPath><clipPath id="wash_1_clippath"><rect width="72" height="72" fill="white"/></clipPath></defs>
111
+ </svg>
package/src/FoldAnimation.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16.5371" height="16.5371" rx="2" transform="matrix(0.855175 -0.518339 0.855175 0.518339 21.8574 41.5703)" fill="var(--wds-illustration-color-opacity-75, #f8f6f700)"/><rect x="21.8574" y="36" width="20" height="20" rx="2" transform="rotate(-45 21.8574 36)" fill="var(--wds-illustration-color-opacity-75, #f8f6f700)"/><rect width="14.7164" height="14.7164" rx="2" transform="matrix(0.960979 -0.27662 0.960979 0.27662 21.8574 46.0723)" fill="var(--wds-illustration-color-opacity-75, #f8f6f700)"/>
2
2
  <g opacity="0.5">
3
3
  <g clip-path="url(#clip0_676_18067)">
4
4
  <rect width="14.7164" height="14.7164" rx="2" transform="matrix(0.960979 -0.27662 0.960979 0.27662 21.8574 46.0703)" fill="#002291"/>
@@ -68,4 +68,4 @@
68
68
  <rect x="21.8574" y="36" width="20" height="20" rx="2" transform="rotate(-45 21.8574 36)" fill="white"/>
69
69
  </clipPath>
70
70
  </defs>
71
- </svg>
71
+ </svg>
package/src/GlideEntrance.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="21.8589" y="31.0742" width="20" height="20" rx="2" transform="rotate(-45 21.8589 31.0742)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <path d="M23.5 52.0703L48.5 52.0703L48.5 53.0703L23.5 53.0703L23.5 52.0703Z" fill="url(#paint0_linear_676_19217)"/>
3
3
  <path d="M49 52.5713C49 52.7196 48.9341 52.8601 48.8203 52.9551L45.8203 55.4551L45.1797 54.6875L47.7197 52.5713L45.1797 50.4551L45.8203 49.6875L48.8203 52.1875L48.8965 52.2666C48.963 52.3532 49 52.4601 49 52.5713Z" fill="#002296"/>
4
4
  <g opacity="0.5">
@@ -112,4 +112,4 @@
112
112
  <rect x="30.8579" y="31.0703" width="20" height="20" rx="2" transform="rotate(-45 30.8579 31.0703)" fill="white"/>
113
113
  </clipPath>
114
114
  </defs>
115
- </svg>
115
+ </svg>
package/src/GlitchAnimation.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="20" y="20" width="32" height="32" rx="16" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/><rect x="25" y="20" width="32" height="32" rx="16" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/><rect x="15" y="20" width="32" height="32" rx="16" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/>
2
2
  <g clip-path="url(#clip0_676_18112)">
3
3
  <rect x="20" y="20" width="32" height="32" rx="16" fill="#002291"/>
4
4
  <g filter="url(#filter0_f_676_18112)">
@@ -62,4 +62,4 @@
62
62
  <rect x="15" y="20" width="32" height="32" rx="16" fill="white"/>
63
63
  </clipPath>
64
64
  </defs>
65
- </svg>
65
+ </svg>
package/src/GrowEntrance.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="22.7029" y="47.9023" width="11.7422" height="11.7422" rx="1" transform="rotate(-45 22.7029 47.9023)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="19.6179" y="38.9883" width="16.105" height="16.105" rx="1.5" transform="rotate(-45 19.6179 38.9883)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="16.8638" y="29.9375" width="20" height="20" rx="2" transform="rotate(-45 16.8638 29.9375)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <path d="M52.1362 48.5L52.1362 23.5L53.1362 23.5L53.1362 48.5L52.1362 48.5Z" fill="url(#paint0_linear_676_19295)"/>
3
3
  <path d="M52.6362 23C52.7845 23 52.925 23.0659 53.02 23.1797L55.52 26.1797L54.7524 26.8203L52.6362 24.2803L50.52 26.8203L49.7524 26.1797L52.2524 23.1797L52.3315 23.1035C52.4181 23.037 52.525 23 52.6362 23Z" fill="#002296"/>
4
4
  <g opacity="0.25">
@@ -68,4 +68,4 @@
68
68
  <rect x="16.8638" y="29.9375" width="20" height="20" rx="2" transform="rotate(-45 16.8638 29.9375)" fill="white"/>
69
69
  </clipPath>
70
70
  </defs>
71
- </svg>
71
+ </svg>
package/src/Iris.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_0_clippath)"><rect x="11" y="21.5" width="50" height="30" rx="2" fill="var(--wds-illustration-color-opacity-75, #f8f6f700)"/></g>
2
2
  <g clip-path="url(#clip0_676_17413)">
3
3
  <g opacity="0.5">
4
4
  <g clip-path="url(#clip1_676_17413)">
@@ -89,5 +89,5 @@
89
89
  <clipPath id="clip4_676_17413">
90
90
  <rect x="26" y="26.5" width="20" height="20" rx="10" fill="white"/>
91
91
  </clipPath>
92
- </defs>
93
- </svg>
92
+ <clipPath id="wash_0_clippath"><rect width="50" height="30" fill="white" transform="translate(11 21.5)"/></clipPath></defs>
93
+ </svg>
package/src/JelloLoop.svg CHANGED
@@ -1,13 +1,10 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g opacity="0.5">
3
- <path d="M14.1242 26.6406C17.1495 21.1953 26.4501 19.4942 36.4337 22.0322C46.7512 20.0707 56.1018 22.4828 58.6779 28.2822C59.8703 30.9666 59.4335 33.9785 57.7179 36.9042C59.1146 39.8802 59.2628 42.8334 57.8634 45.3525C54.8393 50.7962 45.5438 52.4983 35.5636 49.9638C25.453 51.7481 16.3718 49.322 13.839 43.6201C12.7212 41.1032 13.0348 38.2985 14.4923 35.5468C12.8906 32.4174 12.6532 29.2886 14.1242 26.6406Z" fill="#F8F6F6"/>
4
- </g>
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><path d="M14.1241 26.6406C17.1494 21.1953 26.45 19.4942 36.4337 22.0322C46.7511 20.0707 56.1017 22.4828 58.6778 28.2822C59.8702 30.9666 59.4335 33.9785 57.7179 36.9042C59.1146 39.8802 59.2627 42.8334 57.8634 45.3525C54.8392 50.7962 45.5437 52.4983 35.5636 49.9638C25.453 51.7481 16.3718 49.322 13.8389 43.6201C12.7211 41.1032 13.0348 38.2985 14.4923 35.5468C12.8906 32.4174 12.6531 29.2886 14.1241 26.6406Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
5
2
  <g opacity="0.5">
6
3
  <mask id="mask0_676_20571" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="13" y="21" width="47" height="30">
7
4
  <ellipse cx="23.6947" cy="13.5788" rx="23.6947" ry="13.5788" transform="matrix(0.946172 -0.323665 0.405955 0.913893 8.33392 31.2148)" fill="#D9D9D9"/>
8
5
  </mask>
9
6
  <g mask="url(#mask0_676_20571)">
10
- <ellipse cx="52.9997" cy="27.5619" rx="52.9997" ry="27.5619" transform="matrix(0.946172 -0.323665 0.405955 0.913893 -15.5907 13.4922)" fill="#002294"/>
7
+ <ellipse cx="52.9997" cy="27.5619" rx="52.9997" ry="27.5619" transform="matrix(0.946172 -0.323665 0.405955 0.913893 -15.5907 13.4922)" fill="#002291"/>
11
8
  <g filter="url(#filter0_f_676_20571)">
12
9
  <path d="M21.2232 12.1527C19.1842 13.0579 17.2034 14.0235 15.3079 15.0404C7.52921 19.2287 1.23355 24.2897 -2.0783 29.5157C-9.65422 41.4523 1.18335 49.7161 22.1275 47.9711C43.0717 46.226 66.1843 35.131 73.7603 23.1943C81.3336 11.2518 70.496 2.98799 49.568 4.73422C40.0001 5.52857 29.9996 8.27294 21.2232 12.1527Z" fill="url(#paint0_linear_676_20571)"/>
13
10
  </g>
@@ -18,7 +15,7 @@
18
15
  <ellipse cx="23.7871" cy="13.5834" rx="23.7871" ry="13.5834" transform="matrix(0.919401 0.393321 -0.485619 0.87417 20.7261 14.7695)" fill="#D9D9D9"/>
19
16
  </mask>
20
17
  <g mask="url(#mask1_676_20571)">
21
- <ellipse cx="48.4994" cy="28.2339" rx="48.4994" ry="28.2339" transform="matrix(0.919401 0.393321 -0.485619 0.87417 21.4969 -11.6328)" fill="#002294"/>
18
+ <ellipse cx="48.4994" cy="28.2339" rx="48.4994" ry="28.2339" transform="matrix(0.919401 0.393321 -0.485619 0.87417 21.4969 -11.6328)" fill="#002291"/>
22
19
  <g filter="url(#filter1_f_676_20571)">
23
20
  <path d="M53.533 11.5839C51.7333 11.0467 49.9149 10.5917 48.0995 10.228C40.6373 8.74737 33.2415 8.84181 27.2705 10.8746C13.6261 15.5109 12.5812 28.4802 24.9381 39.8403C37.295 51.2003 58.3723 56.6436 72.0167 52.0073C85.6643 47.365 86.7093 34.3957 74.3599 23.0463C68.7172 17.8545 61.266 13.9086 53.533 11.5839Z" fill="url(#paint1_linear_676_20571)"/>
24
21
  </g>
@@ -28,7 +25,7 @@
28
25
  <circle cx="36.0226" cy="36" r="14" fill="#D9D9D9"/>
29
26
  </mask>
30
27
  <g mask="url(#mask2_676_20571)">
31
- <circle cx="41.7985" cy="18.6217" r="33.3561" fill="#002294"/>
28
+ <circle cx="41.7985" cy="18.6217" r="33.3561" fill="#002291"/>
32
29
  <g filter="url(#filter2_f_676_20571)">
33
30
  <path d="M36.6122 1.16801C35.3084 1.42717 34.0215 1.78666 32.7679 2.24647C27.6199 4.15261 23.057 7.78095 20.0484 12.889C13.1705 24.5516 16.9981 39.4913 28.5977 46.2547C40.1973 53.0182 55.1732 49.0387 62.0511 37.3762C68.929 25.7053 65.1015 10.7655 53.5102 4.01048C48.2118 0.917198 42.2198 0.0728148 36.6122 1.16801Z" fill="url(#paint2_linear_676_20571)"/>
34
31
  </g>
@@ -50,19 +47,19 @@
50
47
  <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_676_20571"/>
51
48
  </filter>
52
49
  <linearGradient id="paint0_linear_676_20571" x1="58.0837" y1="2.69003" x2="58.4341" y2="62.7" gradientUnits="userSpaceOnUse">
53
- <stop offset="0.176006" stop-color="#EAEFFF"/>
50
+ <stop offset="0.176006" stop-color="#EAEFF1"/>
54
51
  <stop offset="0.5" stop-color="#B8C4FF"/>
55
- <stop offset="0.8" stop-color="#002294"/>
52
+ <stop offset="0.8" stop-color="#002291"/>
56
53
  </linearGradient>
57
54
  <linearGradient id="paint1_linear_676_20571" x1="80.4672" y1="26.6328" x2="29.8813" y2="70.9016" gradientUnits="userSpaceOnUse">
58
- <stop offset="0.176006" stop-color="#EAEFFF"/>
55
+ <stop offset="0.176006" stop-color="#EAEFF1"/>
59
56
  <stop offset="0.5" stop-color="#B8C4FF"/>
60
- <stop offset="0.8" stop-color="#002294"/>
57
+ <stop offset="0.8" stop-color="#002291"/>
61
58
  </linearGradient>
62
59
  <linearGradient id="paint2_linear_676_20571" x1="58.5431" y1="5.09478" x2="16.765" y2="58.4056" gradientUnits="userSpaceOnUse">
63
- <stop offset="0.176006" stop-color="#EAEFFF"/>
60
+ <stop offset="0.176006" stop-color="#EAEFF1"/>
64
61
  <stop offset="0.5" stop-color="#B8C4FF"/>
65
- <stop offset="0.8" stop-color="#002294"/>
62
+ <stop offset="0.8" stop-color="#002291"/>
66
63
  </linearGradient>
67
64
  </defs>
68
- </svg>
65
+ </svg>
package/src/MoveClick.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><g clip-path="url(#wash_0_clippath)"><rect width="49.0171" height="16" rx="8" transform="matrix(1 0 0 -1 11.4915 38.5391)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.5"><g clip-path="url(#wash_0_clippath)"><path d="M87.1765 38.5391L87.1765 6.5332L11.4916 6.53321L11.4916 38.5391L87.1765 38.5391Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g>
2
2
  <g opacity="0.25">
3
3
  <g clip-path="url(#clip0_676_19548)">
4
4
  <rect width="33" height="16" rx="8" transform="matrix(1 0 0 -1 11.5002 38.5391)" fill="#002291"/>
@@ -67,5 +67,5 @@
67
67
  <clipPath id="clip2_676_19548">
68
68
  <rect width="33" height="16" rx="8" transform="matrix(1 0 0 -1 27.5005 38.5391)" fill="white"/>
69
69
  </clipPath>
70
- </defs>
71
- </svg>
70
+ <clipPath id="wash_0_clippath"><rect width="49.0171" height="16" rx="8" transform="matrix(1 0 0 -1 11.4915 38.5391)" fill="white"/></clipPath></defs>
71
+ </svg>
package/src/MoveScroll.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><g mask="url(#wash_0_mask)"><path d="M17.823 4.78621L3.34535 29.8622L17.823 54.9381L46.7782 54.9381L61.2558 29.8622L46.7782 4.78621L17.823 4.78621Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.7"><g mask="url(#wash_1_mask)"><path d="M9.32101 4.78621L-5.15661 29.8622L9.32101 54.9381L38.2762 54.9381L52.7539 29.8622L38.2762 4.78621L9.32101 4.78621Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.7"><g mask="url(#wash_2_mask)"><path d="M-6.68761 2.77899L-23.6541 32.1658L-6.68761 61.5526L27.2454 61.5526L44.2119 32.1658L27.2454 2.77899L-6.68761 2.77899Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g>
2
2
  <path d="M48.499 50.9258L23.499 50.9258L23.499 51.9258L48.499 51.9258L48.499 50.9258Z" fill="url(#paint0_linear_676_19800)"/>
3
3
  <path d="M22.999 51.4268C22.999 51.575 23.0649 51.7156 23.1787 51.8105L26.1787 54.3105L26.8193 53.543L24.2793 51.4268L26.8193 49.3105L26.1787 48.543L23.1787 51.043L23.1025 51.1221C23.036 51.2086 22.999 51.3156 22.999 51.4268Z" fill="#002296"/>
4
4
  <g opacity="0.5">
@@ -64,5 +64,5 @@
64
64
  <stop offset="0.576923" stop-color="#B8C4FF"/>
65
65
  <stop offset="0.85" stop-color="#002291"/>
66
66
  </linearGradient>
67
- </defs>
68
- </svg>
67
+ <mask id="wash_0_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="31" y="20" width="27" height="23"><path d="M39.1561 20.2109C38.4416 20.2109 37.7814 20.5921 37.4241 21.2109L32.0788 30.4693C31.7215 31.0881 31.7215 31.8505 32.0788 32.4693L37.4241 41.7276C37.7814 42.3464 38.4416 42.7276 39.1561 42.7276L49.8467 42.7276C50.5613 42.7276 51.2215 42.3464 51.5788 41.7276L56.9241 32.4693C57.2814 31.8505 57.2814 31.0881 56.9241 30.4693L51.5788 21.2109C51.2215 20.5921 50.5613 20.2109 49.8467 20.2109L39.1561 20.2109Z" fill="#F8F6F6"/></mask><mask id="wash_1_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="23" y="20" width="26" height="23"><path d="M30.6542 20.2109C29.9397 20.2109 29.2794 20.5921 28.9221 21.2109L23.5768 30.4693C23.2196 31.0881 23.2196 31.8505 23.5768 32.4693L28.9221 41.7276C29.2794 42.3464 29.9397 42.7276 30.6542 42.7276L41.3448 42.7276C42.0593 42.7276 42.7196 42.3464 43.0768 41.7276L48.4221 32.4693C48.7794 31.8505 48.7794 31.0881 48.4221 30.4693L43.0768 21.2109C42.7196 20.5921 42.0593 20.2109 41.3448 20.2109L30.6542 20.2109Z" fill="#F8F6F6"/></mask><mask id="wash_2_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="20" width="27" height="23"><path d="M22.1522 20.2109C21.4377 20.2109 20.7774 20.5921 20.4202 21.2109L15.0749 30.4693C14.7176 31.0881 14.7176 31.8505 15.0749 32.4693L20.4202 41.7276C20.7774 42.3464 21.4377 42.7276 22.1522 42.7276L32.8428 42.7276C33.5574 42.7276 34.2176 42.3464 34.5749 41.7276L39.9202 32.4693C40.2774 31.8505 40.2774 31.0881 39.9202 30.4693L34.5749 21.2109C34.2176 20.5921 33.5574 20.2109 32.8428 20.2109L22.1522 20.2109Z" fill="#F8F6F6"/></mask></defs>
68
+ </svg>
package/src/ObscureMouse.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><g mask="url(#wash_0_mask)"><path d="M2.33618 2.94531L58.5993 2.94531L58.5993 50.1938L2.33618 50.1938L2.33618 2.94531Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.25"><g mask="url(#wash_0_mask)"><path d="M31.4835 8.68366L51.8453 46.0492L9.08813 46.0492L31.4835 8.68366Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.25"><g mask="url(#wash_1_mask)"><path d="M14.9355 3.6875L69.9884 3.6875L69.9884 49.9197L14.9355 49.9197L14.9355 3.6875Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.25"><g mask="url(#wash_1_mask)"><path d="M43.4561 9.30084L63.3799 45.8626L21.5425 45.8626L43.4561 9.30084Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.25"><g mask="url(#wash_2_mask)"><path d="M27.6846 -7.45312L97.2842 -7.45312L97.2842 50.9951L27.6846 50.9951L27.6846 -7.45312Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.25"><g mask="url(#wash_2_mask)"><path d="M65.2493 -5.35148L94.6462 45.8671L32.9165 45.8671L65.2493 -5.35148Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g>
2
2
  <g opacity="0.5" filter="url(#filter0_f_676_20685)">
3
3
  <mask id="mask0_676_20685" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="20" width="30" height="27">
4
4
  <path d="M23.1536 21.5234C23.9234 20.1901 25.8479 20.1901 26.6177 21.5234L39.121 43.1799C39.8908 44.5132 38.9286 46.1799 37.389 46.1799H12.3823C10.8427 46.1799 9.88042 44.5132 10.6502 43.1799L23.1536 21.5234Z" fill="#D9D9D9"/>
@@ -92,5 +92,5 @@
92
92
  <stop offset="0.576923" stop-color="#B8C4FF"/>
93
93
  <stop offset="0.85" stop-color="#002291"/>
94
94
  </linearGradient>
95
- </defs>
96
- </svg>
95
+ <mask id="wash_0_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="21" width="30" height="26"><path d="M23.1533 22.1953C23.9231 20.862 25.8476 20.862 26.6174 22.1953L39.1208 43.8517C39.8906 45.1851 38.9283 46.8517 37.3887 46.8517H12.382C10.8424 46.8517 9.88018 45.1851 10.65 43.8517L23.1533 22.1953Z" fill="#D9D9D9"/></mask><mask id="wash_1_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="22" y="21" width="30" height="26"><path d="M35.268 22.5898C36.0378 21.2565 37.9622 21.2565 38.732 22.5898L50.8919 43.6514C51.6617 44.9847 50.6995 46.6514 49.1599 46.6514H24.8401C23.3005 46.6514 22.3383 44.9847 23.1081 43.6514L35.268 22.5898Z" fill="#D9D9D9"/></mask><mask id="wash_2_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="34" y="21" width="31" height="27"><path d="M47.3822 22.0508C48.152 20.7175 50.0765 20.7174 50.8463 22.0508L63.8367 44.5508C64.6065 45.8841 63.6442 47.5508 62.1046 47.5508H36.1239C34.5843 47.5508 33.622 45.8841 34.3918 44.5508L47.3822 22.0508Z" fill="#D9D9D9"/></mask></defs>
96
+ </svg>
package/src/OnImage.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="16" y="20" width="40" height="32" rx="3" fill="var(--wds-illustration-color-opacity-25, #f8f6f200)"/>
2
2
  <g opacity="0.5">
3
3
  <g clip-path="url(#clip0_676_22024)">
4
4
  <rect x="16" y="20" width="40" height="32" rx="3" fill="#002291"/>
@@ -41,4 +41,4 @@
41
41
  <rect x="19" y="23" width="8" height="8" rx="4" fill="white"/>
42
42
  </clipPath>
43
43
  </defs>
44
- </svg>
44
+ </svg>
package/src/PanSection.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="13.9688" y="22.1094" width="44.2" height="17.78" rx="2" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <path d="M23.5 46.8906L48.5 46.8906L48.5 47.8906L23.5 47.8906L23.5 46.8906Z" fill="url(#paint0_linear_676_22364)"/>
3
3
  <path d="M49 47.3916C49 47.5399 48.9341 47.6804 48.8203 47.7754L45.8203 50.2754L45.1797 49.5078L47.7197 47.3916L45.1797 45.2754L45.8203 44.5078L48.8203 47.0078L48.8965 47.0869C48.963 47.1735 49 47.2804 49 47.3916Z" fill="#002296"/>
4
4
  <g opacity="0.25">
@@ -68,4 +68,4 @@
68
68
  <rect x="26.2148" y="22.1094" width="32" height="17.7778" rx="2" fill="white"/>
69
69
  </clipPath>
70
70
  </defs>
71
- </svg>
71
+ </svg>
package/src/ParallaxScroll.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><g mask="url(#wash_0_mask)"><path d="M40.6982 7.50391L65.7741 21.9815V50.9368L40.6982 65.4144L15.6222 50.9368V21.9815L40.6982 7.50391Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.7"><g mask="url(#wash_1_mask)"><path d="M40.6982 -0.449219L65.7741 14.0284V42.9836L40.6982 57.4612L15.6222 42.9836V14.0284L40.6982 -0.449219Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.7"><g mask="url(#wash_2_mask)"><path d="M46.1954 -13.8906L75.5823 3.07587V37.0089L46.1954 53.9753L16.8086 37.0089V3.07587L46.1954 -13.8906Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g>
2
2
  <g opacity="0.25">
3
3
  <mask id="mask0_676_20039" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="19" y="31" width="24" height="26">
4
4
  <path d="M29.9355 31.5305C30.5543 31.1732 31.3167 31.1732 31.9355 31.5305L41.1939 36.8758C41.8127 37.233 42.1939 37.8933 42.1939 38.6078V49.2984C42.1939 50.013 41.8127 50.6732 41.1939 51.0305L31.9355 56.3758C31.3167 56.733 30.5543 56.733 29.9355 56.3758L20.6772 51.0305C20.0584 50.6732 19.6772 50.013 19.6772 49.2984V38.6078C19.6772 37.8933 20.0584 37.233 20.6772 36.8758L29.9355 31.5305Z" fill="#002291"/>
@@ -64,5 +64,5 @@
64
64
  <stop offset="0.04" stop-color="#F8F6F6"/>
65
65
  <stop offset="0.45" stop-color="#002296"/>
66
66
  </linearGradient>
67
- </defs>
68
- </svg>
67
+ <mask id="wash_0_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="19" y="31" width="24" height="26"><path d="M29.9355 31.5305C30.5543 31.1732 31.3167 31.1732 31.9355 31.5305L41.1939 36.8758C41.8127 37.233 42.1939 37.8933 42.1939 38.6078V49.2984C42.1939 50.013 41.8127 50.6732 41.1939 51.0305L31.9355 56.3758C31.3167 56.733 30.5543 56.733 29.9355 56.3758L20.6772 51.0305C20.0584 50.6732 19.6772 50.013 19.6772 49.2984V38.6078C19.6772 37.8933 20.0584 37.233 20.6772 36.8758L29.9355 31.5305Z" fill="#002294"/></mask><mask id="wash_1_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="19" y="23" width="24" height="26"><path d="M29.9355 23.5774C30.5543 23.2201 31.3167 23.2201 31.9355 23.5774L41.1939 28.9226C41.8127 29.2799 42.1939 29.9402 42.1939 30.6547V41.3453C42.1939 42.0598 41.8127 42.7201 41.1939 43.0774L31.9355 48.4226C31.3167 48.7799 30.5543 48.7799 29.9355 48.4226L20.6772 43.0774C20.0584 42.7201 19.6772 42.0598 19.6772 41.3453V30.6547C19.6772 29.9402 20.0584 29.2799 20.6772 28.9226L29.9355 23.5774Z" fill="#002294"/></mask><mask id="wash_2_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="19" y="15" width="24" height="26"><path d="M29.9355 15.6242C30.5543 15.267 31.3167 15.267 31.9355 15.6242L41.1939 20.9695C41.8127 21.3268 42.1939 21.987 42.1939 22.7016V33.3922C42.1939 34.1067 41.8127 34.767 41.1939 35.1242L31.9355 40.4695C31.3167 40.8268 30.5543 40.8268 29.9355 40.4695L20.6772 35.1242C20.0584 34.767 19.6772 34.1067 19.6772 33.3922V22.7016C19.6772 21.987 20.0584 21.3268 20.6772 20.9695L29.9355 15.6242Z" fill="#002294"/></mask></defs>
68
+ </svg>
package/src/ParallaxSection.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="17" y="20.9297" width="32" height="30.163" rx="2" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <path d="M56.5 49.7891L56.5 24.7891" stroke="url(#paint0_linear_676_20887)" stroke-miterlimit="10"/>
3
3
  <path d="M54 27.7891L56.5 24.7891L59 27.7891" stroke="#002296" stroke-linejoin="round"/>
4
4
  <g opacity="0.25">
@@ -68,4 +68,4 @@
68
68
  <rect x="17" y="20.9062" width="32" height="17.7778" rx="2" fill="white"/>
69
69
  </clipPath>
70
70
  </defs>
71
- </svg>
71
+ </svg>
package/src/PieChart.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g mask="url(#wash_0_mask)"><rect x="9.00073" y="9" width="54" height="54" rx="27" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g mask="url(#wash_1_mask)"><rect x="8.99951" y="9" width="54" height="54" rx="27" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <mask id="mask0_676_19188" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="36" width="27" height="27">
3
3
  <rect x="9" y="36" width="27" height="27" fill="#D9D9D9"/>
4
4
  </mask>
@@ -50,5 +50,5 @@
50
50
  <clipPath id="clip1_676_19188">
51
51
  <rect x="8.99957" y="9" width="54" height="54" rx="27" fill="white"/>
52
52
  </clipPath>
53
- </defs>
54
- </svg>
53
+ <mask id="wash_0_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="36" width="27" height="27"><rect x="9" y="36" width="27" height="27" fill="#D9D9D9"/></mask><mask id="wash_1_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="9" width="54" height="54"><path d="M36 63L63 63L63 9.00001L9.00001 9L9 36L36 36L36 63Z" fill="#D9D9D9"/></mask></defs>
54
+ </svg>
package/src/PokeLoop.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="12.9062" y="17.0352" width="28" height="28" rx="14" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="22" y="17.0352" width="28" height="28" rx="14" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="31.0938" y="17.0352" width="28" height="28" rx="14" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.25">
3
3
  <g clip-path="url(#clip0_676_20328)">
4
4
  <rect x="12.9062" y="17.0391" width="28" height="28" rx="14" fill="#002291"/>
@@ -94,4 +94,4 @@
94
94
  <rect x="31.0938" y="17.0391" width="28" height="28" rx="14" fill="white"/>
95
95
  </clipPath>
96
96
  </defs>
97
- </svg>
97
+ </svg>
package/src/PullBackSection.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><rect x="20" y="27.1094" width="32" height="17.7778" rx="2.21746" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.5">
3
3
  <g clip-path="url(#clip0_676_22421)">
4
4
  <rect x="20" y="27.1094" width="32" height="17.7778" rx="2" fill="#002291"/>
@@ -86,4 +86,4 @@
86
86
  <rect x="26.2227" y="32.6016" width="19.5542" height="6.79907" rx="1.10873" fill="white"/>
87
87
  </clipPath>
88
88
  </defs>
89
- </svg>
89
+ </svg>
package/src/PulseLoop.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><rect x="9.99976" y="10" width="52" height="52" rx="26" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.25">
3
3
  <g clip-path="url(#clip0_676_20295)">
4
4
  <rect x="10" y="10" width="52" height="52" rx="26" fill="#002291"/>
@@ -62,4 +62,4 @@
62
62
  <rect x="22" y="22" width="28" height="28" rx="14" fill="white"/>
63
63
  </clipPath>
64
64
  </defs>
65
- </svg>
65
+ </svg>
package/src/ResizeMouse.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><path d="M19.0961 40.5218C19.4605 39.8906 20.3715 39.8906 20.736 40.5218L26.8856 51.1733C27.2501 51.8045 26.7945 52.5935 26.0657 52.5935H13.7663C13.0375 52.5935 12.582 51.8045 12.9464 51.1733L19.0961 40.5218Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M29.6172 28.4298C30.1886 27.4402 31.6171 27.4402 32.1884 28.4298L41.8304 45.1302C42.4018 46.1199 41.6875 47.3569 40.5448 47.3569H21.2609C20.1181 47.3569 19.4039 46.1199 19.9753 45.1302L29.6172 28.4298Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M42.3475 15.9219C43.1173 14.5885 45.0418 14.5885 45.8116 15.9219L58.802 38.4219C59.5718 39.7552 58.6096 41.4219 57.07 41.4219H31.0892C29.5496 41.4219 28.5874 39.7552 29.3572 38.4219L42.3475 15.9219Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.5">
3
3
  <mask id="mask0_676_20787" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="12" y="40" width="16" height="13">
4
4
  <path d="M19.0956 40.5218C19.46 39.8906 20.3711 39.8906 20.7355 40.5218L26.8851 51.1733C27.2496 51.8045 26.794 52.5935 26.0652 52.5935H13.7659C13.037 52.5935 12.5815 51.8045 12.9459 51.1733L19.0956 40.5218Z" fill="#D9D9D9"/>
@@ -83,4 +83,4 @@
83
83
  <stop offset="0.85" stop-color="#002291"/>
84
84
  </linearGradient>
85
85
  </defs>
86
- </svg>
86
+ </svg>
package/src/Reveal.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="11" y="21" width="50" height="30" rx="2" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/>
2
2
  <g opacity="0.5">
3
3
  <mask id="mask0_676_17346" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="30" y="16" width="33" height="39">
4
4
  <rect width="33" height="39" transform="matrix(-1 0 0 1 63 16)" fill="#002291"/>
@@ -58,4 +58,4 @@
58
58
  <rect x="11" y="21" width="50" height="30" rx="2" fill="white"/>
59
59
  </clipPath>
60
60
  </defs>
61
- </svg>
61
+ </svg>
package/src/RevealAnimation.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g mask="url(#wash_0_mask)"><rect x="21.8579" y="36.999" width="20" height="20" rx="2" transform="rotate(-45 21.8579 36.999)" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/></g>
2
2
  <g opacity="0.25">
3
3
  <mask id="mask0_676_17944" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="22" y="20" width="10" height="35">
4
4
  <rect x="22" y="20.5" width="10" height="34" fill="#D9D9D9"/>
@@ -56,5 +56,5 @@
56
56
  <clipPath id="clip1_676_17944">
57
57
  <rect x="21.8577" y="37.1445" width="20" height="20" rx="2" transform="rotate(-45 21.8577 37.1445)" fill="white"/>
58
58
  </clipPath>
59
- </defs>
60
- </svg>
59
+ <mask id="wash_0_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="22" y="20" width="10" height="35"><rect x="22" y="20.5" width="10" height="34" fill="#D9D9D9"/></mask></defs>
60
+ </svg>