@wix/design-system-illustrations 1.24.0 → 2.0.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 (214) hide show
  1. package/dist/cjs/AI.js +52 -0
  2. package/dist/cjs/Aspect16_9.js +52 -0
  3. package/dist/cjs/Aspect1_1.js +52 -0
  4. package/dist/cjs/Aspect2_3.js +52 -0
  5. package/dist/cjs/Aspect3_2.js +52 -0
  6. package/dist/cjs/Aspect3_4.js +52 -0
  7. package/dist/cjs/Aspect4_3.js +52 -0
  8. package/dist/cjs/Aspect4_5.js +52 -0
  9. package/dist/cjs/Aspect5_4.js +52 -0
  10. package/dist/cjs/Aspect9_16.js +52 -0
  11. package/dist/cjs/Blur.js +52 -0
  12. package/dist/cjs/BlurAnimation.js +52 -0
  13. package/dist/cjs/Bounce.js +52 -0
  14. package/dist/cjs/BounceAnimation.js +56 -0
  15. package/dist/cjs/BreathAnimation.js +54 -0
  16. package/dist/cjs/CircleMarker.js +56 -0
  17. package/dist/cjs/ClockWipe.js +52 -0
  18. package/dist/cjs/ColorAnimation.js +52 -0
  19. package/dist/cjs/ColorTransition.js +52 -0
  20. package/dist/cjs/Cube.js +56 -0
  21. package/dist/cjs/Drop.js +54 -0
  22. package/dist/cjs/ExpandAnimation.js +62 -0
  23. package/dist/cjs/Fade.js +52 -0
  24. package/dist/cjs/FadeAnimation.js +53 -0
  25. package/dist/cjs/FlashAnimation.js +56 -0
  26. package/dist/cjs/Flip.js +55 -0
  27. package/dist/cjs/FlipAnimation.js +56 -0
  28. package/dist/cjs/FloatingCardsAnimation.js +56 -0
  29. package/dist/cjs/Fold.js +52 -0
  30. package/dist/cjs/FoldAnimation.js +56 -0
  31. package/dist/cjs/Freeform.js +51 -0
  32. package/dist/cjs/Iris.js +52 -0
  33. package/dist/cjs/Lines.js +52 -0
  34. package/dist/cjs/Marker.js +58 -0
  35. package/dist/cjs/Marquee.js +52 -0
  36. package/dist/cjs/Original.js +51 -0
  37. package/dist/cjs/Reveal.js +57 -0
  38. package/dist/cjs/RevealAnimation.js +55 -0
  39. package/dist/cjs/Roll.js +53 -0
  40. package/dist/cjs/Shuffle.js +55 -0
  41. package/dist/cjs/ShuttersAnimation.js +55 -0
  42. package/dist/cjs/Slide.js +54 -0
  43. package/dist/cjs/SlideAnimation.js +55 -0
  44. package/dist/cjs/SnakeTrailAnimation.js +52 -0
  45. package/dist/cjs/SpinAnimation.js +53 -0
  46. package/dist/cjs/Stagger.js +54 -0
  47. package/dist/cjs/Swap.js +52 -0
  48. package/dist/cjs/TextEntrance.js +54 -0
  49. package/dist/cjs/TextPath.js +54 -0
  50. package/dist/cjs/TiltAnimation.js +52 -0
  51. package/dist/cjs/TypeWriter.js +55 -0
  52. package/dist/cjs/Underline.js +55 -0
  53. package/dist/cjs/index.js +181 -0
  54. package/dist/esm/AI.js +18 -0
  55. package/dist/esm/Aspect16_9.js +18 -0
  56. package/dist/esm/Aspect1_1.js +18 -0
  57. package/dist/esm/Aspect2_3.js +18 -0
  58. package/dist/esm/Aspect3_2.js +18 -0
  59. package/dist/esm/Aspect3_4.js +18 -0
  60. package/dist/esm/Aspect4_3.js +18 -0
  61. package/dist/esm/Aspect4_5.js +18 -0
  62. package/dist/esm/Aspect5_4.js +18 -0
  63. package/dist/esm/Aspect9_16.js +18 -0
  64. package/dist/esm/Blur.js +18 -0
  65. package/dist/esm/BlurAnimation.js +18 -0
  66. package/dist/esm/Bounce.js +18 -0
  67. package/dist/esm/BounceAnimation.js +22 -0
  68. package/dist/esm/BreathAnimation.js +20 -0
  69. package/dist/esm/CircleMarker.js +22 -0
  70. package/dist/esm/ClockWipe.js +18 -0
  71. package/dist/esm/ColorAnimation.js +18 -0
  72. package/dist/esm/ColorTransition.js +18 -0
  73. package/dist/esm/Cube.js +22 -0
  74. package/dist/esm/Drop.js +20 -0
  75. package/dist/esm/ExpandAnimation.js +28 -0
  76. package/dist/esm/Fade.js +18 -0
  77. package/dist/esm/FadeAnimation.js +19 -0
  78. package/dist/esm/FlashAnimation.js +22 -0
  79. package/dist/esm/Flip.js +21 -0
  80. package/dist/esm/FlipAnimation.js +22 -0
  81. package/dist/esm/FloatingCardsAnimation.js +22 -0
  82. package/dist/esm/Fold.js +18 -0
  83. package/dist/esm/FoldAnimation.js +22 -0
  84. package/dist/esm/Freeform.js +17 -0
  85. package/dist/esm/Iris.js +18 -0
  86. package/dist/esm/Lines.js +18 -0
  87. package/dist/esm/Marker.js +24 -0
  88. package/dist/esm/Marquee.js +18 -0
  89. package/dist/esm/Original.js +17 -0
  90. package/dist/esm/Reveal.js +23 -0
  91. package/dist/esm/RevealAnimation.js +21 -0
  92. package/dist/esm/Roll.js +19 -0
  93. package/dist/esm/Shuffle.js +21 -0
  94. package/dist/esm/ShuttersAnimation.js +21 -0
  95. package/dist/esm/Slide.js +20 -0
  96. package/dist/esm/SlideAnimation.js +21 -0
  97. package/dist/esm/SnakeTrailAnimation.js +18 -0
  98. package/dist/esm/SpinAnimation.js +19 -0
  99. package/dist/esm/Stagger.js +20 -0
  100. package/dist/esm/Swap.js +18 -0
  101. package/dist/esm/TextEntrance.js +20 -0
  102. package/dist/esm/TextPath.js +20 -0
  103. package/dist/esm/TiltAnimation.js +18 -0
  104. package/dist/esm/TypeWriter.js +21 -0
  105. package/dist/esm/Underline.js +21 -0
  106. package/dist/esm/index.js +106 -0
  107. package/dist/types/AI.d.ts +5 -0
  108. package/dist/types/Aspect16_9.d.ts +5 -0
  109. package/dist/types/Aspect1_1.d.ts +5 -0
  110. package/dist/types/Aspect2_3.d.ts +5 -0
  111. package/dist/types/Aspect3_2.d.ts +5 -0
  112. package/dist/types/Aspect3_4.d.ts +5 -0
  113. package/dist/types/Aspect4_3.d.ts +5 -0
  114. package/dist/types/Aspect4_5.d.ts +5 -0
  115. package/dist/types/Aspect5_4.d.ts +5 -0
  116. package/dist/types/Aspect9_16.d.ts +5 -0
  117. package/dist/types/Blur.d.ts +5 -0
  118. package/dist/types/BlurAnimation.d.ts +5 -0
  119. package/dist/types/Bounce.d.ts +5 -0
  120. package/dist/types/BounceAnimation.d.ts +5 -0
  121. package/dist/types/BreathAnimation.d.ts +5 -0
  122. package/dist/types/CircleMarker.d.ts +5 -0
  123. package/dist/types/ClockWipe.d.ts +5 -0
  124. package/dist/types/ColorAnimation.d.ts +5 -0
  125. package/dist/types/ColorTransition.d.ts +5 -0
  126. package/dist/types/Cube.d.ts +5 -0
  127. package/dist/types/Drop.d.ts +5 -0
  128. package/dist/types/ExpandAnimation.d.ts +5 -0
  129. package/dist/types/Fade.d.ts +5 -0
  130. package/dist/types/FadeAnimation.d.ts +5 -0
  131. package/dist/types/FlashAnimation.d.ts +5 -0
  132. package/dist/types/Flip.d.ts +5 -0
  133. package/dist/types/FlipAnimation.d.ts +5 -0
  134. package/dist/types/FloatingCardsAnimation.d.ts +5 -0
  135. package/dist/types/Fold.d.ts +5 -0
  136. package/dist/types/FoldAnimation.d.ts +5 -0
  137. package/dist/types/Freeform.d.ts +5 -0
  138. package/dist/types/Iris.d.ts +5 -0
  139. package/dist/types/Lines.d.ts +5 -0
  140. package/dist/types/Marker.d.ts +5 -0
  141. package/dist/types/Marquee.d.ts +5 -0
  142. package/dist/types/Original.d.ts +5 -0
  143. package/dist/types/Reveal.d.ts +5 -0
  144. package/dist/types/RevealAnimation.d.ts +5 -0
  145. package/dist/types/Roll.d.ts +5 -0
  146. package/dist/types/Shuffle.d.ts +5 -0
  147. package/dist/types/ShuttersAnimation.d.ts +5 -0
  148. package/dist/types/Slide.d.ts +5 -0
  149. package/dist/types/SlideAnimation.d.ts +5 -0
  150. package/dist/types/SnakeTrailAnimation.d.ts +5 -0
  151. package/dist/types/SpinAnimation.d.ts +5 -0
  152. package/dist/types/Stagger.d.ts +5 -0
  153. package/dist/types/Swap.d.ts +5 -0
  154. package/dist/types/TextEntrance.d.ts +5 -0
  155. package/dist/types/TextPath.d.ts +5 -0
  156. package/dist/types/TiltAnimation.d.ts +5 -0
  157. package/dist/types/TypeWriter.d.ts +5 -0
  158. package/dist/types/Underline.d.ts +5 -0
  159. package/dist/types/index.d.ts +52 -0
  160. package/package.json +7 -4
  161. package/src/AI.svg +10 -0
  162. package/src/Aspect16_9.svg +23 -0
  163. package/src/Aspect1_1.svg +23 -0
  164. package/src/Aspect2_3.svg +23 -0
  165. package/src/Aspect3_2.svg +23 -0
  166. package/src/Aspect3_4.svg +23 -0
  167. package/src/Aspect4_3.svg +23 -0
  168. package/src/Aspect4_5.svg +23 -0
  169. package/src/Aspect5_4.svg +23 -0
  170. package/src/Aspect9_16.svg +23 -0
  171. package/src/Blur.svg +35 -0
  172. package/src/BlurAnimation.svg +30 -0
  173. package/src/Bounce.svg +54 -0
  174. package/src/BounceAnimation.svg +66 -0
  175. package/src/BreathAnimation.svg +65 -0
  176. package/src/CircleMarker.svg +27 -0
  177. package/src/ClockWipe.svg +108 -0
  178. package/src/ColorAnimation.svg +12 -0
  179. package/src/ColorTransition.svg +31 -0
  180. package/src/Cube.svg +60 -0
  181. package/src/Drop.svg +55 -0
  182. package/src/ExpandAnimation.svg +89 -0
  183. package/src/Fade.svg +23 -0
  184. package/src/FadeAnimation.svg +32 -0
  185. package/src/FlashAnimation.svg +51 -0
  186. package/src/Flip.svg +55 -0
  187. package/src/FlipAnimation.svg +71 -0
  188. package/src/FloatingCardsAnimation.svg +35 -0
  189. package/src/Fold.svg +111 -0
  190. package/src/FoldAnimation.svg +71 -0
  191. package/src/Freeform.svg +3 -0
  192. package/src/Iris.svg +93 -0
  193. package/src/Lines.svg +24 -0
  194. package/src/Marker.svg +58 -0
  195. package/src/Marquee.svg +38 -0
  196. package/src/Original.svg +3 -0
  197. package/src/Reveal.svg +61 -0
  198. package/src/RevealAnimation.svg +60 -0
  199. package/src/Roll.svg +36 -0
  200. package/src/Shuffle.svg +46 -0
  201. package/src/ShuttersAnimation.svg +52 -0
  202. package/src/Slide.svg +53 -0
  203. package/src/SlideAnimation.svg +66 -0
  204. package/src/SnakeTrailAnimation.svg +256 -0
  205. package/src/SpinAnimation.svg +44 -0
  206. package/src/Stagger.svg +27 -0
  207. package/src/Swap.svg +71 -0
  208. package/src/TextEntrance.svg +22 -0
  209. package/src/TextPath.svg +25 -0
  210. package/src/TiltAnimation.svg +70 -0
  211. package/src/TypeWriter.svg +57 -0
  212. package/src/Underline.svg +32 -0
  213. package/dist/index.d.ts +0 -0
  214. package/dist/index.js +0 -0
package/dist/esm/Aspect2_3.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const Aspect2_3 = (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(#Aspect2_3__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M24 20.717c0-1.5 1.216-2.717 2.717-2.717h18.566c1.5 0 2.717 1.216 2.717 2.717v30.566c0 1.5-1.216 2.717-2.717 2.717H26.717A2.717 2.717 0 0 1 24 51.283z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect2_3__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect2_3__c)", d: "M24-3h53v57H24z" }))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Aspect2_3__c", x1: "69.483", x2: "19.994", y1: "2.116", y2: "60.835", 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: "Aspect2_3__a" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "36", x: "24", y: "18", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "Aspect2_3__b", width: "63", height: "67", x: "19", y: "-8", 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_102_1902", stdDeviation: "2.5" })))
14
+ );
15
+ Aspect2_3.displayName = "Aspect2_3";
16
+ export {
17
+ Aspect2_3
18
+ };
package/dist/esm/Aspect3_2.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const Aspect3_2 = (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(#Aspect3_2__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M18 26.717c0-1.5 1.216-2.717 2.717-2.717h30.566c1.5 0 2.717 1.216 2.717 2.717v18.566c0 1.5-1.216 2.717-2.717 2.717H20.717A2.717 2.717 0 0 1 18 45.283z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect3_2__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect3_2__c)", d: "M18-3h59v51H18z" }))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Aspect3_2__c", x1: "68.632", x2: "26.909", y1: "1.578", y2: "63.171", 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: "Aspect3_2__a" }, /* @__PURE__ */ React.createElement("rect", { width: "36", height: "24", x: "18", y: "24", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "Aspect3_2__b", width: "69", height: "61", x: "13", y: "-8", 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_102_1896", stdDeviation: "2.5" })))
14
+ );
15
+ Aspect3_2.displayName = "Aspect3_2";
16
+ export {
17
+ Aspect3_2
18
+ };
package/dist/esm/Aspect3_4.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const Aspect3_4 = (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(#Aspect3_4__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M24 22.717c0-1.5 1.216-2.717 2.717-2.717h18.566c1.5 0 2.717 1.216 2.717 2.717v26.566c0 1.5-1.216 2.717-2.717 2.717H26.717A2.717 2.717 0 0 1 24 49.283z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect3_4__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect3_4__c)", d: "M24-3h53v55H24z" }))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Aspect3_4__c", x1: "69.483", x2: "22.048", y1: "1.937", y2: "60.265", 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: "Aspect3_4__a" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "32", x: "24", y: "20", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "Aspect3_4__b", width: "63", height: "65", x: "19", y: "-8", 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_102_1890", stdDeviation: "2.5" })))
14
+ );
15
+ Aspect3_4.displayName = "Aspect3_4";
16
+ export {
17
+ Aspect3_4
18
+ };
package/dist/esm/Aspect4_3.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const Aspect4_3 = (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(#Aspect4_3__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M20 26.717c0-1.5 1.216-2.717 2.717-2.717h26.566c1.5 0 2.717 1.216 2.717 2.717v18.566c0 1.5-1.216 2.717-2.717 2.717H22.717A2.717 2.717 0 0 1 20 45.283z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect4_3__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect4_3__c)", d: "M20-3h57v51H20z" }))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Aspect4_3__c", x1: "68.916", x2: "26.677", y1: "1.578", y2: "61.818", 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: "Aspect4_3__a" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "24", x: "20", y: "24", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "Aspect4_3__b", width: "67", height: "61", x: "15", y: "-8", 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_102_1884", stdDeviation: "2.5" })))
14
+ );
15
+ Aspect4_3.displayName = "Aspect4_3";
16
+ export {
17
+ Aspect4_3
18
+ };
package/dist/esm/Aspect4_5.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const Aspect4_5 = (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(#Aspect4_5__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M24 23.717c0-1.5 1.216-2.717 2.717-2.717h18.566c1.5 0 2.717 1.216 2.717 2.717v24.566c0 1.5-1.216 2.717-2.717 2.717H26.717A2.717 2.717 0 0 1 24 48.283z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect4_5__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect4_5__c)", d: "M24-3h53v54H24z" }))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Aspect4_5__c", x1: "69.483", x2: "23.092", y1: "1.847", y2: "59.948", 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: "Aspect4_5__a" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "30", x: "24", y: "21", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "Aspect4_5__b", width: "63", height: "64", x: "19", y: "-8", 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_102_1878", stdDeviation: "2.5" })))
14
+ );
15
+ Aspect4_5.displayName = "Aspect4_5";
16
+ export {
17
+ Aspect4_5
18
+ };
package/dist/esm/Aspect5_4.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const Aspect5_4 = (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(#Aspect5_4__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "24", x: "16", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect5_4__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect5_4__c)", d: "M16-3h51v48H16z" }))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Aspect5_4__c", x1: "59.767", x2: "19.367", y1: "1.308", y2: "56.082", 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: "Aspect5_4__a" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "24", x: "16", y: "21", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "Aspect5_4__b", width: "61", height: "58", x: "11", y: "-8", 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_102_1873", stdDeviation: "2.5" })))
14
+ );
15
+ Aspect5_4.displayName = "Aspect5_4";
16
+ export {
17
+ Aspect5_4
18
+ };
package/dist/esm/Aspect9_16.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const Aspect9_16 = (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(#Aspect9_16__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M24 17.717c0-1.5 1.216-2.717 2.717-2.717h18.566c1.5 0 2.717 1.216 2.717 2.717v37.566c0 1.5-1.216 2.717-2.717 2.717H26.717A2.717 2.717 0 0 1 24 55.283z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect9_16__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect9_16__c)", d: "M24-3h53v61H24z" }))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Aspect9_16__c", x1: "69.483", x2: "16.03", y1: "2.475", y2: "61.739", 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: "Aspect9_16__a" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "43", x: "24", y: "15", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "Aspect9_16__b", width: "63", height: "71", x: "19", y: "-8", 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_102_1728", stdDeviation: "2.5" })))
14
+ );
15
+ Aspect9_16.displayName = "Aspect9_16";
16
+ export {
17
+ Aspect9_16
18
+ };
package/dist/esm/Blur.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const Blur = (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", { filter: "url(#Blur__b)", clipPath: "url(#Blur__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Blur__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Blur__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Blur__e)", d: "M11 .5h61v51H11z" })))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "Blur__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Blur__c" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "Blur__b", width: "58", height: "38", x: "7", y: "17.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_74_1171", stdDeviation: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "Blur__d", width: "81", height: "71", x: "1", y: "-9.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_74_1171", stdDeviation: "5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Blur__e", x1: "63.349", x2: "22.157", y1: "5.078", y2: "67.946", 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)" })))
14
+ );
15
+ Blur.displayName = "Blur";
16
+ export {
17
+ Blur
18
+ };
package/dist/esm/BlurAnimation.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const BlurAnimation = (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", { filter: "url(#BlurAnimation__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BlurAnimation__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BlurAnimation__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BlurAnimation__d)", d: "M3.473 17.615 36-14.912l32.527 32.527L36 50.142z" })))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "BlurAnimation__a", width: "34.284", height: "34.285", x: "18.857", y: "18.857", 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_102_1546", stdDeviation: "1.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BlurAnimation__c", width: "75.054", height: "75.055", x: "-1.527", y: "-19.912", 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_102_1546", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BlurAnimation__d", x1: "34.306", x2: "41.987", y1: "-7.379", y2: "55.95", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BlurAnimation__b" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 36)" })))
14
+ );
15
+ BlurAnimation.displayName = "BlurAnimation";
16
+ export {
17
+ BlurAnimation
18
+ };
package/dist/esm/Bounce.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const Bounce = (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(#Bounce__a)" }, /* @__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, #002297)", 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, #002297)" })), /* @__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_74_1183", 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_74_1183", stdDeviation: "4" })))
14
+ );
15
+ Bounce.displayName = "Bounce";
16
+ export {
17
+ Bounce
18
+ };
package/dist/esm/BounceAnimation.js ADDED
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ const BounceAnimation = (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", { 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" }))),
13
+ /* @__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" }))),
14
+ /* @__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" }))),
15
+ /* @__PURE__ */ React.createElement("g", { "data-figma-skip-parse": "true", clipPath: "url(#BounceAnimation__j)" }, /* @__PURE__ */ React.createElement("foreignObject", { width: "1777.78", height: "1777.78", x: "-888.889", y: "-888.889", transform: "translate(52.5 58)scale(.009)" }, /* @__PURE__ */ React.createElement("div", { style: { "background": "conic-gradient(from 90deg,#f8f6f6 0deg,#002297 56.8553deg,#002297 231.923deg,#f8f6f6 360deg)", "height": "100%", "width": "100%", "opacity": "1" } }))),
16
+ /* @__PURE__ */ React.createElement("path", { d: "M49 51.5c1.12 0 1.999.895 2.568 2.034.218.435.402.927.548 1.462l.023-.048c.388-.777 1.017-1.448 1.861-1.448s1.473.671 1.861 1.448c.404.807.639 1.887.639 3.052h-1c0-1.044-.213-1.964-.533-2.605-.336-.67-.706-.895-.967-.895-.26 0-.631.225-.967.895-.32.641-.533 1.561-.533 2.605h-1c0-1.596-.325-3.016-.826-4.019C50.157 52.95 49.537 52.5 49 52.5s-1.157.449-1.674 1.481c-.501 1.003-.826 2.423-.826 4.019h-1c0-1.718.347-3.297.932-4.466.57-1.139 1.448-2.034 2.568-2.034", "data-figma-gradient-fill": '{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.97254902124404907,"g":0.96470588445663452,"b":0.96470588445663452,"a":1.0},"position":0.0},{"color":{"r":0.0,"g":0.13333334028720856,"b":0.59215688705444336,"a":1.0},"position":0.15793146193027496},{"color":{"r":0.0,"g":0.13333334028720856,"b":0.59215688705444336,"a":1.0},"position":0.64423078298568726}],"stopsVar":[{"color":{"r":0.97254902124404907,"g":0.96470588445663452,"b":0.96470588445663452,"a":1.0},"position":0.0},{"color":{"r":0.0,"g":0.13333334028720856,"b":0.59215688705444336,"a":1.0},"position":0.15793146193027496},{"color":{"r":0.0,"g":0.13333334028720856,"b":0.59215688705444336,"a":1.0},"position":0.64423078298568726}],"transform":{"m00":17.999998092651367,"m01":3.8191661587916315e-05,"m02":43.499980926513672,"m10":-3.8191665225895122e-05,"m11":17.999998092651367,"m12":49.000019073486328},"opacity":1.0,"blendMode":"NORMAL","visible":true}' }),
17
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "BounceAnimation__j" }, /* @__PURE__ */ React.createElement("path", { d: "M49 51.5c1.12 0 1.999.895 2.568 2.034.218.435.402.927.548 1.462l.023-.048c.388-.777 1.017-1.448 1.861-1.448s1.473.671 1.861 1.448c.404.807.639 1.887.639 3.052h-1c0-1.044-.213-1.964-.533-2.605-.336-.67-.706-.895-.967-.895-.26 0-.631.225-.967.895-.32.641-.533 1.561-.533 2.605h-1c0-1.596-.325-3.016-.826-4.019C50.157 52.95 49.537 52.5 49 52.5s-1.157.449-1.674 1.481c-.501 1.003-.826 2.423-.826 4.019h-1c0-1.718.347-3.297.932-4.466.57-1.139 1.448-2.034 2.568-2.034" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BounceAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "37", y: "12.856", fill: "#fff", rx: "2", transform: "rotate(45 37 12.856)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BounceAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "36.999", y: "21.857", fill: "#fff", rx: "2", transform: "rotate(45 36.999 21.857)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BounceAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "37", y: "30.857", fill: "#fff", rx: "2", transform: "rotate(45 37 30.857)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BounceAnimation__c", x1: "80.379", x2: "17.05", y1: "25.305", y2: "32.986", 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: "BounceAnimation__f", x1: "80.378", x2: "17.049", y1: "34.306", y2: "41.987", 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: "BounceAnimation__i", x1: "80.379", x2: "17.05", y1: "43.306", y2: "50.987", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceAnimation__b", width: "75.054", height: "75.054", x: "17.858", y: "-10.528", 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_102_1612", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceAnimation__e", width: "75.054", height: "75.054", x: "17.857", y: "-1.527", 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_102_1612", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BounceAnimation__h", width: "75.054", height: "75.054", x: "17.858", y: "7.473", 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_102_1612", stdDeviation: "2.5" })))
18
+ );
19
+ BounceAnimation.displayName = "BounceAnimation";
20
+ export {
21
+ BounceAnimation
22
+ };
package/dist/esm/BreathAnimation.js ADDED
@@ -0,0 +1,20 @@
1
+ import React from "react";
2
+ const BreathAnimation = (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", { opacity: ".25", clipPath: "url(#BreathAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "56", height: "56", x: "8", y: "8", fill: "var(--wds-illustration-color-1, #002291)", rx: "28" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BreathAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BreathAnimation__c)", d: "M45.231-26.148a48 48 0 0 0-7.162 2.01 45.94 45.94 0 0 0-23.7 19.829C1.554 17.42 8.686 45.257 30.3 57.859 51.91 70.46 79.815 63.046 92.63 41.316c12.815-21.746 5.684-49.582-15.914-62.168-9.872-5.764-21.036-7.337-31.485-5.296" }))),
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#BreathAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "22" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BreathAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BreathAnimation__f)", d: "M43.253-12.83c-1.908.379-3.792.905-5.628 1.578a36.1 36.1 0 0 0-18.62 15.58C8.934 21.402 14.538 43.273 31.52 53.175c16.982 9.901 38.906 4.075 48.975-12.998C90.565 23.09 84.961 1.22 67.991-8.67c-7.756-4.528-16.528-5.764-24.738-4.16" }))),
14
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BreathAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "16" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BreathAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BreathAnimation__i)", d: "M41.275.487a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 23.64 12.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.525C53.625.22 47.245-.679 41.275.487" }))),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BreathAnimation__c", x1: "86.094", x2: "8.252", y1: "-18.832", y2: "80.499", 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: "BreathAnimation__f", x1: "75.359", x2: "14.198", y1: "-7.082", y2: "70.963", 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: "BreathAnimation__i", x1: "64.625", x2: "20.144", y1: "4.668", y2: "61.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BreathAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "56", height: "56", x: "8", y: "8", fill: "#fff", rx: "28" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BreathAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "22" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BreathAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "#fff", rx: "16" })), /* @__PURE__ */ React.createElement("filter", { id: "BreathAnimation__b", width: "108.5", height: "108.5", x: "-.75", y: "-35.75", 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_102_993", stdDeviation: "4.375" })), /* @__PURE__ */ React.createElement("filter", { id: "BreathAnimation__e", width: "85.25", height: "85.25", x: "7.125", y: "-20.375", 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_102_993", stdDeviation: "3.438" })), /* @__PURE__ */ React.createElement("filter", { id: "BreathAnimation__h", width: "62", height: "62", x: "15", y: "-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_102_993", stdDeviation: "2.5" })))
16
+ );
17
+ BreathAnimation.displayName = "BreathAnimation";
18
+ export {
19
+ BreathAnimation
20
+ };
package/dist/esm/CircleMarker.js ADDED
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ const CircleMarker = (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", { "data-figma-skip-parse": "true", clipPath: "url(#CircleMarker__a)" }, /* @__PURE__ */ React.createElement("foreignObject", { width: "2516.46", height: "2516.46", x: "-1258.23", y: "-1258.23", transform: "matrix(-.00161 -.01758 .04816 -.00648 37.038 36.069)" }, /* @__PURE__ */ React.createElement("div", { style: { "background": "conic-gradient(from 90deg,#002297 0deg,#f8f6f6 7.2deg,#002297 104.4deg,#002297 360deg)", "height": "100%", "width": "100%", "opacity": "1" } }))),
13
+ /* @__PURE__ */ React.createElement("path", { d: "M7.5 36.5c0-4.81 3.364-9.07 8.597-12.1 5.246-3.037 12.461-4.9 20.403-4.9v1c-7.798 0-14.834 1.831-19.902 4.766C11.516 28.208 8.5 32.197 8.5 36.5s3.016 8.292 8.098 11.234C21.666 50.67 28.702 52.5 36.5 52.5s14.834-1.831 19.902-4.766C61.484 44.792 64.5 40.803 64.5 36.5c0-3.852-2.415-7.451-6.573-10.278-4.153-2.824-9.984-4.829-16.637-5.488l.05-.497.049-.498c6.781.672 12.781 2.72 17.1 5.656 4.313 2.932 7.011 6.8 7.011 11.105 0 4.81-3.364 9.07-8.597 12.1-5.246 3.037-12.461 4.9-20.403 4.9s-15.157-1.863-20.403-4.9C10.863 45.57 7.5 41.31 7.5 36.5", "data-figma-gradient-fill": '{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.0,"g":0.13333334028720856,"b":0.59215688705444336,"a":1.0},"position":0.0},{"color":{"r":0.97254902124404907,"g":0.96470588445663452,"b":0.96470588445663452,"a":1.0},"position":0.019999999552965164},{"color":{"r":0.0,"g":0.13333334028720856,"b":0.59215688705444336,"a":1.0},"position":0.28999999165534973}],"stopsVar":[{"color":{"r":0.0,"g":0.13333334028720856,"b":0.59215688705444336,"a":1.0},"position":0.0},{"color":{"r":0.97254902124404907,"g":0.96470588445663452,"b":0.96470588445663452,"a":1.0},"position":0.019999999552965164},{"color":{"r":0.0,"g":0.13333334028720856,"b":0.59215688705444336,"a":1.0},"position":0.28999999165534973}],"transform":{"m00":-3.2264161109924316,"m01":96.324195861816406,"m02":-9.5111494064331055,"m10":-35.16442871093750,"m11":-12.960859298706055,"m12":60.131347656250},"opacity":1.0,"blendMode":"NORMAL","visible":true}' }),
14
+ /* @__PURE__ */ React.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" }),
15
+ /* @__PURE__ */ React.createElement("mask", { id: "CircleMarker__b", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 43.998h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 43.998H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84z" })),
16
+ /* @__PURE__ */ React.createElement("g", { filter: "url(#CircleMarker__c)", mask: "url(#CircleMarker__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#CircleMarker__d)", d: "M16-.001h56v44H16z" })),
17
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "CircleMarker__d", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "CircleMarker__a" }, /* @__PURE__ */ React.createElement("path", { d: "M7.5 36.5c0-4.81 3.364-9.07 8.597-12.1 5.246-3.037 12.461-4.9 20.403-4.9v1c-7.798 0-14.834 1.831-19.902 4.766C11.516 28.208 8.5 32.197 8.5 36.5s3.016 8.292 8.098 11.234C21.666 50.67 28.702 52.5 36.5 52.5s14.834-1.831 19.902-4.766C61.484 44.792 64.5 40.803 64.5 36.5c0-3.852-2.415-7.451-6.573-10.278-4.153-2.824-9.984-4.829-16.637-5.488l.05-.497.049-.498c6.781.672 12.781 2.72 17.1 5.656 4.313 2.932 7.011 6.8 7.011 11.105 0 4.81-3.364 9.07-8.597 12.1-5.246 3.037-12.461 4.9-20.403 4.9s-15.157-1.863-20.403-4.9C10.863 45.57 7.5 41.31 7.5 36.5" })), /* @__PURE__ */ React.createElement("filter", { id: "CircleMarker__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", 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_83_3650", stdDeviation: "4.2" })))
18
+ );
19
+ CircleMarker.displayName = "CircleMarker";
20
+ export {
21
+ CircleMarker
22
+ };
package/dist/esm/ClockWipe.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const ClockWipe = (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(#ClockWipe__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ClockWipe__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ClockWipe__d)", d: "M11 0h61v51H11z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".25", style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ React.createElement("mask", { id: "ClockWipe__e", width: "23", height: "29", x: "21", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M21.5 61.115a29 29 0 0 0 22.006 2.897L36 36z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ClockWipe__e)", clipPath: "url(#ClockWipe__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ClockWipe__h)", d: "M47.505-33.073a52 52 0 0 0-7.793 2.186A49.98 49.98 0 0 0 13.929-9.315C-.013 14.325 7.746 44.61 31.26 58.32s53.87 5.643 67.811-17.997c13.942-23.658 6.183-53.941-17.313-67.634-10.74-6.27-22.886-7.982-34.253-5.762" })))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ React.createElement("mask", { id: "ClockWipe__i", width: "29", height: "26", x: "7", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M7.988 43.506A29 29 0 0 0 21.5 61.115L36 36z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ClockWipe__i)", clipPath: "url(#ClockWipe__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ClockWipe__l)", d: "M47.505-33.073a52 52 0 0 0-7.793 2.186A49.98 49.98 0 0 0 13.929-9.315C-.013 14.325 7.746 44.61 31.26 58.32s53.87 5.643 67.811-17.997c13.942-23.658 6.183-53.941-17.313-67.634-10.74-6.27-22.886-7.982-34.253-5.762" })))), /* @__PURE__ */ React.createElement("g", { style: { "mixBlendMode": "multiply" } }, /* @__PURE__ */ React.createElement("mask", { id: "ClockWipe__m", width: "29", height: "29", x: "7", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M15.494 15.494a29 29 0 0 0-7.506 28.012L36 36z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ClockWipe__m)", clipPath: "url(#ClockWipe__n)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "var(--wds-illustration-color-1, #002291)", rx: "29" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ClockWipe__o)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ClockWipe__p)", d: "M47.505-33.073a52 52 0 0 0-7.793 2.186A49.98 49.98 0 0 0 13.929-9.315C-.013 14.325 7.746 44.61 31.26 58.32s53.87 5.643 67.811-17.997c13.942-23.658 6.183-53.941-17.313-67.634-10.74-6.27-22.886-7.982-34.253-5.762" }))))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__b" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__f" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "#fff", rx: "29" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__j" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "#fff", rx: "29" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ClockWipe__n" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "58", x: "7", y: "7", fill: "#fff", rx: "29" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ClockWipe__d", x1: "63.349", x2: "22.157", y1: "4.578", y2: "67.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ClockWipe__h", x1: "91.959", x2: "7.274", y1: "-25.114", y2: "82.949", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".15", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ClockWipe__l", x1: "91.959", x2: "7.274", y1: "-25.114", y2: "82.949", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".15", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ClockWipe__p", x1: "91.959", x2: "7.274", y1: "-25.114", y2: "82.949", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".15", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ClockWipe__c", width: "71", height: "61", x: "6", y: "-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_74_1060", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ClockWipe__g", width: "109", height: "109", x: "2", y: "-39", 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_74_1060", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ClockWipe__k", width: "109", height: "109", x: "2", y: "-39", 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_74_1060", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ClockWipe__o", width: "109", height: "109", x: "2", y: "-39", 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_74_1060", stdDeviation: "2.5" })))
14
+ );
15
+ ClockWipe.displayName = "ClockWipe";
16
+ export {
17
+ ClockWipe
18
+ };
package/dist/esm/ColorAnimation.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const ColorAnimation = (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(#ColorAnimation__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M41.33 20.93v30.14C47.54 48.87 52 42.96 52 36s-4.46-12.87-10.67-15.07" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-2, #7896ff)", d: "M36 20c-1.87 0-3.66.34-5.33.93v30.14c1.67.59 3.46.93 5.33.93s3.66-.34 5.33-.93V20.93C39.66 20.34 37.87 20 36 20" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30.67 51.07V20.93C24.46 23.13 20 29.04 20 36s4.46 12.87 10.67 15.07" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ColorAnimation__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M52 20v32H20V20z" })))
14
+ );
15
+ ColorAnimation.displayName = "ColorAnimation";
16
+ export {
17
+ ColorAnimation
18
+ };
package/dist/esm/ColorTransition.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const ColorTransition = (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", { filter: "url(#ColorTransition__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ColorTransition__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ColorTransition__c)", d: "M11 0h61v51H11z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M29 52V18h32v34z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-2, #7896ff)", d: "M18 51V21h11v30z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M11 51V21h7v30z" }))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ColorTransition__c", x1: "11", x2: "72", y1: "26", y2: "26", 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: "ColorTransition__b" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "ColorTransition__a", width: "54", height: "34", x: "11", y: "17", 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("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), /* @__PURE__ */ React.createElement("feOffset", { dx: "4", dy: "-4" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.5" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }), /* @__PURE__ */ React.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0.133333 0 0 0 0 0.580392 0 0 0 0.35 0" }), /* @__PURE__ */ React.createElement("feBlend", { in2: "shape", result: "effect1_innerShadow_79_1378" })))
14
+ );
15
+ ColorTransition.displayName = "ColorTransition";
16
+ export {
17
+ ColorTransition
18
+ };
package/dist/esm/Cube.js ADDED
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ const Cube = (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", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Cube__b", width: "25", height: "30", x: "11", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Cube__a)", d: "M11 28.883a1 1 0 0 1 .69-.95l23-7.506a1 1 0 0 1 1.31.951v27.244a1 1 0 0 1-1.31.95l-23-7.505a1 1 0 0 1-.69-.95z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Cube__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M4 17.63h40v37.896H4z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Cube__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Cube__d)", d: "M11 .578h61L72.536 62 11 42z" })))),
13
+ /* @__PURE__ */ React.createElement("mask", { id: "Cube__f", width: "26", height: "30", x: "36", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Cube__e)", d: "M61 28.884a1 1 0 0 0-.69-.951l-23-7.506a1 1 0 0 0-1.31.951v27.244a1 1 0 0 0 1.31.95l23-7.505a1 1 0 0 0 .69-.95z" })),
14
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#Cube__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M68 17.63H28v37.896h40z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Cube__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Cube__h)", d: "M36 .947h61l.536 43.132L36 50.395z" }))),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#Cube__i)", d: "M36 57.233c-3.352 0-6.182-1.031-8.167-2.056a19 19 0 0 1-2.32-1.413 14 14 0 0 1-.785-.606l-.043-.037q-.008-.006-.012-.01-.002-.002-.003-.003l-.001-.001.663-.748h.001l.008.007.035.03.143.119c.13.104.323.255.577.436.507.364 1.252.85 2.196 1.337 1.89.976 4.56 1.945 7.708 1.945 3.143 0 5.556-.966 7.183-1.93.813-.482 1.43-.964 1.84-1.322a9 9 0 0 0 .57-.544l.025-.028.006-.005.376.329.376.33h-.002q0 .002-.003.005l-.01.011-.036.04q-.045.049-.133.137a10 10 0 0 1-.511.478c-.45.392-1.115.91-1.989 1.428-1.748 1.037-4.335 2.07-7.692 2.07" }),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M46.394 52.425a.5.5 0 0 1 .091.429l-1 4-.97-.243.845-3.38H42v-.999h4l.113.013a.5.5 0 0 1 .281.18" }),
17
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Cube__a", x1: "32.267", x2: "10.752", y1: "22.251", y2: "49.378", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Cube__d", x1: "63.349", x2: "34.4", y1: "10.192", y2: "66.158", 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: "Cube__e", x1: "39.733", x2: "61.248", y1: "22.251", y2: "49.378", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Cube__h", x1: "88.349", x2: "59.4", y1: "12.561", y2: "68.527", 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: "Cube__i", x1: "25.5", x2: "45", y1: "53.732", y2: "53.732", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "Cube__c", width: "71.536", height: "71.422", x: "6", y: "-4.422", 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_74_1150", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Cube__g", width: "71.536", height: "59.447", x: "31", y: "-4.053", 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_74_1150", stdDeviation: "2.5" })))
18
+ );
19
+ Cube.displayName = "Cube";
20
+ export {
21
+ Cube
22
+ };
package/dist/esm/Drop.js ADDED
@@ -0,0 +1,20 @@
1
+ import React from "react";
2
+ const Drop = (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(#Drop__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#Drop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M11 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Drop__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Drop__d)", d: "M11 0h61v51H11z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Drop__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M11 13a2 2 0 0 1 2-2h48v28a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Drop__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Drop__g)", d: "M11-10h61v51H11z" })))),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#Drop__h)", d: "M66 22.999v25h-1v-25z" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M65.5 48.499a.5.5 0 0 1-.384-.18l-2.5-3 .768-.64 2.116 2.54 2.116-2.54.768.64-2.5 3-.08.076a.5.5 0 0 1-.304.104" }),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Drop__d", x1: "63.349", x2: "22.157", y1: "4.578", y2: "67.446", 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: "Drop__g", x1: "63.349", x2: "22.157", y1: "-5.422", y2: "57.446", 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: "Drop__h", x1: "65.5", x2: "65.5", y1: "23", y2: "48", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Drop__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Drop__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M11 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Drop__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M11 13a2 2 0 0 1 2-2h48v28a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("filter", { id: "Drop__c", width: "71", height: "61", x: "6", y: "-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_74_1248", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Drop__f", width: "71", height: "61", x: "6", y: "-15", 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_74_1248", stdDeviation: "2.5" })))
16
+ );
17
+ Drop.displayName = "Drop";
18
+ export {
19
+ Drop
20
+ };
package/dist/esm/ExpandAnimation.js ADDED
@@ -0,0 +1,28 @@
1
+ import React from "react";
2
+ const ExpandAnimation = (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", { opacity: ".5", clipPath: "url(#ExpandAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.858 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandAnimation__c)", d: "M3.473 17.615 36-14.912l32.527 32.527L36 50.142z" }))),
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ExpandAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.142", height: "14.142", x: "26", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandAnimation__f)", d: "M3.372 13.373 35.9-19.154l32.527 32.527L35.9 45.9z" }))),
14
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ExpandAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "8.486", height: "8.486", x: "29.999", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 30 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ExpandAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandAnimation__i)", d: "m3 8.999 32.527-32.527L68.054 9 35.527 41.526z" }))),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandAnimation__j)", d: "m43.414 28.414 6-6 .707.707-6 6z" }),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M50.121 22.415a.5.5 0 0 1 .145.398l-.354 3.89-.996-.09.3-3.293-3.292.3-.09-.996 3.889-.354.11.003a.5.5 0 0 1 .288.142" }),
17
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandAnimation__k)", d: "m28.12 28.414-6-6-.706.707 6 6z" }),
18
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M21.414 22.415a.5.5 0 0 0-.145.398l.354 3.89.996-.09-.3-3.293 3.293.3.09-.996-3.89-.354-.11.003a.5.5 0 0 0-.288.142" }),
19
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandAnimation__l)", d: "m28.122 44.121-6 6-.707-.707 6-6z" }),
20
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M21.415 50.12a.5.5 0 0 1-.144-.398l.353-3.889.996.09-.3 3.292 3.293-.3.09.996-3.89.354-.11-.002a.5.5 0 0 1-.288-.142" }),
21
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ExpandAnimation__m)", d: "m43.416 44.121 6 6 .707-.707-6-6z" }),
22
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M50.123 50.12a.5.5 0 0 0 .144-.398l-.354-3.889-.995.09.3 3.292-3.293-.3-.09.996 3.89.354.11-.002a.5.5 0 0 0 .288-.142" }),
23
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ExpandAnimation__c", x1: "34.306", x2: "41.987", y1: "-7.379", y2: "55.95", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ExpandAnimation__f", x1: "34.206", x2: "41.886", y1: "-11.621", y2: "51.707", 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: "ExpandAnimation__i", x1: "33.834", x2: "41.514", y1: "-15.995", y2: "47.333", 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: "ExpandAnimation__j", x1: "43.768", x2: "49.768", y1: "28.768", y2: "22.768", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ExpandAnimation__k", x1: "27.768", x2: "21.768", y1: "28.768", y2: "22.768", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ExpandAnimation__l", x1: "27.769", x2: "21.769", y1: "43.769", y2: "49.769", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ExpandAnimation__m", x1: "43.769", x2: "49.769", y1: "43.769", y2: "49.769", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ExpandAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 21.858 36)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ExpandAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "14.142", height: "14.142", x: "26", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 26 36)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ExpandAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "8.486", height: "8.486", x: "29.999", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 30 36)" })), /* @__PURE__ */ React.createElement("filter", { id: "ExpandAnimation__b", width: "75.054", height: "75.055", x: "-1.527", y: "-19.912", 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_102_5282", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ExpandAnimation__e", width: "75.054", height: "75.055", x: "-1.628", y: "-24.154", 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_102_5282", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ExpandAnimation__h", width: "75.054", height: "75.055", x: "-2", y: "-28.528", 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_102_5282", stdDeviation: "2.5" })))
24
+ );
25
+ ExpandAnimation.displayName = "ExpandAnimation";
26
+ export {
27
+ ExpandAnimation
28
+ };
package/dist/esm/Fade.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const Fade = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 50 30",
6
+ fill: "none",
7
+ width: 50,
8
+ height: 30,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Fade__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Fade__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fade__c)", d: "M0-21h61v51H0z" }))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Fade__c", x1: "52.349", x2: "11.157", y1: "-16.422", y2: "46.446", 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: "Fade__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "Fade__b", width: "71", height: "61", x: "-5", y: "-26", 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_74_1008", stdDeviation: "2.5" })))
14
+ );
15
+ Fade.displayName = "Fade";
16
+ export {
17
+ Fade
18
+ };