@wix/design-system-illustrations 2.13.0 → 2.15.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 (288) 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 -0
  5. package/dist/cjs/AppearHover.js +1 -0
  6. package/dist/cjs/ArcEntrance.js +3 -0
  7. package/dist/cjs/ArcScroll.js +3 -0
  8. package/dist/cjs/Aspect3DSection.js +2 -0
  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 -0
  13. package/dist/cjs/BounceEntrance.js +5 -3
  14. package/dist/cjs/BounceLoop.js +5 -3
  15. package/dist/cjs/BreathLoop.js +3 -0
  16. package/dist/cjs/CircleMarker.js +3 -3
  17. package/dist/cjs/ClockWipe.js +3 -2
  18. package/dist/cjs/CrossLoop.js +9 -6
  19. package/dist/cjs/Cube.js +1 -0
  20. package/dist/cjs/DartScroll.js +3 -0
  21. package/dist/cjs/EmptyPage.js +3 -2
  22. package/dist/cjs/EmptyPageImage.js +3 -2
  23. package/dist/cjs/EventInfo.js +1 -0
  24. package/dist/cjs/ExpandAnimation.js +1 -0
  25. package/dist/cjs/ExpandClick.js +1 -0
  26. package/dist/cjs/ExpandHover.js +1 -0
  27. package/dist/cjs/ExpandScroll.js +4 -3
  28. package/dist/cjs/FadeBackSection.js +1 -0
  29. package/dist/cjs/FillReveal.js +1 -0
  30. package/dist/cjs/FlapLoop.js +1 -0
  31. package/dist/cjs/Flip.js +5 -4
  32. package/dist/cjs/FlipAnimation.js +1 -0
  33. package/dist/cjs/FlipLoop.js +1 -0
  34. package/dist/cjs/FlipScroll.js +1 -0
  35. package/dist/cjs/FloatEntrance.js +3 -0
  36. package/dist/cjs/Fold.js +3 -2
  37. package/dist/cjs/FoldAnimation.js +3 -0
  38. package/dist/cjs/GlideEntrance.js +1 -0
  39. package/dist/cjs/GlitchAnimation.js +3 -0
  40. package/dist/cjs/GrowEntrance.js +3 -0
  41. package/dist/cjs/Iris.js +3 -2
  42. package/dist/cjs/JelloLoop.js +5 -5
  43. package/dist/cjs/MoveClick.js +7 -5
  44. package/dist/cjs/MoveScroll.js +9 -6
  45. package/dist/cjs/ObscureMouse.js +11 -5
  46. package/dist/cjs/OnImage.js +1 -0
  47. package/dist/cjs/PanSection.js +1 -0
  48. package/dist/cjs/ParallaxScroll.js +9 -6
  49. package/dist/cjs/ParallaxSection.js +1 -0
  50. package/dist/cjs/PieChart.js +6 -4
  51. package/dist/cjs/PokeLoop.js +3 -0
  52. package/dist/cjs/PullBackSection.js +1 -0
  53. package/dist/cjs/PulseLoop.js +1 -0
  54. package/dist/cjs/ResizeMouse.js +3 -0
  55. package/dist/cjs/Reveal.js +1 -0
  56. package/dist/cjs/RevealAnimation.js +5 -4
  57. package/dist/cjs/RevealScroll.js +1 -0
  58. package/dist/cjs/RevealSection.js +1 -0
  59. package/dist/cjs/RotateClick.js +3 -0
  60. package/dist/cjs/RotateHover.js +2 -0
  61. package/dist/cjs/RotateSection.js +9 -5
  62. package/dist/cjs/RubberMouse.js +4 -0
  63. package/dist/cjs/ScrollEffectsDisappear.js +3 -2
  64. package/dist/cjs/ScrollEffectsFadeOut.js +3 -2
  65. package/dist/cjs/ScrollEffectsMoveWithPage.js +3 -2
  66. package/dist/cjs/ScrollEffectsStayFixed.js +3 -2
  67. package/dist/cjs/ShapeScroll.js +1 -0
  68. package/dist/cjs/Shrink.js +1 -0
  69. package/dist/cjs/ShrinkClick.js +1 -0
  70. package/dist/cjs/ShrinkHover.js +1 -0
  71. package/dist/cjs/ShrinkScroll.js +4 -3
  72. package/dist/cjs/Shuffle.js +1 -0
  73. package/dist/cjs/Skew3DMouse.js +3 -0
  74. package/dist/cjs/SkewClick.js +7 -3
  75. package/dist/cjs/SkewHover.js +1 -0
  76. package/dist/cjs/SkewSection.js +1 -0
  77. package/dist/cjs/SlideAnimation.js +3 -0
  78. package/dist/cjs/SlideScroll.js +3 -0
  79. package/dist/cjs/StretchScroll.js +1 -0
  80. package/dist/cjs/Swap.js +3 -2
  81. package/dist/cjs/SwingLoop.js +3 -0
  82. package/dist/cjs/SwivelMouse.js +1 -0
  83. package/dist/cjs/TiltAnimation.js +5 -2
  84. package/dist/cjs/TiltEntrance.js +3 -0
  85. package/dist/cjs/TiltScroll.js +1 -0
  86. package/dist/cjs/Track3DMouse.js +3 -0
  87. package/dist/cjs/TrackMouse.js +3 -0
  88. package/dist/cjs/TurnEntrance.js +3 -0
  89. package/dist/cjs/TurnScroll.js +3 -0
  90. package/dist/cjs/TwistClick.js +1 -0
  91. package/dist/cjs/TwistHover.js +1 -0
  92. package/dist/cjs/TypeWriter.js +6 -4
  93. package/dist/cjs/WinkEntrance.js +1 -0
  94. package/dist/cjs/ZoomSection.js +1 -0
  95. package/dist/cjs/index.js +6 -0
  96. package/dist/esm/AddAnElement.js +18 -0
  97. package/dist/esm/AddAnElementSmall.js +18 -0
  98. package/dist/esm/AiryMouse.js +3 -0
  99. package/dist/esm/AppearClick.js +1 -0
  100. package/dist/esm/AppearHover.js +1 -0
  101. package/dist/esm/ArcEntrance.js +3 -0
  102. package/dist/esm/ArcScroll.js +3 -0
  103. package/dist/esm/Aspect3DSection.js +2 -0
  104. package/dist/esm/Aspect3DSpinScroll.js +3 -0
  105. package/dist/esm/BlobMouse.js +3 -0
  106. package/dist/esm/Bounce.js +3 -2
  107. package/dist/esm/BounceAnimation.js +3 -0
  108. package/dist/esm/BounceEntrance.js +5 -3
  109. package/dist/esm/BounceLoop.js +5 -3
  110. package/dist/esm/BreathLoop.js +3 -0
  111. package/dist/esm/CircleMarker.js +3 -3
  112. package/dist/esm/ClockWipe.js +3 -2
  113. package/dist/esm/CrossLoop.js +9 -6
  114. package/dist/esm/Cube.js +1 -0
  115. package/dist/esm/DartScroll.js +3 -0
  116. package/dist/esm/EmptyPage.js +3 -2
  117. package/dist/esm/EmptyPageImage.js +3 -2
  118. package/dist/esm/EventInfo.js +1 -0
  119. package/dist/esm/ExpandAnimation.js +1 -0
  120. package/dist/esm/ExpandClick.js +1 -0
  121. package/dist/esm/ExpandHover.js +1 -0
  122. package/dist/esm/ExpandScroll.js +4 -3
  123. package/dist/esm/FadeBackSection.js +1 -0
  124. package/dist/esm/FillReveal.js +1 -0
  125. package/dist/esm/FlapLoop.js +1 -0
  126. package/dist/esm/Flip.js +5 -4
  127. package/dist/esm/FlipAnimation.js +1 -0
  128. package/dist/esm/FlipLoop.js +1 -0
  129. package/dist/esm/FlipScroll.js +1 -0
  130. package/dist/esm/FloatEntrance.js +3 -0
  131. package/dist/esm/Fold.js +3 -2
  132. package/dist/esm/FoldAnimation.js +3 -0
  133. package/dist/esm/GlideEntrance.js +1 -0
  134. package/dist/esm/GlitchAnimation.js +3 -0
  135. package/dist/esm/GrowEntrance.js +3 -0
  136. package/dist/esm/Iris.js +3 -2
  137. package/dist/esm/JelloLoop.js +5 -5
  138. package/dist/esm/MoveClick.js +7 -5
  139. package/dist/esm/MoveScroll.js +9 -6
  140. package/dist/esm/ObscureMouse.js +11 -5
  141. package/dist/esm/OnImage.js +1 -0
  142. package/dist/esm/PanSection.js +1 -0
  143. package/dist/esm/ParallaxScroll.js +9 -6
  144. package/dist/esm/ParallaxSection.js +1 -0
  145. package/dist/esm/PieChart.js +6 -4
  146. package/dist/esm/PokeLoop.js +3 -0
  147. package/dist/esm/PullBackSection.js +1 -0
  148. package/dist/esm/PulseLoop.js +1 -0
  149. package/dist/esm/ResizeMouse.js +3 -0
  150. package/dist/esm/Reveal.js +1 -0
  151. package/dist/esm/RevealAnimation.js +5 -4
  152. package/dist/esm/RevealScroll.js +1 -0
  153. package/dist/esm/RevealSection.js +1 -0
  154. package/dist/esm/RotateClick.js +3 -0
  155. package/dist/esm/RotateHover.js +2 -0
  156. package/dist/esm/RotateSection.js +9 -5
  157. package/dist/esm/RubberMouse.js +4 -0
  158. package/dist/esm/ScrollEffectsDisappear.js +3 -2
  159. package/dist/esm/ScrollEffectsFadeOut.js +3 -2
  160. package/dist/esm/ScrollEffectsMoveWithPage.js +3 -2
  161. package/dist/esm/ScrollEffectsStayFixed.js +3 -2
  162. package/dist/esm/ShapeScroll.js +1 -0
  163. package/dist/esm/Shrink.js +1 -0
  164. package/dist/esm/ShrinkClick.js +1 -0
  165. package/dist/esm/ShrinkHover.js +1 -0
  166. package/dist/esm/ShrinkScroll.js +4 -3
  167. package/dist/esm/Shuffle.js +1 -0
  168. package/dist/esm/Skew3DMouse.js +3 -0
  169. package/dist/esm/SkewClick.js +7 -3
  170. package/dist/esm/SkewHover.js +1 -0
  171. package/dist/esm/SkewSection.js +1 -0
  172. package/dist/esm/SlideAnimation.js +3 -0
  173. package/dist/esm/SlideScroll.js +3 -0
  174. package/dist/esm/StretchScroll.js +1 -0
  175. package/dist/esm/Swap.js +3 -2
  176. package/dist/esm/SwingLoop.js +3 -0
  177. package/dist/esm/SwivelMouse.js +1 -0
  178. package/dist/esm/TiltAnimation.js +5 -2
  179. package/dist/esm/TiltEntrance.js +3 -0
  180. package/dist/esm/TiltScroll.js +1 -0
  181. package/dist/esm/Track3DMouse.js +3 -0
  182. package/dist/esm/TrackMouse.js +3 -0
  183. package/dist/esm/TurnEntrance.js +3 -0
  184. package/dist/esm/TurnScroll.js +3 -0
  185. package/dist/esm/TwistClick.js +1 -0
  186. package/dist/esm/TwistHover.js +1 -0
  187. package/dist/esm/TypeWriter.js +6 -4
  188. package/dist/esm/WinkEntrance.js +1 -0
  189. package/dist/esm/ZoomSection.js +1 -0
  190. package/dist/esm/index.js +4 -0
  191. package/dist/types/AddAnElement.d.ts +5 -0
  192. package/dist/types/AddAnElementSmall.d.ts +5 -0
  193. package/dist/types/index.d.ts +2 -0
  194. package/package.json +3 -3
  195. package/src/AddAnElement.svg +24 -0
  196. package/src/AddAnElementSmall.svg +24 -0
  197. package/src/AiryMouse.svg +2 -2
  198. package/src/AppearClick.svg +2 -2
  199. package/src/AppearHover.svg +2 -2
  200. package/src/ArcEntrance.svg +2 -2
  201. package/src/ArcScroll.svg +2 -2
  202. package/src/Aspect3DSection.svg +2 -2
  203. package/src/Aspect3DSpinScroll.svg +2 -2
  204. package/src/BlobMouse.svg +2 -2
  205. package/src/Bounce.svg +3 -3
  206. package/src/BounceAnimation.svg +2 -2
  207. package/src/BounceEntrance.svg +8 -4
  208. package/src/BounceLoop.svg +9 -4
  209. package/src/BreathLoop.svg +2 -2
  210. package/src/CircleMarker.svg +14 -8
  211. package/src/ClockWipe.svg +3 -3
  212. package/src/CrossLoop.svg +3 -3
  213. package/src/Cube.svg +2 -2
  214. package/src/DartScroll.svg +2 -2
  215. package/src/EmptyPage.svg +3 -3
  216. package/src/EmptyPageImage.svg +3 -3
  217. package/src/EventInfo.svg +2 -2
  218. package/src/ExpandAnimation.svg +2 -2
  219. package/src/ExpandClick.svg +2 -2
  220. package/src/ExpandHover.svg +2 -2
  221. package/src/ExpandScroll.svg +5 -5
  222. package/src/FadeBackSection.svg +2 -2
  223. package/src/FillReveal.svg +2 -2
  224. package/src/FlapLoop.svg +2 -2
  225. package/src/Flip.svg +3 -3
  226. package/src/FlipAnimation.svg +2 -2
  227. package/src/FlipLoop.svg +2 -2
  228. package/src/FlipScroll.svg +2 -2
  229. package/src/FloatEntrance.svg +2 -2
  230. package/src/Fold.svg +3 -3
  231. package/src/FoldAnimation.svg +2 -2
  232. package/src/GlideEntrance.svg +2 -2
  233. package/src/GlitchAnimation.svg +2 -2
  234. package/src/GrowEntrance.svg +2 -2
  235. package/src/Iris.svg +3 -3
  236. package/src/JelloLoop.svg +11 -14
  237. package/src/MoveClick.svg +3 -3
  238. package/src/MoveScroll.svg +3 -3
  239. package/src/ObscureMouse.svg +3 -3
  240. package/src/OnImage.svg +2 -2
  241. package/src/PanSection.svg +2 -2
  242. package/src/ParallaxScroll.svg +3 -3
  243. package/src/ParallaxSection.svg +2 -2
  244. package/src/PieChart.svg +3 -3
  245. package/src/PokeLoop.svg +2 -2
  246. package/src/PullBackSection.svg +2 -2
  247. package/src/PulseLoop.svg +2 -2
  248. package/src/ResizeMouse.svg +2 -2
  249. package/src/Reveal.svg +2 -2
  250. package/src/RevealAnimation.svg +3 -3
  251. package/src/RevealScroll.svg +2 -2
  252. package/src/RevealSection.svg +2 -2
  253. package/src/RotateClick.svg +2 -2
  254. package/src/RotateHover.svg +2 -2
  255. package/src/RotateSection.svg +3 -3
  256. package/src/RubberMouse.svg +2 -2
  257. package/src/ScrollEffectsDisappear.svg +3 -3
  258. package/src/ScrollEffectsFadeOut.svg +3 -3
  259. package/src/ScrollEffectsMoveWithPage.svg +3 -3
  260. package/src/ScrollEffectsStayFixed.svg +3 -3
  261. package/src/ShapeScroll.svg +2 -2
  262. package/src/Shrink.svg +2 -2
  263. package/src/ShrinkClick.svg +2 -2
  264. package/src/ShrinkHover.svg +2 -2
  265. package/src/ShrinkScroll.svg +5 -5
  266. package/src/Shuffle.svg +2 -2
  267. package/src/Skew3DMouse.svg +2 -2
  268. package/src/SkewClick.svg +3 -3
  269. package/src/SkewHover.svg +2 -2
  270. package/src/SkewSection.svg +2 -2
  271. package/src/SlideAnimation.svg +2 -2
  272. package/src/SlideScroll.svg +2 -2
  273. package/src/StretchScroll.svg +2 -2
  274. package/src/Swap.svg +3 -3
  275. package/src/SwingLoop.svg +2 -2
  276. package/src/SwivelMouse.svg +2 -2
  277. package/src/TiltAnimation.svg +3 -3
  278. package/src/TiltEntrance.svg +2 -2
  279. package/src/TiltScroll.svg +2 -2
  280. package/src/Track3DMouse.svg +2 -2
  281. package/src/TrackMouse.svg +2 -2
  282. package/src/TurnEntrance.svg +2 -2
  283. package/src/TurnScroll.svg +2 -2
  284. package/src/TwistClick.svg +2 -2
  285. package/src/TwistHover.svg +2 -2
  286. package/src/TypeWriter.svg +3 -3
  287. package/src/WinkEntrance.svg +2 -2
  288. package/src/ZoomSection.svg +2 -2
package/dist/esm/ScrollEffectsMoveWithPage.js CHANGED
@@ -9,10 +9,11 @@ const ScrollEffectsMoveWithPage = (props) => /* @__PURE__ */ React.createElement
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsMoveWithPage__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__d)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsMoveWithPage__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 69h64v8H23z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__g)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__h)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 38h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__j)", d: "m70.584 48.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__k)", d: "M95.988 56.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "47", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__n)", d: "M63.682 43.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 31h64v9H23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M75 35h6v1h-6zM66 35h6v1h-6zM57 35h6v1h-6z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30 50h23v1H30zM30 54h23v1H30zM30 58h12v1H30z" })),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "3" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsMoveWithPage__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__e)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsMoveWithPage__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 69h64v8H23z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__h)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__i)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 38h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__k)", d: "m70.584 48.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__l)", d: "M95.988 56.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__m)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "47", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__n)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__o)", d: "M63.682 43.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 31h64v9H23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M75 35h6v1h-6zM66 35h6v1h-6zM57 35h6v1h-6z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30 50h23v1H30zM30 54h23v1H30zM30 58h12v1H30z" })),
13
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M91 72.844c0 .638-.448 1.156-1 1.156s-1-.518-1-1.156V38.156c0-.638.448-1.156 1-1.156s1 .518 1 1.156z" }),
14
15
  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
15
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__b" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 69h64v8H23z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__h" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "44", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__i" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 38h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__l" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "47", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__d", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__g", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__j", x1: "65.465", x2: "78.231", y1: "53.185", y2: "64.371", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__k", x1: "56.388", x2: "81.181", y1: "40.649", y2: "67.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__n", x1: "67.724", x2: "60.025", y1: "43.808", y2: "53.632", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsMoveWithPage__c", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22265", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsMoveWithPage__f", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22265", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsMoveWithPage__m", width: "12.12", height: "12.12", x: "58.44", y: "41.44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22265", stdDeviation: ".78" })))
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__b" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__c" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 69h64v8H23z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__i" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "44", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__j" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 38h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__m" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "47", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__e", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__h", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__k", x1: "65.465", x2: "78.231", y1: "53.185", y2: "64.371", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__l", x1: "56.388", x2: "81.181", y1: "40.649", y2: "67.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__o", x1: "67.724", x2: "60.025", y1: "43.808", y2: "53.632", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsMoveWithPage__d", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22265", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsMoveWithPage__g", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22265", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsMoveWithPage__n", width: "12.12", height: "12.12", x: "58.44", y: "41.44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22265", stdDeviation: ".78" })))
16
17
  );
17
18
  ScrollEffectsMoveWithPage.displayName = "ScrollEffectsMoveWithPage";
18
19
  export {
package/dist/esm/ScrollEffectsStayFixed.js CHANGED
@@ -9,10 +9,11 @@ const ScrollEffectsStayFixed = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsStayFixed__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsStayFixed__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__d)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__e)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__g)", d: "m70.584 54.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__h)", d: "M95.988 62.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__i)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsStayFixed__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__k)", d: "M63.682 49.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 37h64v9H23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M75 41h6v1h-6zM66 41h6v1h-6zM57 41h6v1h-6z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30 56h23v1H30zM30 60h23v1H30zM30 64h12v1H30z" })),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "3" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsStayFixed__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsStayFixed__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__e)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__f)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__h)", d: "m70.584 54.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__i)", d: "M95.988 62.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsStayFixed__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__l)", d: "M63.682 49.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 37h64v9H23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M75 41h6v1h-6zM66 41h6v1h-6zM57 41h6v1h-6z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30 56h23v1H30zM30 60h23v1H30zM30 64h12v1H30z" })),
13
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M91 72.844c0 .638-.448 1.156-1 1.156s-1-.518-1-1.156V38.156c0-.638.448-1.156 1-1.156s1 .518 1 1.156z" }),
14
15
  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
15
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__b" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__e" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "50", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__i" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__d", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__g", x1: "65.465", x2: "78.231", y1: "59.185", y2: "70.371", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__h", x1: "56.388", x2: "81.181", y1: "46.649", y2: "73.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__k", x1: "67.724", x2: "60.025", y1: "49.808", y2: "59.632", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsStayFixed__c", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22299", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsStayFixed__j", width: "12.12", height: "12.12", x: "58.44", y: "47.44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22299", stdDeviation: ".78" })))
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__b" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__c" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__f" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "50", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__g" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__j" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__e", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__h", x1: "65.465", x2: "78.231", y1: "59.185", y2: "70.371", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__i", x1: "56.388", x2: "81.181", y1: "46.649", y2: "73.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__l", x1: "67.724", x2: "60.025", y1: "49.808", y2: "59.632", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsStayFixed__d", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22299", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsStayFixed__k", width: "12.12", height: "12.12", x: "58.44", y: "47.44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22299", stdDeviation: ".78" })))
16
17
  );
17
18
  ScrollEffectsStayFixed.displayName = "ScrollEffectsStayFixed";
18
19
  export {
package/dist/esm/ShapeScroll.js CHANGED
@@ -9,6 +9,7 @@ const ShapeScroll = (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: "M35 22.577a2 2 0 0 1 2 0l10.124 5.845a2 2 0 0 1 1 1.733v11.69a2 2 0 0 1-1 1.732L37 49.422a2 2 0 0 1-2 0l-10.124-5.845a2 2 0 0 1-1-1.732v-11.69a2 2 0 0 1 1-1.733z" }),
12
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ShapeScroll__a", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M35 22.577a2 2 0 0 1 2 0l10.124 5.846a2 2 0 0 1 1 1.732v11.69a2 2 0 0 1-1 1.732L37 49.423a2 2 0 0 1-2 0l-10.124-5.846a2 2 0 0 1-1-1.732v-11.69a2 2 0 0 1 1-1.732z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShapeScroll__b)", mask: "url(#ShapeScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShapeScroll__c)", d: "m46.515-3.25 27.004 15.591v31.183L46.515 59.115 19.51 43.524V12.34z" }))),
13
14
  /* @__PURE__ */ React.createElement("mask", { id: "ShapeScroll__d", width: "16", height: "16", x: "28", y: "28", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("rect", { width: "14.855", height: "14.855", x: "28.574", y: "28.57", fill: "#D9D9D9", rx: "7.428" })),
14
15
  /* @__PURE__ */ React.createElement("g", { mask: "url(#ShapeScroll__d)" }, /* @__PURE__ */ React.createElement("mask", { id: "ShapeScroll__e", width: "22", height: "22", x: "25", y: "25", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M30.73 26.871a10.542 10.542 0 1 1 10.542 18.26A10.542 10.542 0 0 1 30.73 26.87" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShapeScroll__f)", mask: "url(#ShapeScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShapeScroll__g)", d: "M42.79-3.203a17.67 17.67 0 0 1 17.675 0l10.45 6.034a17.67 17.67 0 0 1 8.837 15.306v12.067a17.67 17.67 0 0 1-8.837 15.306l-10.45 6.033a17.67 17.67 0 0 1-17.674 0L32.34 45.51a17.67 17.67 0 0 1-8.838-15.306V18.137A17.67 17.67 0 0 1 32.34 2.83z" }))),
package/dist/esm/Shrink.js CHANGED
@@ -9,6 +9,7 @@ const Shrink = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".75", rx: "2", transform: "rotate(-45 21.858 36)" }),
12
13
  /* @__PURE__ */ React.createElement("path", { fill: "url(#Shrink__a)", d: "m51.52 20.969-6 6-.708-.707 6-6z" }),
13
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M44.813 26.969a.5.5 0 0 1-.145-.399l.354-3.889.995.09-.3 3.292 3.293-.3.09.996-3.89.354-.109-.002a.5.5 0 0 1-.288-.142" }),
14
15
  /* @__PURE__ */ React.createElement("path", { fill: "url(#Shrink__b)", d: "m20.378 20.969 6 6 .707-.707-6-6z" }),
package/dist/esm/ShrinkClick.js CHANGED
@@ -9,6 +9,7 @@ const ShrinkClick = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("rect", { width: "18", height: "30", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "9", transform: "matrix(0 -1 -1 0 51 45.055)" }),
12
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ShrinkClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "18", height: "30", fill: "var(--wds-illustration-color-1, #002291)", rx: "9", transform: "matrix(0 -1 -1 0 51 45.055)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkClick__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkClick__c)", d: "M67 45.055V16.272H21v28.783z" }))),
13
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ShrinkClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 48 42)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkClick__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkClick__f)", d: "M78.684 42V15.131H24V42z" }))),
14
15
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShrinkClick__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "6", height: "17", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 44.5 39)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkClick__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkClick__i)", d: "M80.945 39V21.008H27.5V39z" }))),
package/dist/esm/ShrinkHover.js CHANGED
@@ -9,6 +9,7 @@ const ShrinkHover = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
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" }),
12
13
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkHover__a)", d: "m54.208 18.23-6 6-.707-.707 6-6z" }),
13
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M47.501 24.23a.5.5 0 0 1-.144-.398l.353-3.89.996.09-.3 3.293 3.293-.3.09.996-3.89.354-.11-.002a.5.5 0 0 1-.288-.143" }),
14
15
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkHover__b)", d: "m17.795 18.23 6 6 .707-.707-6-6z" }),
package/dist/esm/ShrinkScroll.js CHANGED
@@ -9,6 +9,7 @@ const ShrinkScroll = (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" }),
12
13
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__a)", d: "m50.892 19.39-6 6-.708-.706 6-6z" }),
13
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M44.185 25.39a.5.5 0 0 1-.145-.398l.354-3.889.996.09-.3 3.292 3.292-.3.09.996-3.889.354-.11-.002a.5.5 0 0 1-.288-.143" }),
14
15
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__b)", d: "m20.309 19.39 6 6 .707-.706-6-6z" }),
@@ -17,10 +18,10 @@ const ShrinkScroll = (props) => /* @__PURE__ */ React.createElement(
17
18
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.017 46.61a.5.5 0 0 1 .144.398l-.354 3.889-.995-.09.3-3.292-3.293.3-.09-.996 3.89-.354.109.002a.5.5 0 0 1 .289.142" }),
18
19
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__d)", d: "m50.894 52.61-6-6-.707.706 6 6z" }),
19
20
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M44.187 46.61a.5.5 0 0 0-.144.398l.353 3.889.996-.09-.3-3.292 3.293.3.09-.996-3.89-.354-.11.002a.5.5 0 0 0-.288.142" }),
20
- /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__e", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732L37 48.233a2 2 0 0 1-2 0l-9.094-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732L35 23.767a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M73.582 8.346a5.57 5.57 0 0 1 2.786 4.826v32.57c0 1.99-1.062 3.83-2.786 4.825L45.375 66.852a5.57 5.57 0 0 1-5.572 0L11.597 50.567a5.57 5.57 0 0 1-2.786-4.825v-32.57c0-1.991 1.062-3.83 2.786-4.826L39.803-7.939a5.57 5.57 0 0 1 5.572 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__g)", d: "M65.872 21.316v27.473L42.08 62.526 18.287 48.789V21.316L42.08 7.579z" })))),
21
- /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__h", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.163 30.648a2 2 0 0 1 1 1.732v7.144a2 2 0 0 1-1 1.732l-6.186 3.572a2 2 0 0 1-2 0l-6.187-3.572a2 2 0 0 1-1-1.732V32.38a2 2 0 0 1 1-1.732l6.187-3.572a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63.25 14.682a4.01 4.01 0 0 1 2.007 3.476v23.458a4.01 4.01 0 0 1-2.006 3.475l-20.316 11.73a4.01 4.01 0 0 1-4.013 0L18.607 45.09a4.01 4.01 0 0 1-2.007-3.475V18.158c0-1.434.765-2.759 2.007-3.476L38.922 2.953a4.01 4.01 0 0 1 4.013 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__j)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
21
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__e", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732L37 48.233a2 2 0 0 1-2 0l-9.094-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732L35 23.767a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M73.582 10.049c1.724 1.057 2.786 3.012 2.786 5.127v34.607c0 2.115-1.062 4.07-2.786 5.128L45.375 72.214a5.29 5.29 0 0 1-5.572 0L11.597 54.911c-1.724-1.058-2.786-3.013-2.786-5.128V15.176c0-2.115 1.062-4.07 2.786-5.127L39.803-7.255a5.29 5.29 0 0 1 5.572 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__g)", d: "M65.872 21.316v27.473L42.08 62.526 18.287 48.789V21.316L42.08 7.579z" })))),
22
+ /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__h", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.163 30.648a2 2 0 0 1 1 1.732v7.144a2 2 0 0 1-1 1.732l-6.186 3.572a2 2 0 0 1-2 0l-6.187-3.572a2 2 0 0 1-1-1.732V32.38a2 2 0 0 1 1-1.732l6.187-3.572a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63.25 15.908c1.242.762 2.007 2.17 2.007 3.693v24.926c0 1.523-.765 2.93-2.006 3.693L42.935 60.682a3.81 3.81 0 0 1-4.013 0L18.607 48.22c-1.242-.762-2.007-2.17-2.007-3.693V19.6c0-1.523.765-2.931 2.007-3.693L38.922 3.446a3.81 3.81 0 0 1 4.013 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__j)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
22
23
  /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__k", width: "12", height: "12", x: "30", y: "30", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.101 32.418a2 2 0 0 1 1 1.732v3.607a2 2 0 0 1-1 1.732l-3.124 1.804a2 2 0 0 1-2 0l-3.124-1.804a2 2 0 0 1-1-1.732V34.15a2 2 0 0 1 1-1.732l3.124-1.804a2 2 0 0 1 2 0z" })),
23
- /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55.589 22.581a2.47 2.47 0 0 1 1.236 2.142v14.455c0 .883-.471 1.7-1.236 2.141L43.07 48.546a2.47 2.47 0 0 1-2.472 0L28.08 41.32a2.47 2.47 0 0 1-1.237-2.142V24.724c0-.884.471-1.7 1.236-2.142l12.519-7.227a2.47 2.47 0 0 1 2.472 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__m)", d: "M52.393 25.852v12.193l-10.56 6.096-10.558-6.096V25.852l10.559-6.096z" }))),
24
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55.589 23.337c.765.47 1.236 1.337 1.236 2.275v15.36c0 .938-.471 1.805-1.236 2.275l-12.519 7.68c-.765.469-1.707.469-2.472 0l-12.518-7.68c-.766-.47-1.237-1.337-1.237-2.276V25.612c0-.938.471-1.806 1.236-2.275l12.519-7.68a2.35 2.35 0 0 1 2.472 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__m)", d: "M52.393 25.852v12.193l-10.56 6.096-10.558-6.096V25.852l10.559-6.096z" }))),
24
25
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__a", x1: "50.538", x2: "44.538", y1: "19.037", y2: "25.037", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__b", x1: "20.662", x2: "26.662", y1: "19.037", y2: "25.037", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__c", x1: "20.663", x2: "26.663", y1: "52.963", y2: "46.963", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__d", x1: "50.54", x2: "44.54", y1: "52.963", y2: "46.963", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__g", x1: "67.512", x2: "15.947", y1: "21.167", y2: "49.509", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__j", x1: "59.245", x2: "22.106", y1: "19.884", y2: "40.298", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__m", x1: "53.121", x2: "30.236", y1: "25.786", y2: "38.364", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkScroll__f", width: "57.585", height: "64.949", x: "13.287", y: "2.578", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19869", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkScroll__i", width: "44.273", height: "49.574", x: "18.792", y: "5.098", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19869", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkScroll__l", width: "31.118", height: "34.387", x: "26.275", y: "14.754", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19869", stdDeviation: "2.5" })))
25
26
  );
26
27
  ShrinkScroll.displayName = "ShrinkScroll";
package/dist/esm/Shuffle.js CHANGED
@@ -9,6 +9,7 @@ const Shuffle = (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-50, #f8f6f500)", d: "M35.57 41.1q-1.08 0-2-.54a4.1 4.1 0 0 1-1.48-1.5q-.54-.98-.54-2.28 0-1.32.54-2.28a4.05 4.05 0 0 1 1.48-1.52 3.9 3.9 0 0 1 2.02-.54q1.581 0 2.46 1.24v-.98h2.72v4.5q0 1.38 1.04 1.38 1.32 0 1.32-2.32 0-1.78-.8-3.18a5.87 5.87 0 0 0-2.22-2.24q-1.4-.84-3.24-.84-1.44 0-2.7.52a6.8 6.8 0 0 0-2.2 1.44 6.8 6.8 0 0 0-1.48 2.16 6.9 6.9 0 0 0-.52 2.68q0 1.34.5 2.52.501 1.16 1.38 2.06.9.88 2.1 1.38 1.221.5 2.64.5 1.36 0 2.48-.44t1.8-1.16L42.69 44q-.54.48-1.44.9-.9.44-2.08.7-1.18.28-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.66-.7-3.6 0-2 .74-3.7a9 9 0 0 1 2.06-2.98 9.3 9.3 0 0 1 3.1-1.98q1.78-.72 3.84-.72 1.96 0 3.6.7a8.7 8.7 0 0 1 2.88 1.9 8.7 8.7 0 0 1 1.9 2.78 8.4 8.4 0 0 1 .68 3.36q0 2.36-1.18 3.68-1.16 1.3-3.26 1.3-1 0-1.76-.38a2.85 2.85 0 0 1-1.18-1.06q-.5.68-1.28 1.06t-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.28.68-.72v-1.2q0-.98-.5-1.52t-1.32-.54q-.86 0-1.38.6-.5.6-.5 1.54" }),
12
13
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M16.094 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zM55.767 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" }),
13
14
  /* @__PURE__ */ React.createElement("mask", { id: "Shuffle__a", width: "50", height: "15", x: "12", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M16.094 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zM55.767 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })),
14
15
  /* @__PURE__ */ React.createElement("g", { filter: "url(#Shuffle__b)", mask: "url(#Shuffle__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shuffle__c)", d: "M13 0h59v44H13z" })),
package/dist/esm/Skew3DMouse.js CHANGED
@@ -9,6 +9,9 @@ const Skew3DMouse = (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: "M11.509 22.945c-.33-1.2 1.918-1.2 3.655 0L48.192 45.76c1.45 1.002 1.455 2.13.008 2.13H21.445c-1.447 0-3.387-1.128-3.663-2.13z", opacity: ".25" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M29.603 22.537c.26-1.306 2.264-1.306 3.518 0L54.827 45.15c1.195 1.245.806 2.76-.709 2.76H27.923c-1.516 0-3.057-1.514-2.81-2.76z", opacity: ".25" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M48.282 22.379c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3h-25.98c-1.54 0-2.503-1.667-1.733-3z", opacity: ".25" }),
12
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Skew3DMouse__a", width: "39", height: "26", x: "11", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M11.509 22.945c-.33-1.2 1.918-1.2 3.655 0L48.193 45.76c1.45 1.002 1.454 2.13.007 2.13H21.445c-1.447 0-3.387-1.128-3.663-2.13z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Skew3DMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-27.788 3.34h57.98l41.293 47.94h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Skew3DMouse__d)", d: "m7.262 9.16 53.64 37.913H16.84z" })))),
13
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "Skew3DMouse__e", width: "31", height: "27", x: "25", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M29.603 22.537c.26-1.306 2.264-1.306 3.518 0L54.826 45.15c1.196 1.245.807 2.76-.708 2.76H27.922c-1.515 0-3.056-1.514-2.809-2.76z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Skew3DMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-1.386 2.809h57.98l18.475 48.534h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Skew3DMouse__h)", d: "m30.894 8.703 35.594 38.383H22.427z" })))),
14
17
  /* @__PURE__ */ React.createElement("mask", { id: "Skew3DMouse__i", width: "31", height: "27", x: "35", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M48.282 22.379c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3h-25.98c-1.54 0-2.503-1.667-1.733-3z" })),
package/dist/esm/SkewClick.js CHANGED
@@ -9,9 +9,13 @@ const SkewClick = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "var(--wds-illustration-color-1, #002291)", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewClick__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewClick__c)", d: "m109.989 62.273-15.03-37.83L3.582.76l15.03 37.83z" }))),
13
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewClick__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewClick__f)", d: "M95.765 44V11.994H20.08V44z" }))),
14
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewClick__c", x1: "88.888", x2: "60.059", y1: "27.683", y2: "71.977", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewClick__f", x1: "88.972", x2: "58.899", y1: "16.533", y2: "72.263", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__a" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "#fff", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__d" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewClick__b", width: "123.203", height: "78.311", x: "-4.816", y: "-7.64", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19502", stdDeviation: "4.199" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewClick__e", width: "90.45", height: "46.769", x: "12.698", y: "4.614", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19502", stdDeviation: "3.691" })))
12
+ /* @__PURE__ */ React.createElement("g", { opacity: ".7", clipPath: "url(#SkewClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })),
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".7", clipPath: "url(#SkewClick__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "m109.989 62.273-15.03-37.83L3.581.76l15.03 37.83z" })),
14
+ /* @__PURE__ */ React.createElement("g", { opacity: ".7", clipPath: "url(#SkewClick__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" })),
15
+ /* @__PURE__ */ React.createElement("g", { opacity: ".7", clipPath: "url(#SkewClick__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M95.765 44V11.994H20.08V44z" })),
16
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewClick__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "var(--wds-illustration-color-1, #002291)", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewClick__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewClick__e)", d: "m109.989 62.273-15.03-37.83L3.582.76l15.03 37.83z" }))),
17
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewClick__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewClick__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewClick__h)", d: "M95.765 44V11.994H20.08V44z" }))),
18
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__c" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "#fff", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__f" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__a" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "#fff", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__b" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewClick__e", x1: "88.888", x2: "60.059", y1: "27.683", y2: "71.977", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewClick__h", x1: "88.972", x2: "58.899", y1: "16.533", y2: "72.263", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewClick__d", width: "123.203", height: "78.311", x: "-4.816", y: "-7.64", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19502", stdDeviation: "4.199" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewClick__g", width: "90.45", height: "46.769", x: "12.698", y: "4.614", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19502", stdDeviation: "3.691" })))
15
19
  );
16
20
  SkewClick.displayName = "SkewClick";
17
21
  export {
package/dist/esm/SkewHover.js CHANGED
@@ -9,6 +9,7 @@ const SkewHover = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("rect", { width: "30.219", height: "24.296", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".25", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" }),
12
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewHover__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "30.219", height: "24.296", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewHover__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewHover__c)", d: "M.012-6.45h60.66l25.083 53.523h-60.66z" }))),
13
14
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewHover__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.957", height: "21.957", x: "25.054", y: "25.02", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewHover__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewHover__f)", d: "M25.054-6.258h53.188v53.28H25.054z" }))),
14
15
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewHover__c", x1: "54.32", x2: "25.096", y1: "-1.645", y2: "54.315", 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: "SkewHover__f", x1: "70.699", x2: "25.105", y1: "-1.476", y2: "56.605", 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: "SkewHover__a" }, /* @__PURE__ */ React.createElement("rect", { width: "30.219", height: "24.296", fill: "#fff", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewHover__d" }, /* @__PURE__ */ React.createElement("rect", { width: "21.957", height: "21.957", x: "25.054", y: "25.02", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewHover__b", width: "95.743", height: "63.523", x: "-4.988", y: "-11.449", 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_19685", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewHover__e", width: "63.188", height: "63.277", x: "20.054", y: "-11.258", 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_19685", stdDeviation: "2.5" })))
package/dist/esm/SkewSection.js CHANGED
@@ -9,6 +9,7 @@ const SkewSection = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".75", rx: "2", transform: "matrix(1 0 0 -1 20 44.89)" }),
12
13
  /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__a)", d: "M14.716 28.441V18.265h1V28.44z" }),
13
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M15.216 17.766a.5.5 0 0 1 .384.18l2.5 3-.768.64-2.116-2.54-2.116 2.54-.768-.64 2.5-3 .08-.077a.5.5 0 0 1 .304-.103" }),
14
15
  /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__b)", d: "M57.284 43.742v9.996h-1v-9.996z" }),
package/dist/esm/SlideAnimation.js CHANGED
@@ -9,6 +9,9 @@ const SlideAnimation = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "14", y: "36.143", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", rx: "2", transform: "rotate(-45 14 36.143)" }),
13
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "23", y: "36.143", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "2", transform: "rotate(-45 23 36.143)" }),
14
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "32", y: "36.143", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", rx: "2", transform: "rotate(-45 32 36.143)" }),
12
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#SlideAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "14", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 14 36.143)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideAnimation__c)", d: "M-4.385 17.758 28.142-14.77 60.67 17.758 28.142 50.285z" }))),
13
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SlideAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "23", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 23 36.143)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideAnimation__f)", d: "M4.615 17.758 37.142-14.77 69.67 17.758 37.142 50.285z" }))),
14
17
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SlideAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "32", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 32 36.143)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideAnimation__i)", d: "M13.615 17.758 46.142-14.77 78.67 17.758 46.142 50.285z" }))),
package/dist/esm/SlideScroll.js CHANGED
@@ -9,6 +9,9 @@ const SlideScroll = (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: "M32.843 24.742a2 2 0 0 1 1.732 1l5.345 9.259a2 2 0 0 1 0 2l-5.345 9.258a2 2 0 0 1-1.732 1h-10.69a2 2 0 0 1-1.733-1L15.075 37a2 2 0 0 1 0-2l5.345-9.259a2 2 0 0 1 1.732-1z", opacity: ".75" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M41.345 24.742a2 2 0 0 1 1.732 1l5.345 9.259a2 2 0 0 1 0 2l-5.345 9.258a2 2 0 0 1-1.732 1h-10.69a2 2 0 0 1-1.733-1L23.577 37a2 2 0 0 1 0-2l5.345-9.259a2 2 0 0 1 1.732-1z", opacity: ".75" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M49.847 24.742a2 2 0 0 1 1.732 1l5.345 9.259a2 2 0 0 1 0 2l-5.345 9.258a2 2 0 0 1-1.732 1h-10.69a2 2 0 0 1-1.733-1L32.08 37a2 2 0 0 1 0-2l5.345-9.259a2 2 0 0 1 1.732-1z", opacity: ".75" }),
12
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "SlideScroll__a", width: "27", height: "24", x: "14", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M32.843 24.742a2 2 0 0 1 1.732 1l5.345 9.259a2 2 0 0 1 0 2l-5.345 9.258a2 2 0 0 1-1.732 1h-10.69a2 2 0 0 1-1.733-1L15.075 37a2 2 0 0 1 0-2l5.345-9.259a2 2 0 0 1 1.732-1z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideScroll__b)", mask: "url(#SlideScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideScroll__c)", d: "m54.176 9.317 14.478 25.076L54.176 59.47H25.221L10.743 34.393 25.221 9.317z" }))),
13
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "SlideScroll__d", width: "26", height: "24", x: "23", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M41.345 24.742a2 2 0 0 1 1.732 1l5.345 9.259a2 2 0 0 1 0 2l-5.345 9.258a2 2 0 0 1-1.732 1h-10.69a2 2 0 0 1-1.733-1L23.577 37a2 2 0 0 1 0-2l5.345-9.259a2 2 0 0 1 1.732-1z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideScroll__e)", mask: "url(#SlideScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideScroll__f)", d: "m62.678 9.317 14.478 25.076L62.678 59.47H33.723L19.245 34.393 33.723 9.317z" }))),
14
17
  /* @__PURE__ */ React.createElement("mask", { id: "SlideScroll__g", width: "27", height: "24", x: "31", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M49.847 24.742a2 2 0 0 1 1.732 1l5.345 9.259a2 2 0 0 1 0 2l-5.345 9.258a2 2 0 0 1-1.732 1h-10.69a2 2 0 0 1-1.733-1L32.08 37a2 2 0 0 1 0-2l5.345-9.259a2 2 0 0 1 1.732-1z" })),
package/dist/esm/StretchScroll.js CHANGED
@@ -9,6 +9,7 @@ const StretchScroll = (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: "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", opacity: ".75" }),
12
13
  /* @__PURE__ */ React.createElement("path", { stroke: "url(#StretchScroll__a)", d: "M58.127 36h-8.485", strokeMiterlimit: "10" }),
13
14
  /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-6, #002296)", d: "m52.642 38.5-3-2.5 3-2.5", strokeLinejoin: "round" }),
14
15
  /* @__PURE__ */ React.createElement("path", { stroke: "url(#StretchScroll__b)", d: "M13.873 36h8.485", strokeMiterlimit: "10" }),
package/dist/esm/Swap.js CHANGED
@@ -9,8 +9,9 @@ const Swap = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Swap__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Swap__c", width: "24", height: "18", x: "11", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__b)", d: "M35 29.743a2 2 0 0 0-1.843-1.994l-20-1.579A2 2 0 0 0 11 28.164v13.672a2 2 0 0 0 2.157 1.994l20-1.58A2 2 0 0 0 35 40.258z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.217 24.578H-1.522v22.737h41.74z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__e)", d: "M11 19.417 36.774 14 37 42l-26 2.22z" })))), /* @__PURE__ */ React.createElement("mask", { id: "Swap__g", width: "32", height: "30", x: "29", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__f)", d: "M29 24.97a2 2 0 0 1 1.804-1.99l28-2.763A2 2 0 0 1 61 22.207v25.586a2 2 0 0 1-2.196 1.99l-28-2.763A2 2 0 0 1 29 45.03z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.044 18.79h55.652v35.369H22.044z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__i)", d: "m29 8.116 41.754-8.45.746 51.267L29 46.8z" }))), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__j)", d: "M58 52v1H33v-1z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M32.5 52.499a.5.5 0 0 1 .18-.384l3-2.5.64.768-2.54 2.116 2.54 2.116-.64.768-3-2.5-.076-.08a.5.5 0 0 1-.104-.304" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__k)", d: "M15 21h12v1H15z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.5 21.5a.5.5 0 0 1-.18.384l-3 2.5-.64-.768 2.54-2.116-2.54-2.116.64-.768 3 2.5.076.08a.5.5 0 0 1 .104.304" })),
13
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__b", x1: "14.583", x2: "25.134", y1: "27.351", y2: "48.636", 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: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__e", x1: "33.118", x2: "12.88", y1: "21.58", y2: "49.205", 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: "Swap__f", x1: "56.222", x2: "36.436", y1: "22.252", y2: "54.183", 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: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__i", x1: "101.833", x2: "81.327", y1: "11.488", y2: "70.583", 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: "Swap__j", x1: "58", x2: "33", y1: "52.499", y2: "52.499", 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: "Swap__k", x1: "15", x2: "27", y1: "21.5", y2: "21.5", 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("filter", { id: "Swap__d", width: "36", height: "40.221", x: "6", y: "9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17528", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Swap__h", width: "52.5", height: "61.267", x: "24", y: "-5.334", 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_17528", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Swap__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })))
12
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__b)", clipPath: "url(#Swap__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M40.217 24.578H-1.522v22.737h41.74z" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Swap__c)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Swap__e", width: "24", height: "18", x: "11", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__d)", d: "M35 29.743a2 2 0 0 0-1.843-1.994l-20-1.579A2 2 0 0 0 11 28.164v13.672a2 2 0 0 0 2.157 1.994l20-1.58A2 2 0 0 0 35 40.258z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.217 24.578H-1.522v22.737h41.74z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__g)", d: "M11 19.417 36.774 14 37 42l-26 2.22z" })))), /* @__PURE__ */ React.createElement("mask", { id: "Swap__i", width: "32", height: "30", x: "29", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__h)", d: "M29 24.97a2 2 0 0 1 1.804-1.99l28-2.763A2 2 0 0 1 61 22.207v25.586a2 2 0 0 1-2.196 1.99l-28-2.763A2 2 0 0 1 29 45.03z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.044 18.79h55.652v35.369H22.044z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__k)", d: "m29 8.116 41.754-8.45.746 51.267L29 46.8z" }))), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__l)", d: "M58 52v1H33v-1z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M32.5 52.499a.5.5 0 0 1 .18-.384l3-2.5.64.768-2.54 2.116 2.54 2.116-.64.768-3-2.5-.076-.08a.5.5 0 0 1-.104-.304" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__m)", d: "M15 21h12v1H15z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.5 21.5a.5.5 0 0 1-.18.384l-3 2.5-.64-.768 2.54-2.116-2.54-2.116.64-.768 3 2.5.076.08a.5.5 0 0 1 .104.304" })),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__d", x1: "14.583", x2: "25.134", y1: "27.351", y2: "48.636", 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: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__g", x1: "33.118", x2: "12.88", y1: "21.58", y2: "49.205", 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: "Swap__h", x1: "56.222", x2: "36.436", y1: "22.252", y2: "54.183", 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: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__k", x1: "101.833", x2: "81.327", y1: "11.488", y2: "70.583", 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: "Swap__l", x1: "58", x2: "33", y1: "52.499", y2: "52.499", 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: "Swap__m", x1: "15", x2: "27", y1: "21.5", y2: "21.5", 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: "Swap__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Swap__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("filter", { id: "Swap__f", width: "36", height: "40.221", x: "6", y: "9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17528", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Swap__j", width: "52.5", height: "61.267", x: "24", y: "-5.334", 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_17528", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("mask", { id: "Swap__b", width: "24", height: "18", x: "11", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__paint0_linear_543_18598)", d: "M35 29.743a2 2 0 0 0-1.843-1.994l-20-1.579A2 2 0 0 0 11 28.164v13.672a2 2 0 0 0 2.157 1.994l20-1.58A2 2 0 0 0 35 40.258z" })))
14
15
  );
15
16
  Swap.displayName = "Swap";
16
17
  export {
package/dist/esm/SwingLoop.js CHANGED
@@ -9,6 +9,9 @@ const SwingLoop = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "13.546", y: "16.383", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
13
+ /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "19.383", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
14
+ /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "30.454", y: "16.418", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
12
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SwingLoop__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "13.546", y: "16.379", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__c)", d: "M34.821-7.134a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 17.186 5.345c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.094-35.525-5.64-3.293-12.02-4.193-17.991-3.026" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__e)", d: "M34.821-7.134a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 17.186 5.345c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.094-35.525-5.64-3.293-12.02-4.193-17.991-3.026" }))),
13
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#SwingLoop__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "19.379", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__h)", d: "M43.275-4.134a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 25.64 8.345c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525-5.642-3.293-12.022-4.193-17.992-3.026" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__j)", d: "M43.275-4.134a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 25.64 8.345c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525-5.642-3.293-12.022-4.193-17.992-3.026" }))),
14
17
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SwingLoop__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "30.454", y: "16.414", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__m)", d: "M51.73-7.1a27.4 27.4 0 0 0-4.094 1.149A26.25 26.25 0 0 0 34.094 5.38c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525C64.079-7.366 57.7-8.265 51.729-7.099" }))),
package/dist/esm/SwivelMouse.js CHANGED
@@ -9,6 +9,7 @@ const SwivelMouse = (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: "M34.268 24.473c.77-1.334 2.694-1.334 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3H23.01c-1.54 0-2.502-1.667-1.732-3z", opacity: ".75" }),
12
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__a", width: "30", height: "27", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 24.473c.77-1.334 2.694-1.334 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3H23.01c-1.54 0-2.502-1.667-1.732-3z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#SwivelMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763 4.727h57.979v48.69h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwivelMouse__d)", d: "m42.799 10.64 20.983 38.506H19.72z" })))),
13
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__e", width: "32", height: "18", x: "20", y: "32", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.899 32.667a1.5 1.5 0 0 1 2.202 0l13.663 14.766c.889.96.208 2.519-1.1 2.519H22.336c-1.309 0-1.99-1.559-1.101-2.52z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#SwivelMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "64.156", height: "43.043", x: "13.788", y: "10.75", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwivelMouse__h)", d: "M61.563 3.355a1.5 1.5 0 0 1 2.439.326L86.767 47.83a1.5 1.5 0 0 1-1.334 2.187H22.201c-1.305 0-1.988-1.551-1.106-2.514z" })))),
14
15
  /* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__i", width: "32", height: "10", x: "20", y: "40", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M35.324 40.244a1.5 1.5 0 0 1 1.352 0l13.64 6.892c1.41.713.903 2.84-.677 2.84H22.361c-1.58 0-2.087-2.127-.677-2.84z" })),
package/dist/esm/TiltAnimation.js CHANGED
@@ -9,8 +9,11 @@ const TiltAnimation = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__b", width: "37", height: "26", x: "17", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#999", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__c)", mask: "url(#TiltAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__d)", d: "m33.5 9 29-9.999-12.5 37L17 49z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__e", width: "29", height: "26", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#666", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__f)", mask: "url(#TiltAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__g)", d: "m3.473 17.614 34.526-23.64L61 26.5 26.474 50.14z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__h", width: "27", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__i)", mask: "url(#TiltAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__j)", d: "M3.473 17.617 36-14.91l32.527 32.527L36 50.144z" }))),
13
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltAnimation__d", x1: "25.306", x2: "32.987", y1: "-7.379", y2: "55.95", 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: "TiltAnimation__g", x1: "34.306", x2: "41.986", y1: "-7.379", y2: "55.95", 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: "TiltAnimation__j", x1: "34.306", x2: "41.987", y1: "-7.377", y2: "55.951", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__c", width: "55.501", height: "59.998", x: "12", y: "-5.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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__f", width: "67.527", height: "66.168", x: "-1.527", y: "-11.027", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__i", width: "75.054", height: "75.055", x: "-1.527", y: "-19.91", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltAnimation__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M16 22h39.21v28H16z" })))
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M21.298 36.783a2 2 0 0 1 1.087-1.102l28.43-11.846c1.637-.682 3.285.943 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.172c-1.636.682-3.284-.945-2.625-2.59z" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M22.06 37.506a2 2 0 0 1 .902-2.297l20.251-11.913a2 2 0 0 1 2.93 1.15L49.159 34.5a2 2 0 0 1-.902 2.298L28 48.711a2 2 0 0 1-2.93-1.15z" })),
14
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M34.192 23.41 23.02 34.582a2 2 0 0 0 0 2.828l11.172 11.173a2 2 0 0 0 2.828 0L48.193 37.41a2 2 0 0 0 0-2.828L37.02 23.41a2 2 0 0 0-2.828 0" })),
15
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__c", width: "37", height: "26", x: "17", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#999", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__d)", mask: "url(#TiltAnimation__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__e)", d: "m33.5 9 29-9.999-12.5 37L17 49z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__f", width: "29", height: "26", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#666", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__g)", mask: "url(#TiltAnimation__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__h)", d: "m3.473 17.614 34.526-23.64L61 26.5 26.474 50.14z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__i", width: "27", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__j)", mask: "url(#TiltAnimation__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__k)", d: "M3.473 17.617 36-14.91l32.527 32.527L36 50.144z" }))),
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltAnimation__e", x1: "25.306", x2: "32.987", y1: "-7.379", y2: "55.95", 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: "TiltAnimation__h", x1: "34.306", x2: "41.986", y1: "-7.379", y2: "55.95", 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: "TiltAnimation__k", x1: "34.306", x2: "41.987", y1: "-7.377", y2: "55.951", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__d", width: "55.501", height: "59.998", x: "12", y: "-5.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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__g", width: "67.527", height: "66.168", x: "-1.527", y: "-11.027", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__j", width: "75.054", height: "75.055", x: "-1.527", y: "-19.91", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltAnimation__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M16 22h39.21v28H16z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltAnimation__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M16 22h39.21v28H16z" })))
14
17
  );
15
18
  TiltAnimation.displayName = "TiltAnimation";
16
19
  export {
package/dist/esm/TiltEntrance.js CHANGED
@@ -9,6 +9,9 @@ const TiltEntrance = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17.858", y: "51.5", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-90 17.858 51.5)" }),
13
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "19.858", y: "41.887", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-66.83 19.858 41.887)" }),
14
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.858", y: "34.641", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 25.858 34.64)" }),
12
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#TiltEntrance__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17.858", y: "51.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-90 17.858 51.5)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__c)", d: "M-19.365 51.5V-5.723h57.223V51.5z" }))),
13
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TiltEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "19.858", y: "41.887", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-66.83 19.858 41.887)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__f)", d: "M-18.286 25.563 5.907-30.97 62.44-6.775 38.245 49.756z" }))),
14
17
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltEntrance__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.858", y: "34.645", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 25.858 34.645)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__i)", d: "M7.473 16.258 40-16.27l32.527 32.527L40 48.785z" }))),
package/dist/esm/TiltScroll.js CHANGED
@@ -9,6 +9,7 @@ const TiltScroll = (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: "M40.69 24.226a2 2 0 0 1 1.86.736l8.422 10.617a2 2 0 0 1 .293 1.979L46.28 50.16a2 2 0 0 1-1.567 1.243l-13.406 1.983a2 2 0 0 1-1.86-.735l-8.421-10.618a2 2 0 0 1-.293-1.978l4.985-12.602a2 2 0 0 1 1.567-1.243z", opacity: ".25" }),
12
13
  /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltScroll__a)", d: "M22.725 19.724c-2.596 2.121-4.134 4.71-5.022 6.76a19 19 0 0 0-.901 2.562 14 14 0 0 0-.225.966l-.01.056q-.002.01-.003.015v.007h-.001l.988.16v-.002l.01-.056q.01-.061.036-.182c.034-.163.088-.402.17-.703.162-.602.431-1.45.854-2.425.846-1.951 2.3-4.392 4.737-6.384 2.433-1.99 4.913-2.77 6.782-3.052a12.5 12.5 0 0 1 2.261-.141 9 9 0 0 1 .786.06l.037.005h.008l.083-.492.082-.493h-.002l-.005-.001-.015-.003-.052-.007-.19-.023a10 10 0 0 0-.7-.046c-.595-.02-1.438 0-2.442.153-2.01.304-4.667 1.141-7.266 3.266" }),
13
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M33.815 16.868a.5.5 0 0 0-.201-.39l-3.306-2.464-.598.802 2.794 2.081-2.602 2.127.633.773 3.097-2.531.08-.082a.5.5 0 0 0 .103-.316" }),
14
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "TiltScroll__b", width: "32", height: "30", x: "20", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.69 24.261a2 2 0 0 1 1.86.736l8.421 10.618a2 2 0 0 1 .293 1.978L46.28 50.195a2 2 0 0 1-1.567 1.243l-13.406 1.984a2 2 0 0 1-1.86-.736l-8.42-10.618a2 2 0 0 1-.293-1.978l4.985-12.602a2 2 0 0 1 1.567-1.243z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltScroll__c)", mask: "url(#TiltScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltScroll__d)", d: "m67.343-8.098 25.162 31.726-14.894 37.654-40.056 5.928-25.162-31.726L27.287-2.17z" }))),