@wix/design-system-illustrations 2.14.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 (315) hide show
  1. package/dist/cjs/AddAnElement.js +52 -0
  2. package/dist/cjs/AddAnElementSmall.js +52 -0
  3. package/dist/cjs/AiryMouse.js +3 -0
  4. package/dist/cjs/AppearClick.js +1 -1
  5. package/dist/cjs/AppearHover.js +1 -1
  6. package/dist/cjs/ArcEntrance.js +3 -2
  7. package/dist/cjs/ArcScroll.js +3 -0
  8. package/dist/cjs/Aspect3DSection.js +2 -4
  9. package/dist/cjs/Aspect3DSpinScroll.js +3 -0
  10. package/dist/cjs/BlobMouse.js +3 -0
  11. package/dist/cjs/Bounce.js +3 -2
  12. package/dist/cjs/BounceAnimation.js +3 -2
  13. package/dist/cjs/BounceEntrance.js +3 -2
  14. package/dist/cjs/BounceLoop.js +3 -2
  15. package/dist/cjs/BreathAnimation.js +0 -2
  16. package/dist/cjs/BreathLoop.js +3 -2
  17. package/dist/cjs/ClockWipe.js +3 -2
  18. package/dist/cjs/CrossLoop.js +9 -8
  19. package/dist/cjs/Cube.js +1 -1
  20. package/dist/cjs/CustomImage.js +0 -1
  21. package/dist/cjs/DartScroll.js +3 -0
  22. package/dist/cjs/DonutChart.js +1 -1
  23. package/dist/cjs/Drop.js +1 -1
  24. package/dist/cjs/EmptyPage.js +3 -2
  25. package/dist/cjs/EmptyPageImage.js +3 -2
  26. package/dist/cjs/EventInfo.js +1 -1
  27. package/dist/cjs/ExpandAnimation.js +1 -2
  28. package/dist/cjs/ExpandClick.js +1 -2
  29. package/dist/cjs/ExpandHover.js +1 -2
  30. package/dist/cjs/ExpandScroll.js +1 -2
  31. package/dist/cjs/FadeBackSection.js +1 -2
  32. package/dist/cjs/FillParallaxScroll.js +0 -2
  33. package/dist/cjs/FillReveal.js +1 -1
  34. package/dist/cjs/FlapLoop.js +1 -2
  35. package/dist/cjs/Flip.js +5 -5
  36. package/dist/cjs/FlipAnimation.js +1 -2
  37. package/dist/cjs/FlipLoop.js +1 -2
  38. package/dist/cjs/FlipScroll.js +1 -0
  39. package/dist/cjs/FloatEntrance.js +3 -2
  40. package/dist/cjs/Fold.js +3 -2
  41. package/dist/cjs/FoldAnimation.js +3 -2
  42. package/dist/cjs/FreeformImage.js +0 -1
  43. package/dist/cjs/GlideEntrance.js +1 -3
  44. package/dist/cjs/GlitchAnimation.js +3 -2
  45. package/dist/cjs/GrowEntrance.js +3 -2
  46. package/dist/cjs/ImagePositionLeft.js +0 -1
  47. package/dist/cjs/ImagePositionRight.js +0 -1
  48. package/dist/cjs/Iris.js +3 -2
  49. package/dist/cjs/JelloLoop.js +5 -8
  50. package/dist/cjs/LayeredElipseDivider.js +1 -1
  51. package/dist/cjs/MoveClick.js +7 -7
  52. package/dist/cjs/MoveHorizontalHover.js +0 -3
  53. package/dist/cjs/MoveScroll.js +9 -6
  54. package/dist/cjs/ObscureMouse.js +11 -5
  55. package/dist/cjs/OnImage.js +1 -1
  56. package/dist/cjs/PanSection.js +1 -2
  57. package/dist/cjs/ParallaxScroll.js +9 -6
  58. package/dist/cjs/ParallaxSection.js +1 -2
  59. package/dist/cjs/PieChart.js +6 -5
  60. package/dist/cjs/PokeLoop.js +3 -2
  61. package/dist/cjs/PullBackSection.js +1 -2
  62. package/dist/cjs/PulseLoop.js +1 -2
  63. package/dist/cjs/ResizeMouse.js +3 -0
  64. package/dist/cjs/ResizeOptionsCrop.js +0 -1
  65. package/dist/cjs/ResizeOptionsFit.js +1 -1
  66. package/dist/cjs/Reveal.js +1 -1
  67. package/dist/cjs/RevealAnimation.js +5 -5
  68. package/dist/cjs/RevealScroll.js +1 -0
  69. package/dist/cjs/RevealSection.js +1 -1
  70. package/dist/cjs/RightWaveDivider.js +1 -1
  71. package/dist/cjs/RotateClick.js +3 -2
  72. package/dist/cjs/RotateHover.js +2 -1
  73. package/dist/cjs/RotateSection.js +9 -6
  74. package/dist/cjs/RubberMouse.js +4 -4
  75. package/dist/cjs/ScrollEffectsDisappear.js +3 -2
  76. package/dist/cjs/ScrollEffectsFadeOut.js +3 -2
  77. package/dist/cjs/ScrollEffectsMoveWithPage.js +3 -2
  78. package/dist/cjs/ScrollEffectsStayFixed.js +3 -2
  79. package/dist/cjs/ShapeEntrance.js +0 -1
  80. package/dist/cjs/ShapeScroll.js +1 -0
  81. package/dist/cjs/Shrink.js +1 -2
  82. package/dist/cjs/ShrinkClick.js +1 -2
  83. package/dist/cjs/ShrinkHover.js +1 -2
  84. package/dist/cjs/ShrinkScroll.js +1 -2
  85. package/dist/cjs/Shuffle.js +1 -1
  86. package/dist/cjs/Skew3DMouse.js +3 -0
  87. package/dist/cjs/SkewClick.js +7 -4
  88. package/dist/cjs/SkewHover.js +1 -1
  89. package/dist/cjs/SkewSection.js +1 -1
  90. package/dist/cjs/SlideAnimation.js +3 -2
  91. package/dist/cjs/SlideScroll.js +3 -0
  92. package/dist/cjs/SpinAnimation.js +0 -1
  93. package/dist/cjs/StretchScroll.js +1 -0
  94. package/dist/cjs/Swap.js +3 -2
  95. package/dist/cjs/SwingLoop.js +3 -2
  96. package/dist/cjs/SwivelMouse.js +1 -0
  97. package/dist/cjs/TiltAnimation.js +5 -2
  98. package/dist/cjs/TiltEntrance.js +3 -2
  99. package/dist/cjs/TiltScroll.js +1 -0
  100. package/dist/cjs/Track3DMouse.js +3 -0
  101. package/dist/cjs/TrackMouse.js +3 -0
  102. package/dist/cjs/TurnEntrance.js +3 -2
  103. package/dist/cjs/TurnScroll.js +3 -0
  104. package/dist/cjs/TwistClick.js +1 -2
  105. package/dist/cjs/TwistHover.js +1 -2
  106. package/dist/cjs/TypeWriter.js +6 -5
  107. package/dist/cjs/WinkEntrance.js +1 -1
  108. package/dist/cjs/ZoomSection.js +1 -2
  109. package/dist/cjs/index.js +6 -0
  110. package/dist/esm/AddAnElement.js +18 -0
  111. package/dist/esm/AddAnElementSmall.js +18 -0
  112. package/dist/esm/AiryMouse.js +3 -0
  113. package/dist/esm/AppearClick.js +1 -1
  114. package/dist/esm/AppearHover.js +1 -1
  115. package/dist/esm/ArcEntrance.js +3 -2
  116. package/dist/esm/ArcScroll.js +3 -0
  117. package/dist/esm/Aspect3DSection.js +2 -4
  118. package/dist/esm/Aspect3DSpinScroll.js +3 -0
  119. package/dist/esm/BlobMouse.js +3 -0
  120. package/dist/esm/Bounce.js +3 -2
  121. package/dist/esm/BounceAnimation.js +3 -2
  122. package/dist/esm/BounceEntrance.js +3 -2
  123. package/dist/esm/BounceLoop.js +3 -2
  124. package/dist/esm/BreathAnimation.js +0 -2
  125. package/dist/esm/BreathLoop.js +3 -2
  126. package/dist/esm/ClockWipe.js +3 -2
  127. package/dist/esm/CrossLoop.js +9 -8
  128. package/dist/esm/Cube.js +1 -1
  129. package/dist/esm/CustomImage.js +0 -1
  130. package/dist/esm/DartScroll.js +3 -0
  131. package/dist/esm/DonutChart.js +1 -1
  132. package/dist/esm/Drop.js +1 -1
  133. package/dist/esm/EmptyPage.js +3 -2
  134. package/dist/esm/EmptyPageImage.js +3 -2
  135. package/dist/esm/EventInfo.js +1 -1
  136. package/dist/esm/ExpandAnimation.js +1 -2
  137. package/dist/esm/ExpandClick.js +1 -2
  138. package/dist/esm/ExpandHover.js +1 -2
  139. package/dist/esm/ExpandScroll.js +1 -2
  140. package/dist/esm/FadeBackSection.js +1 -2
  141. package/dist/esm/FillParallaxScroll.js +0 -2
  142. package/dist/esm/FillReveal.js +1 -1
  143. package/dist/esm/FlapLoop.js +1 -2
  144. package/dist/esm/Flip.js +5 -5
  145. package/dist/esm/FlipAnimation.js +1 -2
  146. package/dist/esm/FlipLoop.js +1 -2
  147. package/dist/esm/FlipScroll.js +1 -0
  148. package/dist/esm/FloatEntrance.js +3 -2
  149. package/dist/esm/Fold.js +3 -2
  150. package/dist/esm/FoldAnimation.js +3 -2
  151. package/dist/esm/FreeformImage.js +0 -1
  152. package/dist/esm/GlideEntrance.js +1 -3
  153. package/dist/esm/GlitchAnimation.js +3 -2
  154. package/dist/esm/GrowEntrance.js +3 -2
  155. package/dist/esm/ImagePositionLeft.js +0 -1
  156. package/dist/esm/ImagePositionRight.js +0 -1
  157. package/dist/esm/Iris.js +3 -2
  158. package/dist/esm/JelloLoop.js +5 -8
  159. package/dist/esm/LayeredElipseDivider.js +1 -1
  160. package/dist/esm/MoveClick.js +7 -7
  161. package/dist/esm/MoveHorizontalHover.js +0 -3
  162. package/dist/esm/MoveScroll.js +9 -6
  163. package/dist/esm/ObscureMouse.js +11 -5
  164. package/dist/esm/OnImage.js +1 -1
  165. package/dist/esm/PanSection.js +1 -2
  166. package/dist/esm/ParallaxScroll.js +9 -6
  167. package/dist/esm/ParallaxSection.js +1 -2
  168. package/dist/esm/PieChart.js +6 -5
  169. package/dist/esm/PokeLoop.js +3 -2
  170. package/dist/esm/PullBackSection.js +1 -2
  171. package/dist/esm/PulseLoop.js +1 -2
  172. package/dist/esm/ResizeMouse.js +3 -0
  173. package/dist/esm/ResizeOptionsCrop.js +0 -1
  174. package/dist/esm/ResizeOptionsFit.js +1 -1
  175. package/dist/esm/Reveal.js +1 -1
  176. package/dist/esm/RevealAnimation.js +5 -5
  177. package/dist/esm/RevealScroll.js +1 -0
  178. package/dist/esm/RevealSection.js +1 -1
  179. package/dist/esm/RightWaveDivider.js +1 -1
  180. package/dist/esm/RotateClick.js +3 -2
  181. package/dist/esm/RotateHover.js +2 -1
  182. package/dist/esm/RotateSection.js +9 -6
  183. package/dist/esm/RubberMouse.js +4 -4
  184. package/dist/esm/ScrollEffectsDisappear.js +3 -2
  185. package/dist/esm/ScrollEffectsFadeOut.js +3 -2
  186. package/dist/esm/ScrollEffectsMoveWithPage.js +3 -2
  187. package/dist/esm/ScrollEffectsStayFixed.js +3 -2
  188. package/dist/esm/ShapeEntrance.js +0 -1
  189. package/dist/esm/ShapeScroll.js +1 -0
  190. package/dist/esm/Shrink.js +1 -2
  191. package/dist/esm/ShrinkClick.js +1 -2
  192. package/dist/esm/ShrinkHover.js +1 -2
  193. package/dist/esm/ShrinkScroll.js +1 -2
  194. package/dist/esm/Shuffle.js +1 -1
  195. package/dist/esm/Skew3DMouse.js +3 -0
  196. package/dist/esm/SkewClick.js +7 -4
  197. package/dist/esm/SkewHover.js +1 -1
  198. package/dist/esm/SkewSection.js +1 -1
  199. package/dist/esm/SlideAnimation.js +3 -2
  200. package/dist/esm/SlideScroll.js +3 -0
  201. package/dist/esm/SpinAnimation.js +0 -1
  202. package/dist/esm/StretchScroll.js +1 -0
  203. package/dist/esm/Swap.js +3 -2
  204. package/dist/esm/SwingLoop.js +3 -2
  205. package/dist/esm/SwivelMouse.js +1 -0
  206. package/dist/esm/TiltAnimation.js +5 -2
  207. package/dist/esm/TiltEntrance.js +3 -2
  208. package/dist/esm/TiltScroll.js +1 -0
  209. package/dist/esm/Track3DMouse.js +3 -0
  210. package/dist/esm/TrackMouse.js +3 -0
  211. package/dist/esm/TurnEntrance.js +3 -2
  212. package/dist/esm/TurnScroll.js +3 -0
  213. package/dist/esm/TwistClick.js +1 -2
  214. package/dist/esm/TwistHover.js +1 -2
  215. package/dist/esm/TypeWriter.js +6 -5
  216. package/dist/esm/WinkEntrance.js +1 -1
  217. package/dist/esm/ZoomSection.js +1 -2
  218. package/dist/esm/index.js +4 -0
  219. package/dist/types/AddAnElement.d.ts +5 -0
  220. package/dist/types/AddAnElementSmall.d.ts +5 -0
  221. package/dist/types/index.d.ts +2 -0
  222. package/package.json +3 -3
  223. package/src/AddAnElement.svg +24 -0
  224. package/src/AddAnElementSmall.svg +24 -0
  225. package/src/AiryMouse.svg +2 -2
  226. package/src/AppearClick.svg +2 -2
  227. package/src/AppearHover.svg +2 -2
  228. package/src/ArcEntrance.svg +2 -2
  229. package/src/ArcScroll.svg +2 -2
  230. package/src/Aspect3DSection.svg +2 -2
  231. package/src/Aspect3DSpinScroll.svg +2 -2
  232. package/src/BlobMouse.svg +2 -2
  233. package/src/Bounce.svg +3 -3
  234. package/src/BounceAnimation.svg +2 -2
  235. package/src/BounceEntrance.svg +2 -2
  236. package/src/BounceLoop.svg +2 -2
  237. package/src/BreathLoop.svg +2 -2
  238. package/src/ClockWipe.svg +3 -3
  239. package/src/CrossLoop.svg +3 -3
  240. package/src/Cube.svg +2 -2
  241. package/src/DartScroll.svg +2 -2
  242. package/src/EmptyPage.svg +3 -3
  243. package/src/EmptyPageImage.svg +3 -3
  244. package/src/EventInfo.svg +2 -2
  245. package/src/ExpandAnimation.svg +2 -2
  246. package/src/ExpandClick.svg +2 -2
  247. package/src/ExpandHover.svg +2 -2
  248. package/src/ExpandScroll.svg +2 -2
  249. package/src/FadeBackSection.svg +2 -2
  250. package/src/FillReveal.svg +2 -2
  251. package/src/FlapLoop.svg +2 -2
  252. package/src/Flip.svg +3 -3
  253. package/src/FlipAnimation.svg +2 -2
  254. package/src/FlipLoop.svg +2 -2
  255. package/src/FlipScroll.svg +2 -2
  256. package/src/FloatEntrance.svg +2 -2
  257. package/src/Fold.svg +3 -3
  258. package/src/FoldAnimation.svg +2 -2
  259. package/src/GlideEntrance.svg +2 -2
  260. package/src/GlitchAnimation.svg +2 -2
  261. package/src/GrowEntrance.svg +2 -2
  262. package/src/Iris.svg +3 -3
  263. package/src/JelloLoop.svg +11 -14
  264. package/src/MoveClick.svg +3 -3
  265. package/src/MoveScroll.svg +3 -3
  266. package/src/ObscureMouse.svg +3 -3
  267. package/src/OnImage.svg +2 -2
  268. package/src/PanSection.svg +2 -2
  269. package/src/ParallaxScroll.svg +3 -3
  270. package/src/ParallaxSection.svg +2 -2
  271. package/src/PieChart.svg +3 -3
  272. package/src/PokeLoop.svg +2 -2
  273. package/src/PullBackSection.svg +2 -2
  274. package/src/PulseLoop.svg +2 -2
  275. package/src/ResizeMouse.svg +2 -2
  276. package/src/Reveal.svg +2 -2
  277. package/src/RevealAnimation.svg +3 -3
  278. package/src/RevealScroll.svg +2 -2
  279. package/src/RevealSection.svg +2 -2
  280. package/src/RotateClick.svg +2 -2
  281. package/src/RotateHover.svg +2 -2
  282. package/src/RotateSection.svg +3 -3
  283. package/src/RubberMouse.svg +2 -2
  284. package/src/ScrollEffectsDisappear.svg +3 -3
  285. package/src/ScrollEffectsFadeOut.svg +3 -3
  286. package/src/ScrollEffectsMoveWithPage.svg +3 -3
  287. package/src/ScrollEffectsStayFixed.svg +3 -3
  288. package/src/ShapeScroll.svg +2 -2
  289. package/src/Shrink.svg +2 -2
  290. package/src/ShrinkClick.svg +2 -2
  291. package/src/ShrinkHover.svg +2 -2
  292. package/src/ShrinkScroll.svg +2 -2
  293. package/src/Shuffle.svg +2 -2
  294. package/src/Skew3DMouse.svg +2 -2
  295. package/src/SkewClick.svg +3 -3
  296. package/src/SkewHover.svg +2 -2
  297. package/src/SkewSection.svg +2 -2
  298. package/src/SlideAnimation.svg +2 -2
  299. package/src/SlideScroll.svg +2 -2
  300. package/src/StretchScroll.svg +2 -2
  301. package/src/Swap.svg +3 -3
  302. package/src/SwingLoop.svg +2 -2
  303. package/src/SwivelMouse.svg +2 -2
  304. package/src/TiltAnimation.svg +3 -3
  305. package/src/TiltEntrance.svg +2 -2
  306. package/src/TiltScroll.svg +2 -2
  307. package/src/Track3DMouse.svg +2 -2
  308. package/src/TrackMouse.svg +2 -2
  309. package/src/TurnEntrance.svg +2 -2
  310. package/src/TurnScroll.svg +2 -2
  311. package/src/TwistClick.svg +2 -2
  312. package/src/TwistHover.svg +2 -2
  313. package/src/TypeWriter.svg +3 -3
  314. package/src/WinkEntrance.svg +2 -2
  315. package/src/ZoomSection.svg +2 -2
package/dist/cjs/TiltEntrance.js CHANGED
@@ -42,8 +42,9 @@ const TiltEntrance = (props) => /* @__PURE__ */ import_react.default.createEleme
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
- /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#TiltEntrance__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "17.858", y: "51.5", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2", transform: "rotate(-90 17.858 51.5)" })),
46
- /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#TiltEntrance__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "19.858", y: "41.887", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-66.83 19.858 41.887)" })),
45
+ /* @__PURE__ */ import_react.default.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)" }),
46
+ /* @__PURE__ */ import_react.default.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)" }),
47
+ /* @__PURE__ */ import_react.default.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)" }),
47
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#TiltEntrance__a)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#TiltEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TiltEntrance__c)", d: "M-19.365 51.5V-5.723h57.223V51.5z" }))),
48
49
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#TiltEntrance__d)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#TiltEntrance__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TiltEntrance__f)", d: "M-18.286 25.563 5.907-30.97 62.44-6.775 38.245 49.756z" }))),
49
50
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#TiltEntrance__g)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#TiltEntrance__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TiltEntrance__i)", d: "M7.473 16.258 40-16.27l32.527 32.527L40 48.785z" }))),
package/dist/cjs/TiltScroll.js CHANGED
@@ -42,6 +42,7 @@ const TiltScroll = (props) => /* @__PURE__ */ import_react.default.createElement
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-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" }),
45
46
  /* @__PURE__ */ import_react.default.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" }),
46
47
  /* @__PURE__ */ import_react.default.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" }),
47
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "TiltScroll__b", width: "32", height: "30", x: "20", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#TiltScroll__c)", mask: "url(#TiltScroll__b)" }, /* @__PURE__ */ import_react.default.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" }))),
package/dist/cjs/Track3DMouse.js CHANGED
@@ -42,6 +42,9 @@ const Track3DMouse = (props) => /* @__PURE__ */ import_react.default.createEleme
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M11.295 20.53c0-1.713 2.014-2.634 3.31-1.512l25.544 22.123c1.4 1.212.542 3.511-1.31 3.511H13.296a2 2 0 0 1-2-2z", opacity: ".25" }),
46
+ /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M60.705 20.53c0-1.713-2.014-2.634-3.31-1.512L31.851 41.141c-1.4 1.212-.543 3.511 1.31 3.511h25.544a2 2 0 0 0 2-2z", opacity: ".25" }),
47
+ /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.268 19.23c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.192 3-1.732 3H23.01c-1.54 0-2.502-1.666-1.732-3z", opacity: ".25" }),
45
48
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Track3DMouse__a)", d: "M36.241 56.05c3.352 0 6.182-1.03 8.167-2.055a19 19 0 0 0 2.32-1.413 14 14 0 0 0 .785-.605l.043-.038q.008-.006.012-.01.002 0 .003-.003l.001-.001h.001l-.664-.748h-.001l-.008.008-.035.03-.144.118c-.128.104-.322.255-.576.437-.507.363-1.252.85-2.196 1.336-1.89.976-4.56 1.945-7.708 1.945-3.143 0-5.556-.966-7.183-1.93a12.5 12.5 0 0 1-1.84-1.322 9 9 0 0 1-.57-.544l-.025-.028-.006-.005-.376.329-.376.33h.002q0 .003.003.005.003.005.01.011l.036.04q.045.049.133.137c.116.117.287.283.511.479.45.392 1.115.91 1.989 1.428 1.748 1.036 4.335 2.07 7.692 2.07" }),
46
49
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.847 51.244a.5.5 0 0 0-.091.43l1 4 .97-.243-.845-3.38h3.36v-.999h-4l-.113.013a.5.5 0 0 0-.281.18" }),
47
50
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "Track3DMouse__b", width: "30", height: "27", x: "11", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M11.295 20.53c0-1.713 2.014-2.634 3.31-1.512l25.544 22.123c1.4 1.212.542 3.511-1.31 3.511H13.296a2 2 0 0 1-2-2z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Track3DMouse__b)" }, /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Track3DMouse__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M4.512-.594H62.49v48.69H4.51z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Track3DMouse__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Track3DMouse__e)", d: "m11.47 5.32 44.06 38.506H11.47z" })))),
package/dist/cjs/TrackMouse.js CHANGED
@@ -42,6 +42,9 @@ const TrackMouse = (props) => /* @__PURE__ */ import_react.default.createElement
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.268 33.664c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.193 3-1.732 3H23.01c-1.54 0-2.503-1.667-1.733-3z", opacity: ".5" }),
46
+ /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.268 23.856c.77-1.334 2.694-1.334 3.464 0l12.99 22.5c.77 1.333-.193 3-1.732 3H23.01c-1.54 0-2.503-1.667-1.733-3z", opacity: ".5" }),
47
+ /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.268 14.05c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.193 3-1.732 3H23.01c-1.54 0-2.503-1.666-1.733-3z", opacity: ".5" }),
45
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "TrackMouse__a", width: "30", height: "28", x: "21", y: "32", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M34.268 33.664c.77-1.333 2.694-1.333 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__ */ import_react.default.createElement("g", { mask: "url(#TrackMouse__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TrackMouse__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763 13.918h57.979v48.69h-57.98z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TrackMouse__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TrackMouse__d)", d: "m41.527 20.977 20.982 38.505H18.45z" })))),
46
49
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "TrackMouse__e", width: "30", height: "28", x: "21", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M34.268 23.856c.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__ */ import_react.default.createElement("g", { mask: "url(#TrackMouse__e)" }, /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TrackMouse__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763 4.11h57.979V52.8h-57.98z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TrackMouse__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TrackMouse__h)", d: "m41.272 11.293 20.983 38.505H18.194z" })))),
47
50
  /* @__PURE__ */ import_react.default.createElement("mask", { id: "TrackMouse__i", width: "30", height: "27", x: "21", y: "13", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M34.268 14.05c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.192 3-1.732 3H23.01c-1.54 0-2.502-1.666-1.732-3z" })),
package/dist/cjs/TurnEntrance.js CHANGED
@@ -42,10 +42,11 @@ const TurnEntrance = (props) => /* @__PURE__ */ import_react.default.createEleme
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "25.248", y: "33.355", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-17.066 25.248 33.355)" }),
46
+ /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "34.06", y: "31.984", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(9.533 34.06 31.984)" }),
47
+ /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "18.216", y: "38.688", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 18.216 38.688)" }),
45
48
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TurnEntrance__a)", d: "M37 16.777c3.353 0 6.182 1.031 8.167 2.056.994.513 1.78 1.027 2.32 1.413a14 14 0 0 1 .785.606q.028.023.043.037l.013.01.003.003v.001h.002l-.664.748h-.002l-.007-.007-.035-.03-.144-.119a13 13 0 0 0-.576-.436 18 18 0 0 0-2.197-1.337c-1.89-.976-4.56-1.945-7.707-1.945-3.144 0-5.557.966-7.183 1.93-.814.482-1.43.964-1.84 1.322a9 9 0 0 0-.57.544l-.026.028-.006.005-.376-.329-.375-.33h.002l.002-.005.01-.011.036-.04q.046-.049.133-.137c.116-.117.287-.283.512-.479.449-.391 1.114-.91 1.988-1.427 1.749-1.037 4.336-2.07 7.693-2.07" }),
46
49
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M26.606 21.584a.5.5 0 0 1-.09-.43l1-4 .97.244-.846 3.379H31v.999h-4l-.113-.013a.5.5 0 0 1-.28-.18" }),
47
- /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#TurnEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "25.248", y: "33.355", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "2", transform: "rotate(-17.066 25.248 33.355)" })),
48
- /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#TurnEntrance__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "34.06", y: "31.984", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(9.533 34.06 31.984)" })),
49
50
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".7", clipPath: "url(#TurnEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "25.248", y: "33.355", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-17.066 25.248 33.355)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TurnEntrance__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TurnEntrance__d)", d: "m6.127 60.066-13.05-44.11 44.109-13.05 13.051 44.11z" }))),
50
51
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#TurnEntrance__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "34.06", y: "31.984", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(9.533 34.06 31.984)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TurnEntrance__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TurnEntrance__g)", d: "M5.676 49.395 12.52 3.907l45.488 6.846-6.846 45.487z" }))),
51
52
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#TurnEntrance__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "18.216", y: "38.688", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 18.216 38.688)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TurnEntrance__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TurnEntrance__j)", d: "m13.973 71.215-32.526-32.527L13.973 6.16 46.5 38.688z" }))),
package/dist/cjs/TurnScroll.js CHANGED
@@ -42,6 +42,9 @@ const TurnScroll = (props) => /* @__PURE__ */ import_react.default.createElement
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M40.116 28.675a2 2 0 0 1 1.45 1.378l3.026 10.253a2 2 0 0 1-.468 1.944l-7.366 7.748a2 2 0 0 1-1.919.567l-10.392-2.506a2 2 0 0 1-1.45-1.378L19.97 36.428a2 2 0 0 1 .469-1.944l7.366-7.748a2 2 0 0 1 1.918-.566z", opacity: ".5" }),
46
+ /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M40.701 20.095a2 2 0 0 1 1.83.81l6.3 8.637a2 2 0 0 1 .212 1.988l-4.33 9.775a2 2 0 0 1-1.615 1.179l-10.63 1.137a2 2 0 0 1-1.829-.81l-6.3-8.636a2 2 0 0 1-.213-1.99l4.33-9.774a2 2 0 0 1 1.616-1.178z", opacity: ".5" }),
47
+ /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M37.14 12.561a2 2 0 0 1 2 0l9.259 5.345a2 2 0 0 1 1 1.733v10.69a2 2 0 0 1-1 1.732l-9.258 5.346a2 2 0 0 1-2 0l-9.259-5.345a2 2 0 0 1-1-1.732V19.639a2 2 0 0 1 1-1.732z", opacity: ".5" }),
45
48
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TurnScroll__a)", d: "M46.334 53.668c-2.093 2.093-4.504 3.216-6.381 3.815-.94.3-1.752.47-2.33.566a12 12 0 0 1-.87.113l-.05.003h-.014l-.005.002h-.002l-.03-.5-.028-.498v-.001h.009l.039-.003.162-.016c.143-.015.356-.042.625-.087.54-.089 1.303-.248 2.19-.531 1.775-.567 4.03-1.622 5.978-3.57 1.945-1.946 2.84-4.037 3.25-5.64.205-.8.288-1.48.32-1.954a8 8 0 0 0 .017-.687l-.002-.032v-.006l.5-.033.498-.034v.007l.001.014a4 4 0 0 1 .006.218c0 .147-.004.357-.022.62a12 12 0 0 1-.35 2.136c-.445 1.74-1.415 4.001-3.511 6.098" }),
46
49
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49.772 44.113a.5.5 0 0 1 .368.239l1.865 3.109-.857.514-1.536-2.56-2.035 2.035-.706-.707 2.487-2.488.089-.071a.5.5 0 0 1 .325-.072" }),
47
50
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "TurnScroll__b", width: "26", height: "25", x: "19", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.116 28.671a2 2 0 0 1 1.45 1.378l3.026 10.253a2 2 0 0 1-.468 1.944l-7.366 7.749a2 2 0 0 1-1.919.566l-10.392-2.505a2 2 0 0 1-1.45-1.378L19.97 36.424a2 2 0 0 1 .469-1.944l7.366-7.748a2 2 0 0 1 1.918-.566z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TurnScroll__c)", mask: "url(#TurnScroll__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TurnScroll__d)", d: "m64.47 18.673 8.198 27.77-19.95 20.986-28.15-6.785-8.198-27.77 19.95-20.986z" }))),
package/dist/cjs/TwistClick.js CHANGED
@@ -42,8 +42,7 @@ const TwistClick = (props) => /* @__PURE__ */ import_react.default.createElement
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
- /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#TwistClick__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "17.869", height: "35.386", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "8.934", transform: "scale(1 -1)rotate(58.401 70.501 15.061)" })),
46
- /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#TwistClick__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "11.912", height: "25.733", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "5.956", transform: "scale(1 -1)rotate(72.502 54.26 8.948)" })),
45
+ /* @__PURE__ */ import_react.default.createElement("rect", { width: "17.885", height: "35.418", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "8.942", transform: "matrix(.52398 -.85173 -.85174 -.52397 46.398 52.895)" }),
47
46
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#TwistClick__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "17.869", height: "35.386", fill: "var(--wds-illustration-color-1, #002291)", rx: "8.934", transform: "scale(1 -1)rotate(58.401 70.501 15.061)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TwistClick__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TwistClick__c)", d: "M0 0h29.837v55.813H0z", transform: "scale(1 -1)rotate(58.401 89.122 25.468)" }))),
48
47
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#TwistClick__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "11.912", height: "25.733", fill: "var(--wds-illustration-color-1, #002291)", rx: "5.956", transform: "scale(1 -1)rotate(72.502 54.26 8.948)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TwistClick__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TwistClick__f)", d: "M0 0h41.319v72.992H0z", transform: "scale(1 -1)rotate(72.502 86.304 32.445)" }))),
49
48
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#TwistClick__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "5.956", height: "15.319", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.978", transform: "matrix(0 -1 -1 0 43.66 38.922)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TwistClick__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TwistClick__i)", d: "M0 0h27.576v53.979H0z", transform: "matrix(0 -1 -1 0 82.638 38.922)" }))),
package/dist/cjs/TwistHover.js CHANGED
@@ -42,8 +42,7 @@ const TwistHover = (props) => /* @__PURE__ */ import_react.default.createElement
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
- /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#TwistHover__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "25.526", height: "25.526", x: "29.935", y: "19", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(25.367 29.935 19)" })),
46
- /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#TwistHover__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "18.233", height: "18.233", x: "29.26", y: "25.008", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "1.5", transform: "rotate(13.48 29.26 25.008)" })),
45
+ /* @__PURE__ */ import_react.default.createElement("rect", { width: "25.526", height: "25.526", x: "29.936", y: "19", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(25.367 29.936 19)" }),
47
46
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#TwistHover__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "25.526", height: "25.526", x: "29.935", y: "19", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(25.367 29.935 19)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TwistHover__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TwistHover__c)", d: "m38.504.93 41.564 19.707-19.707 41.565-41.564-19.708z" }))),
48
47
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#TwistHover__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "18.233", height: "18.233", x: "29.26", y: "25.008", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5", transform: "rotate(13.48 29.26 25.008)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TwistHover__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TwistHover__f)", d: "M35.786-2.223 80.52 8.5 69.797 53.233 25.064 42.51z" }))),
49
48
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#TwistHover__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10.94", height: "10.94", x: "30.53", y: "30.531", fill: "var(--wds-illustration-color-1, #002291)", rx: "1" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TwistHover__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TwistHover__i)", d: "M31.532-4.652h46v46h-46z" }))),
package/dist/cjs/TypeWriter.js CHANGED
@@ -42,12 +42,13 @@ const TypeWriter = (props) => /* @__PURE__ */ import_react.default.createElement
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
- /* @__PURE__ */ import_react.default.createElement("mask", { id: "TypeWriter__a", width: "21", height: "30", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M10 21h21v30H10z" })),
46
- /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#TypeWriter__a)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" }), /* @__PURE__ */ import_react.default.createElement("mask", { id: "TypeWriter__b", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84zm21.695 0H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TypeWriter__c)", mask: "url(#TypeWriter__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TypeWriter__d)", d: "M16-.001h56v44H16z" }))),
47
- /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#TypeWriter__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M51.087 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 44H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84z" }))),
48
- /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "TypeWriter__e", width: "27", height: "30", x: "31", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M58 21H31v30h27z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#TypeWriter__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 44H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84z" }), /* @__PURE__ */ import_react.default.createElement("mask", { id: "TypeWriter__f", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84zm21.695 0H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TypeWriter__g)", mask: "url(#TypeWriter__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TypeWriter__h)", d: "M16-.001h56v44H16z" })))),
45
+ /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#TypeWriter__a)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })),
46
+ /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#TypeWriter__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })),
47
+ /* @__PURE__ */ import_react.default.createElement("mask", { id: "TypeWriter__c", width: "21", height: "30", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M10 21h21v30H10z" })),
48
+ /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#TypeWriter__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" }), /* @__PURE__ */ import_react.default.createElement("mask", { id: "TypeWriter__d", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84zm21.695 0H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TypeWriter__e)", mask: "url(#TypeWriter__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TypeWriter__f)", d: "M16-.001h56v44H16z" }))),
49
+ /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "TypeWriter__g", width: "27", height: "30", x: "31", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M58 21H31v30h27z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#TypeWriter__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 44H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84z" }), /* @__PURE__ */ import_react.default.createElement("mask", { id: "TypeWriter__h", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84zm21.695 0H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TypeWriter__i)", mask: "url(#TypeWriter__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TypeWriter__j)", d: "M16-.001h56v44H16z" })))),
49
50
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M31.5 28v18h-1V28z" }),
50
- /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "TypeWriter__d", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "TypeWriter__h", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "TypeWriter__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17600", stdDeviation: "4.2" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "TypeWriter__g", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17600", stdDeviation: "4.2" })))
51
+ /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "TypeWriter__f", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "TypeWriter__j", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "TypeWriter__e", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17600", stdDeviation: "4.2" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "TypeWriter__i", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17600", stdDeviation: "4.2" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: "TypeWriter__a", width: "21", height: "30", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M10 21h21v30H10z" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: "TypeWriter__b", width: "27", height: "30", x: "31", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M58 21H31v30h27z" })))
51
52
  );
52
53
  TypeWriter.displayName = "TypeWriter";
53
54
  // Annotate the CommonJS export names for ESM import in node:
package/dist/cjs/WinkEntrance.js CHANGED
@@ -42,7 +42,7 @@ const WinkEntrance = (props) => /* @__PURE__ */ import_react.default.createEleme
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
- /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#WinkEntrance__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "19.927", height: "19.927", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "matrix(.7096 -.7046 .7096 .7046 21.86 36)" })),
45
+ /* @__PURE__ */ import_react.default.createElement("rect", { width: "19.927", height: "19.927", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "matrix(.7096 -.7046 .7096 .7046 21.86 36)" }),
46
46
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#WinkEntrance__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "19.927", height: "19.927", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(.7096 -.7046 .7096 .7046 21.86 36)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#WinkEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#WinkEntrance__c)", d: "m3.41 17.68 32.642-32.412L68.694 17.68 36.052 50.09z" }))),
47
47
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#WinkEntrance__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "15.793", height: "15.793", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(1.28586 .58869)rotate(-45 82.024 10.176)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#WinkEntrance__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#WinkEntrance__f)", d: "M-5.637 23.41 36.188 4.262 78.013 23.41 36.188 42.558z" }))),
48
48
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#WinkEntrance__g)", d: "M35.5 21.27v-8.486h1v8.486z" }),
package/dist/cjs/ZoomSection.js CHANGED
@@ -42,6 +42,7 @@ const ZoomSection = (props) => /* @__PURE__ */ import_react.default.createElemen
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".7", rx: "2.217" }),
45
46
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__a)", d: "m58.622 19.086-6 6-.708-.707 6-6z" }),
46
47
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.915 25.086a.5.5 0 0 1-.145-.399l.354-3.889.995.09-.3 3.293 3.293-.3.09.996-3.889.353-.11-.002a.5.5 0 0 1-.289-.142" }),
47
48
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__b)", d: "m13.38 19.086 6 6 .707-.707-6-6z" }),
@@ -50,8 +51,6 @@ const ZoomSection = (props) => /* @__PURE__ */ import_react.default.createElemen
50
51
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M20.085 46.914a.5.5 0 0 1 .144.399l-.353 3.889-.996-.09.3-3.293-3.293.3-.09-.996 3.89-.353.11.002a.5.5 0 0 1 .288.142" }),
51
52
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__d)", d: "m58.62 52.914-6-6-.707.707 6 6z" }),
52
53
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.913 46.914a.5.5 0 0 0-.144.399l.353 3.889.996-.09-.3-3.293 3.293.3.09-.996-3.89-.353-.11.002a.5.5 0 0 0-.288.142" }),
53
- /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ZoomSection__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2" })),
54
- /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ZoomSection__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22.328", height: "10.891", x: "24.837", y: "30.551", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "1.663" })),
55
54
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ZoomSection__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ZoomSection__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__g)", d: "M20 5.664h51.001v39.618H20z" }))),
56
55
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#ZoomSection__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22.328", height: "10.891", x: "24.837", y: "30.551", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.663" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ZoomSection__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__j)", d: "M24.837 14.578h51.001v26.496H24.837z" }))),
57
56
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ZoomSection__k)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "10.037", height: "4.708", x: "30.943", y: "33.645", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.109" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ZoomSection__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__m)", d: "M30.943 22.852h53.5v15.793h-53.5z" }))),
package/dist/cjs/index.js CHANGED
@@ -20,6 +20,8 @@ var index_exports = {};
20
20
  __export(index_exports, {
21
21
  A4Frame: () => import_A4Frame.A4Frame,
22
22
  AI: () => import_AI.AI,
23
+ AddAnElement: () => import_AddAnElement.AddAnElement,
24
+ AddAnElementSmall: () => import_AddAnElementSmall.AddAnElementSmall,
23
25
  AiryMouse: () => import_AiryMouse.AiryMouse,
24
26
  AlignBottomHorizontal: () => import_AlignBottomHorizontal.AlignBottomHorizontal,
25
27
  AlignCenterHorizontal: () => import_AlignCenterHorizontal.AlignCenterHorizontal,
@@ -302,6 +304,8 @@ __export(index_exports, {
302
304
  module.exports = __toCommonJS(index_exports);
303
305
  var import_A4Frame = require("./A4Frame");
304
306
  var import_AI = require("./AI");
307
+ var import_AddAnElement = require("./AddAnElement");
308
+ var import_AddAnElementSmall = require("./AddAnElementSmall");
305
309
  var import_AiryMouse = require("./AiryMouse");
306
310
  var import_AlignBottomHorizontal = require("./AlignBottomHorizontal");
307
311
  var import_AlignCenterHorizontal = require("./AlignCenterHorizontal");
@@ -584,6 +588,8 @@ var import_ZoomSection = require("./ZoomSection");
584
588
  0 && (module.exports = {
585
589
  A4Frame,
586
590
  AI,
591
+ AddAnElement,
592
+ AddAnElementSmall,
587
593
  AiryMouse,
588
594
  AlignBottomHorizontal,
589
595
  AlignCenterHorizontal,
package/dist/esm/AddAnElement.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const AddAnElement = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 100 100",
6
+ fill: "none",
7
+ width: 100,
8
+ height: 100,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#AddAnElement__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "36", height: "36", x: "32", y: "32", fill: "var(--wds-illustration-color-1, #002291)", rx: "6" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#AddAnElement__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#AddAnElement__c)", d: "M30 21h58v49H30z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M50.5 45c.373 0 .675.302.675.675v3.15h3.15a.675.675 0 1 1 0 1.35h-3.15v3.15a.675.675 0 1 1-1.35 0v-3.15h-3.15a.675.675 0 1 1 0-1.35h3.15v-3.15c0-.373.302-.675.675-.675" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "AddAnElement__c", x1: "79.774", x2: "40.035", y1: "25.398", y2: "85.421", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "AddAnElement__a" }, /* @__PURE__ */ React.createElement("rect", { width: "36", height: "36", x: "32", y: "32", fill: "#fff", rx: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "AddAnElement__b", width: "82", height: "73", x: "18", 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_787_3655", stdDeviation: "6" })))
14
+ );
15
+ AddAnElement.displayName = "AddAnElement";
16
+ export {
17
+ AddAnElement
18
+ };
package/dist/esm/AddAnElementSmall.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const AddAnElementSmall = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#AddAnElementSmall__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "26", height: "26", x: "23", y: "23", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#AddAnElementSmall__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#AddAnElementSmall__c)", d: "M21 13h43v36H21z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36 32a.6.6 0 0 1 .6.6v2.8h2.8a.6.6 0 1 1 0 1.2h-2.8v2.8a.6.6 0 1 1-1.2 0v-2.8h-2.8a.6.6 0 1 1 0-1.2h2.8v-2.8a.6.6 0 0 1 .6-.6" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "AddAnElementSmall__c", x1: "57.901", x2: "28.809", y1: "16.231", y2: "60.573", 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: "AddAnElementSmall__a" }, /* @__PURE__ */ React.createElement("rect", { width: "26", height: "26", x: "23", y: "23", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "AddAnElementSmall__b", width: "55", height: "48", x: "15", y: "7", 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_787_3644", stdDeviation: "3" })))
14
+ );
15
+ AddAnElementSmall.displayName = "AddAnElementSmall";
16
+ export {
17
+ AddAnElementSmall
18
+ };
package/dist/esm/AiryMouse.js CHANGED
@@ -9,6 +9,9 @@ const AiryMouse = (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: "M15.928 19.728c.37-1.494 2.22-2.027 3.329-.96L37.97 36.79c1.11 1.068.646 2.936-.833 3.362L12.174 47.35c-1.48.426-2.866-.908-2.495-2.403z", opacity: ".25" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M52.99 19.148c1.076-1.1 2.94-.623 3.355.86l7.002 25.019c.414 1.483-.931 2.858-2.423 2.476l-25.168-6.446c-1.491-.382-2.01-2.235-.934-3.336z", opacity: ".25" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.99 17.168c.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: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "AiryMouse__a", width: "30", height: "30", x: "9", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M15.928 19.709c.37-1.495 2.22-2.028 3.329-.96L37.972 36.77c1.109 1.068.646 2.936-.834 3.363l-24.964 7.196c-1.479.427-2.865-.908-2.495-2.402z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#AiryMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m-10.205 6.691 55.71-16.06 13.487 46.784-55.71 16.06z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#AiryMouse__d)", d: "m20.293 4.053 30.828 31.186L8.784 47.444z" })))),
13
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "AiryMouse__e", width: "30", height: "30", x: "34", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M52.99 19.132c1.076-1.1 2.94-.623 3.355.86l7.001 25.02c.415 1.482-.93 2.858-2.422 2.476L35.756 41.04c-1.492-.382-2.01-2.235-.934-3.336z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#AiryMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M37.056-5.332 93.222 9.054 81.14 56.221 24.975 41.835z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#AiryMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#AiryMouse__h)", d: "m64.686 7.847 10.773 42.508-42.684-10.933z" })))),
14
17
  /* @__PURE__ */ React.createElement("mask", { id: "AiryMouse__i", width: "31", height: "27", x: "21", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.99 17.148c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.192 3-1.732 3h-25.98c-1.54 0-2.503-1.666-1.733-3z" })),
package/dist/esm/AppearClick.js CHANGED
@@ -9,7 +9,7 @@ const AppearClick = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M19.5 36a8 8 0 0 1 8-8h8.192v16H27.5a8 8 0 0 1-8-8" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M19.5 36a8 8 0 0 1 8-8h8.192v16H27.5a8 8 0 0 1-8-8" })),
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M19.5 36a8 8 0 0 1 8-8h17a8 8 0 1 1 0 16h-17a8 8 0 0 1-8-8", opacity: ".25" }),
13
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M19.5 36a8 8 0 0 1 8-8h8.192v16H27.5a8 8 0 0 1-8-8" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#AppearClick__a)", d: "M19.5 36a8 8 0 0 1 8-8h8.192v16H27.5a8 8 0 0 1-8-8" })),
14
14
  /* @__PURE__ */ React.createElement("path", { fill: "url(#AppearClick__b)", d: "M52.5 36a8 8 0 0 1-8 8h-8.81V28h8.81a8 8 0 0 1 8 8" }),
15
15
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.593 23v25.734h-1.186V23z" }),
package/dist/esm/AppearHover.js CHANGED
@@ -9,8 +9,8 @@ const AppearHover = (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: ".25", rx: "2" }),
12
13
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#AppearHover__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M47 45a2 2 0 0 1-2 2h-9.204V25H45a2 2 0 0 1 2 2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#AppearHover__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#AppearHover__c)", d: "M59.368 47V8.183H35.796V47z" }))),
13
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#AppearHover__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M25 27a2 2 0 0 1 2-2h8.793v22H27a2 2 0 0 1-2-2z" })),
14
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#AppearHover__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M25 27a2 2 0 0 1 2-2h8.793v22H27a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#AppearHover__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#AppearHover__f)", d: "M110.998 50.66V18.047H24.93V50.66z" }))),
15
15
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.5 20v32h-1V20z" }),
16
16
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "AppearHover__c", x1: "57.252", x2: "23.389", y1: "13.688", y2: "29.804", 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: "AppearHover__f", x1: "103.272", x2: "74.537", y1: "22.672", y2: "82.101", 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: "AppearHover__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M47 45a2 2 0 0 1-2 2h-9.204V25H45a2 2 0 0 1 2 2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "AppearHover__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M25 27a2 2 0 0 1 2-2h8.793v22H27a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("filter", { id: "AppearHover__b", width: "33.954", height: "49.197", x: "30.605", y: "2.993", 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_19770", stdDeviation: "2.595" })), /* @__PURE__ */ React.createElement("filter", { id: "AppearHover__e", width: "96.448", height: "42.994", x: "19.74", y: "12.856", 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_19770", stdDeviation: "2.595" })))
package/dist/esm/ArcEntrance.js CHANGED
@@ -9,11 +9,12 @@ const ArcEntrance = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("rect", { width: "14.615", height: "14.615", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "scale(.39302 1.3585)rotate(-45 49.117 -42.583)" }),
13
+ /* @__PURE__ */ React.createElement("rect", { width: "16.172", height: "16.172", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "scale(.70178 1.2278)rotate(-45 44.424 -23.165)" }),
14
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.228", y: "30.137", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 26.228 30.137)" }),
12
15
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M40.875 53.072a.5.5 0 0 1-.195.393l-3.265 2.517-.61-.792 2.758-2.126-2.636-2.084.62-.784 3.138 2.481.081.08a.5.5 0 0 1 .109.315" }),
13
16
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcEntrance__a)", d: "m33.614 48.823.027.5c-2.467.136-5.962.423-8.451.836-.621.103-1.173.213-1.626.328-.381.097-.672.194-.871.283q.05.027.112.055l-.196.46-.198.46a2.5 2.5 0 0 1-.547-.306c-.141-.111-.3-.279-.353-.514a.75.75 0 0 1 .164-.646c.118-.144.277-.251.428-.333.306-.165.731-.305 1.214-.427a21 21 0 0 1 1.709-.346c2.543-.422 6.081-.711 8.56-.849z" }),
14
17
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22.805 50.828c.607.26 1.622.496 2.932.702 1.299.204 2.848.374 4.501.511 3.307.275 7.006.423 9.896.488l-.012.5-.01.5c-2.902-.065-6.623-.215-9.957-.492-1.666-.138-3.242-.31-4.573-.518-1.32-.208-2.44-.459-3.17-.771z" }),
15
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ArcEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.615", height: "14.615", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2", transform: "scale(.39302 1.3585)rotate(-45 49.117 -42.583)" })),
16
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ArcEntrance__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "16.172", height: "16.172", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "scale(.70178 1.2278)rotate(-45 44.424 -23.165)" })),
17
18
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#ArcEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.615", height: "14.615", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.39302 1.3585)rotate(-45 49.117 -42.583)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcEntrance__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcEntrance__d)", d: "m8.873.46 12.783-44.187L34.44.46 21.656 44.649z" }))),
18
19
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ArcEntrance__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "16.172", height: "16.172", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.70178 1.2278)rotate(-45 44.424 -23.165)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcEntrance__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcEntrance__g)", d: "m5.74 4.191 22.826-39.936L51.393 4.19 28.565 44.128z" }))),
19
20
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ArcEntrance__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.228", y: "30.141", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26.228 30.14)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcEntrance__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcEntrance__j)", d: "M7.843 11.754 40.37-20.773l32.527 32.527L40.37 44.28z" }))),
package/dist/esm/ArcScroll.js CHANGED
@@ -9,6 +9,9 @@ const ArcScroll = (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: "M22.036 19.291a1 1 0 0 1 1.744 0l2.65 4.72a1 1 0 0 1 .128.489v12.477a1 1 0 0 1-.128.49l-2.65 4.718a1 1 0 0 1-1.744 0l-2.65-4.719a1 1 0 0 1-.127-.49V24.5a1 1 0 0 1 .128-.49z", opacity: ".5" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M29.648 18.886a2 2 0 0 1 2.63 0l5.45 4.755a2 2 0 0 1 .685 1.507v11.181a2 2 0 0 1-.685 1.507l-5.45 4.755a2 2 0 0 1-2.63 0l-5.45-4.755a2 2 0 0 1-.684-1.507V25.148a2 2 0 0 1 .685-1.508z", opacity: ".5" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M38.741 18.316a2 2 0 0 1 2 0L50 23.66a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733l-9.258 5.345a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732V25.393a2 2 0 0 1 1-1.732z", opacity: ".5" }),
12
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ArcScroll__a", width: "8", height: "25", x: "19", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M22.036 19.291a1 1 0 0 1 1.744 0l2.65 4.72a1 1 0 0 1 .128.489v12.477a1 1 0 0 1-.128.49l-2.65 4.718a1 1 0 0 1-1.744 0l-2.65-4.719a1 1 0 0 1-.127-.49V24.5a1 1 0 0 1 .128-.49z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcScroll__b)", mask: "url(#ArcScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcScroll__c)", d: "M34.282-5.707 59.358 8.771v28.955L34.282 52.203 9.206 37.726V8.77z" }))),
13
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ArcScroll__d", width: "16", height: "26", x: "23", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M29.648 18.886a2 2 0 0 1 2.63 0l5.45 4.755a2 2 0 0 1 .685 1.507v11.181a2 2 0 0 1-.685 1.507l-5.45 4.755a2 2 0 0 1-2.63 0l-5.45-4.755a2 2 0 0 1-.684-1.507V25.148a2 2 0 0 1 .685-1.508z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ArcScroll__e)", mask: "url(#ArcScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ArcScroll__f)", d: "M41.535-5.71 66.611 8.766v28.955L41.535 52.2 16.46 37.722V8.767z" }))),
14
17
  /* @__PURE__ */ React.createElement("mask", { id: "ArcScroll__g", width: "23", height: "26", x: "28", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M38.741 18.316a2 2 0 0 1 2 0L50 23.66a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733l-9.258 5.345a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732V25.393a2 2 0 0 1 1-1.732z" })),
package/dist/esm/Aspect3DSection.js CHANGED
@@ -9,10 +9,8 @@ const Aspect3DSection = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#Aspect3DSection__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M59.215 50.797h-80v27.932h80z" }))),
13
- /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#Aspect3DSection__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M62.82 44.234h-80v27.932h80z" }))),
14
- /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#Aspect3DSection__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M59.215 21.125h-80V-5.731h80z" }))),
15
- /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: "url(#Aspect3DSection__n)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M62.82 27.774h-80V.918h80z" }))),
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M45.902 53.939a.83.83 0 0 0-.606-1.4H26.703a.83.83 0 0 0-.606 1.4l.933.993a.83.83 0 0 0 .605.262h16.728a.83.83 0 0 0 .606-.262zM49.943 47.555a1.056 1.056 0 0 0-.922-1.57H22.977c-.806 0-1.315.866-.922 1.57l2.114 3.785c.187.333.54.54.922.54h21.816c.383 0 .736-.207.922-.54zM45.902 18.054a.83.83 0 0 1-.606 1.4H26.703a.83.83 0 0 1-.606-1.4l.933-.994a.83.83 0 0 1 .605-.262h16.728a.83.83 0 0 1 .606.262zM49.943 24.523a1.056 1.056 0 0 1-.922 1.57H22.977a1.056 1.056 0 0 1-.922-1.57l2.114-3.784c.187-.334.54-.541.922-.541h21.816c.383 0 .736.207.922.54z", opacity: ".25" }),
13
+ /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".25", rx: "2" }),
16
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "Aspect3DSection__b", width: "22", height: "4", x: "25", y: "52", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect3DSection__a)", d: "M45.901 53.939a.83.83 0 0 0-.606-1.4H26.702a.83.83 0 0 0-.605 1.4l.932.993a.83.83 0 0 0 .606.262h16.728a.83.83 0 0 0 .605-.262z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Aspect3DSection__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M59.215 50.797h-80v27.932h80z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect3DSection__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect3DSection__d)", d: "m19.383 50.521 39.433-.005.445 4.687-31.986-.009z" })))),
17
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Aspect3DSection__f", width: "30", height: "7", x: "21", y: "45", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect3DSection__e)", d: "M49.943 47.555a1.056 1.056 0 0 0-.922-1.57H22.977c-.806 0-1.315.866-.922 1.57l2.114 3.785c.187.333.54.54.922.54h21.816c.383 0 .735-.207.922-.54z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Aspect3DSection__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M62.82 44.234h-80v27.932h80z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect3DSection__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect3DSection__h)", d: "m14.043 41.505 52.11-.013.588 10.408-42.268-.018z" })))),
18
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "Aspect3DSection__j", width: "22", height: "4", x: "25", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect3DSection__i)", d: "M45.901 18.046a.83.83 0 0 1-.606 1.4H26.702a.83.83 0 0 1-.605-1.4l.932-.994a.83.83 0 0 1 .606-.262h16.728a.83.83 0 0 1 .605.262z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Aspect3DSection__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M59.215 21.125h-80V-5.731h80z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect3DSection__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect3DSection__l)", d: "m28.02 14.842 30.797-.006.445 4.687-34.235-.008z" })))),
package/dist/esm/Aspect3DSpinScroll.js CHANGED
@@ -9,6 +9,9 @@ const Aspect3DSpinScroll = (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.81 44.37a1 1 0 0 1 .303.135l8.537 5.639a1 1 0 0 1 .363 1.24l-.825 1.86a1 1 0 0 1-1.162.563l-9.91-2.54a1 1 0 0 1-.304-.134l-8.535-5.639a1 1 0 0 1-.363-1.24l.824-1.86a1 1 0 0 1 1.163-.563z", opacity: ".5" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M32.404 33.644a2 2 0 0 1 1.164.22l8.5 4.508a2 2 0 0 1 1.028 2.139l-.743 3.927a2 2 0 0 1-1.737 1.615l-9.558 1.095a2 2 0 0 1-1.165-.22l-8.498-4.507a2 2 0 0 1-1.029-2.139l.743-3.927a2 2 0 0 1 1.737-1.615z", opacity: ".5" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M30.81 16.855a2 2 0 0 1 2 0l9.258 5.345a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733L32.81 41.7a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732V23.932a2 2 0 0 1 1-1.732z", opacity: ".5" }),
12
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Aspect3DSpinScroll__a", width: "23", height: "13", x: "20", y: "41", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M32.81 44.37a1 1 0 0 1 .303.135l8.537 5.639a1 1 0 0 1 .363 1.24l-.825 1.86a1 1 0 0 1-1.162.563l-9.91-2.54a1 1 0 0 1-.304-.134l-8.535-5.639a1 1 0 0 1-.363-1.24l.824-1.86a1 1 0 0 1 1.163-.563z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect3DSpinScroll__b)", mask: "url(#Aspect3DSpinScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect3DSpinScroll__c)", d: "m42.085 45.723 19.565 13.61-1.198 2.7-24.033-3.532-18.755-15.437 1.198-2.702z" }))),
13
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "Aspect3DSpinScroll__d", width: "24", height: "15", x: "20", y: "33", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M32.405 33.644a2 2 0 0 1 1.165.22l8.499 4.508a2 2 0 0 1 1.028 2.139l-.742 3.927a2 2 0 0 1-1.738 1.615l-9.558 1.095a2 2 0 0 1-1.165-.22l-8.498-4.507a2 2 0 0 1-1.028-2.139l.742-3.927a2 2 0 0 1 1.738-1.615z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect3DSpinScroll__e)", mask: "url(#Aspect3DSpinScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect3DSpinScroll__f)", d: "M42.09 30.929 62.64 43.14l-1.264 6.684-23.588 3.87L17.24 41.485l1.264-6.685z" }))),
14
17
  /* @__PURE__ */ React.createElement("mask", { id: "Aspect3DSpinScroll__g", width: "24", height: "26", x: "20", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30.81 16.855a2 2 0 0 1 2 0l9.258 5.345a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733L32.81 41.7a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732V23.932a2 2 0 0 1 1-1.732z" })),
package/dist/esm/BlobMouse.js CHANGED
@@ -9,6 +9,9 @@ const BlobMouse = (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: "M23.013 31.266c.46-1.36 2.383-1.36 2.842 0L33.4 53.582a1.5 1.5 0 0 1-1.421 1.98H16.891a1.5 1.5 0 0 1-1.421-1.98z", opacity: ".25" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M32.927 22.67c.542-1.145 2.17-1.145 2.712 0l11.117 23.493a1.5 1.5 0 0 1-1.356 2.142H23.166a1.5 1.5 0 0 1-1.356-2.142z", opacity: ".25" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M42.452 14.809c.77-1.334 2.694-1.334 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3h-25.98c-1.54 0-2.502-1.667-1.733-3z", opacity: ".25" }),
12
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "BlobMouse__a", width: "19", height: "26", x: "15", y: "30", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M23.048 31.266c.46-1.36 2.383-1.36 2.842 0l7.544 22.316a1.5 1.5 0 0 1-1.421 1.98H16.926a1.5 1.5 0 0 1-1.421-1.98z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#BlobMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#BlobMouse__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "35.836", height: "48.69", x: "8.976", y: "10.316", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#BlobMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BlobMouse__d)", d: "M26.066 20.205c.491-1.326 2.377-1.298 2.828.043l10.948 32.505a1.5 1.5 0 0 1-1.421 1.979H15.43a1.5 1.5 0 0 1-1.407-2.021z" })))),
13
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "BlobMouse__e", width: "26", height: "28", x: "21", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M32.962 22.67c.542-1.145 2.17-1.145 2.712 0L46.79 46.163a1.5 1.5 0 0 1-1.356 2.142H23.201a1.5 1.5 0 0 1-1.356-2.142z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#BlobMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#BlobMouse__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "49.45", height: "48.69", x: "13.344", y: "3.059", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#BlobMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BlobMouse__h)", d: "M37.56 11.707c.57-1.113 2.17-1.083 2.697.05l15.609 33.585a1.5 1.5 0 0 1-1.36 2.132H21.728a1.5 1.5 0 0 1-1.336-2.183z" })))),
14
17
  /* @__PURE__ */ React.createElement("mask", { id: "BlobMouse__i", width: "31", height: "28", x: "29", y: "13", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M42.487 14.809c.77-1.334 2.694-1.334 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3H31.23c-1.54 0-2.502-1.667-1.733-3z" })),
package/dist/esm/Bounce.js CHANGED
@@ -9,8 +9,9 @@ const Bounce = (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(#Bounce__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Bounce__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "20.5", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2" })), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#Bounce__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "20.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Bounce__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Bounce__d)", d: "M72 50.5H11v-47h61z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Bounce__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "38", height: "24", x: "17", y: "26.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Bounce__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Bounce__g)", d: "M17 3.5h55v47H17z" }))), /* @__PURE__ */ React.createElement("path", { fill: "url(#Bounce__h)", d: "M36 61.5v-8h1v8z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.5 53.001a.5.5 0 0 1 .384.18l2.5 3-.768.64-2.116-2.54-2.116 2.54-.768-.64 2.5-3 .08-.076A.5.5 0 0 1 36.5 53" })),
13
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Bounce__d", x1: "19.651", x2: "56.293", y1: "46.281", y2: "-14.403", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { 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: "Bounce__g", x1: "64.2", x2: "25.914", y1: "7.719", y2: "64.889", 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: "Bounce__h", x1: "36.5", x2: "36.5", y1: "65.5", y2: "53.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".317", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".716", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Bounce__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Bounce__b" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "20.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Bounce__e" }, /* @__PURE__ */ React.createElement("rect", { width: "38", height: "24", x: "17", y: "26.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "Bounce__c", width: "71", height: "57", x: "6", y: "-1.5", 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_17512", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Bounce__f", width: "71", height: "63", x: "9", y: "-4.5", 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_17512", stdDeviation: "4" })))
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Bounce__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "20.5", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", rx: "2" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Bounce__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#Bounce__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "20.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Bounce__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Bounce__e)", d: "M72 50.5H11v-47h61z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Bounce__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "38", height: "24", x: "17", y: "26.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Bounce__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Bounce__h)", d: "M17 3.5h55v47H17z" }))), /* @__PURE__ */ React.createElement("path", { fill: "url(#Bounce__i)", d: "M36 61.5v-8h1v8z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.5 53.001a.5.5 0 0 1 .384.18l2.5 3-.768.64-2.116-2.54-2.116 2.54-.768-.64 2.5-3 .08-.076A.5.5 0 0 1 36.5 53" })),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "Bounce__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Bounce__c" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "20.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Bounce__f" }, /* @__PURE__ */ React.createElement("rect", { width: "38", height: "24", x: "17", y: "26.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Bounce__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Bounce__e", x1: "19.651", x2: "56.293", y1: "46.281", y2: "-14.403", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { 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: "Bounce__h", x1: "64.2", x2: "25.914", y1: "7.719", y2: "64.889", 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: "Bounce__i", x1: "36.5", x2: "36.5", y1: "65.5", y2: "53.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".317", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".716", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("filter", { id: "Bounce__d", width: "71", height: "57", x: "6", y: "-1.5", 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_17512", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Bounce__g", width: "71", height: "63", x: "9", y: "-4.5", 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_17512", stdDeviation: "4" })))
14
15
  );
15
16
  Bounce.displayName = "Bounce";
16
17
  export {
package/dist/esm/BounceAnimation.js CHANGED
@@ -9,8 +9,9 @@ const BounceAnimation = (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(#BounceAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "37", y: "12.856", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2", transform: "rotate(45 37 12.856)" })),
13
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "36.999", y: "21.857", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(45 36.999 21.857)" })),
12
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "37.001", y: "12.856", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", rx: "2", transform: "rotate(45 37.001 12.856)" }),
13
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "37", y: "21.857", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", rx: "2", transform: "rotate(45 37 21.857)" }),
14
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "37.001", y: "30.856", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", rx: "2", transform: "rotate(45 37.001 30.856)" }),
14
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#BounceAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "37", y: "12.856", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(45 37 12.856)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceAnimation__c)", d: "m55.385-5.528 32.527 32.527-32.527 32.527-32.527-32.527z" }))),
15
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#BounceAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "36.999", y: "21.857", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(45 36.999 21.857)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceAnimation__f)", d: "M55.384 3.473 87.91 36 55.384 68.527 22.857 36z" }))),
16
17
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "37", y: "30.857", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(45 37 30.857)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceAnimation__i)", d: "M55.385 12.473 87.912 45 55.385 77.527 22.858 45z" }))),
package/dist/esm/BounceEntrance.js CHANGED
@@ -9,9 +9,10 @@ const BounceEntrance = (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: "33.572", y: "12.859", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(45 33.572 12.86)" }),
13
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.571", y: "21.859", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(45 33.57 21.86)" }),
14
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.572", y: "30.859", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(45 33.572 30.86)" }),
12
15
  /* @__PURE__ */ React.createElement("path", { stroke: "url(#BounceEntrance__a)", d: "M52.572 58c0-3.314-1.344-6-3-6-1.657 0-3 2.686-3 6 0-2.21-.896-4-2-4s-2 1.79-2 4", strokeMiterlimit: "10" }),
13
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.572", y: "12.859", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2", transform: "rotate(45 33.572 12.86)" })),
14
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceEntrance__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.571", y: "21.859", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(45 33.57 21.86)" })),
15
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#BounceEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.572", y: "12.859", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(45 33.572 12.86)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceEntrance__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceEntrance__d)", d: "M1.045 8.617 33.572-23.91 66.098 8.617 33.572 41.144z" }))),
16
17
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#BounceEntrance__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.571", y: "21.859", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(45 33.57 21.86)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceEntrance__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceEntrance__g)", d: "M1.044 17.617 33.57-14.91l32.527 32.527L33.57 50.144z" }))),
17
18
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceEntrance__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.572", y: "30.859", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(45 33.572 30.86)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceEntrance__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceEntrance__j)", d: "M1.045 26.617 33.572-5.91l32.526 32.527-32.526 32.527z" }))),
package/dist/esm/BounceLoop.js CHANGED
@@ -9,9 +9,10 @@ const BounceLoop = (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: "17.206", y: "16", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
13
+ /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "23.206", y: "20", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
14
+ /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "27.206", y: "28.02", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
12
15
  /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceLoop__a)", d: "M19.794 49.52c1.12 0 1.999.895 2.568 2.034.218.435.402.927.548 1.462l.023-.048c.388-.777 1.017-1.449 1.86-1.449.845 0 1.474.672 1.862 1.449.404.807.639 1.886.639 3.051h-1c0-1.043-.213-1.963-.533-2.604-.336-.67-.706-.895-.967-.895-.26 0-.631.224-.967.895-.32.64-.533 1.56-.533 2.605h-1c0-1.596-.325-3.016-.826-4.019-.517-1.033-1.137-1.481-1.674-1.481s-1.158.448-1.674 1.481c-.501 1.003-.826 2.423-.826 4.019h-1c0-1.718.347-3.298.932-4.466.57-1.14 1.448-2.035 2.568-2.035" }),
13
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceLoop__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "17.206", y: "16", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "14" })),
14
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceLoop__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "23.206", y: "20", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "14" })),
15
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#BounceLoop__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "17.206", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceLoop__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceLoop__d)", d: "M38.481-7.513a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 20.846 4.966c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525C50.83-7.78 44.452-8.679 38.48-7.513" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceLoop__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceLoop__f)", d: "M38.481-7.513a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 20.846 4.966c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525C50.83-7.78 44.452-8.679 38.48-7.513" }))),
16
17
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#BounceLoop__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "23.206", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceLoop__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceLoop__i)", d: "M44.481-3.513a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 26.846 8.966c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453C78.89 22.612 74.814 6.705 62.473-.487 56.83-3.78 50.452-4.679 44.48-3.513" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceLoop__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceLoop__k)", d: "M44.481-3.513a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 26.846 8.966c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453C78.89 22.612 74.814 6.705 62.473-.487 56.83-3.78 50.452-4.679 44.48-3.513" }))),
17
18
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BounceLoop__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "27.206", y: "28.02", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceLoop__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceLoop__n)", d: "M48.481 4.506a27.4 27.4 0 0 0-4.093 1.148 26.25 26.25 0 0 0-13.542 11.332c-7.323 12.417-3.248 28.323 9.102 35.524s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.332-9.093-35.524C60.83 4.239 54.452 3.34 48.48 4.506" }))),