@wix/design-system-illustrations 2.12.0 → 2.14.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 (187) hide show
  1. package/dist/cjs/AppearClick.js +1 -0
  2. package/dist/cjs/AppearHover.js +1 -0
  3. package/dist/cjs/ArcEntrance.js +2 -0
  4. package/dist/cjs/Aspect3DSection.js +4 -0
  5. package/dist/cjs/Bounce.js +1 -1
  6. package/dist/cjs/BounceAnimation.js +2 -0
  7. package/dist/cjs/BounceEntrance.js +4 -3
  8. package/dist/cjs/BounceLoop.js +4 -3
  9. package/dist/cjs/BreathAnimation.js +2 -0
  10. package/dist/cjs/BreathLoop.js +2 -0
  11. package/dist/cjs/CircleMarker.js +3 -3
  12. package/dist/cjs/ClockWipe.js +1 -1
  13. package/dist/cjs/CrossLoop.js +2 -0
  14. package/dist/cjs/Cube.js +1 -0
  15. package/dist/cjs/CustomImage.js +1 -0
  16. package/dist/cjs/DonutChart.js +1 -1
  17. package/dist/cjs/Drop.js +1 -1
  18. package/dist/cjs/EmptyPage.js +1 -1
  19. package/dist/cjs/EmptyPageImage.js +1 -1
  20. package/dist/cjs/EventInfo.js +1 -0
  21. package/dist/cjs/ExpandAnimation.js +2 -0
  22. package/dist/cjs/ExpandClick.js +2 -0
  23. package/dist/cjs/ExpandHover.js +2 -0
  24. package/dist/cjs/ExpandScroll.js +5 -3
  25. package/dist/cjs/FadeBackSection.js +2 -0
  26. package/dist/cjs/FillParallaxScroll.js +2 -0
  27. package/dist/cjs/FillReveal.js +1 -0
  28. package/dist/cjs/FlapLoop.js +2 -0
  29. package/dist/cjs/Flip.js +1 -0
  30. package/dist/cjs/FlipAnimation.js +2 -0
  31. package/dist/cjs/FlipLoop.js +2 -0
  32. package/dist/cjs/FloatEntrance.js +2 -0
  33. package/dist/cjs/Fold.js +1 -1
  34. package/dist/cjs/FoldAnimation.js +2 -0
  35. package/dist/cjs/FreeformImage.js +1 -0
  36. package/dist/cjs/GlideEntrance.js +3 -0
  37. package/dist/cjs/GlitchAnimation.js +2 -0
  38. package/dist/cjs/GrowEntrance.js +2 -0
  39. package/dist/cjs/ImagePositionLeft.js +1 -0
  40. package/dist/cjs/ImagePositionRight.js +1 -0
  41. package/dist/cjs/Iris.js +1 -1
  42. package/dist/cjs/JelloLoop.js +3 -0
  43. package/dist/cjs/LayeredElipseDivider.js +1 -1
  44. package/dist/cjs/MoveClick.js +2 -0
  45. package/dist/cjs/MoveHorizontalHover.js +3 -0
  46. package/dist/cjs/OnImage.js +1 -0
  47. package/dist/cjs/PanSection.js +2 -0
  48. package/dist/cjs/ParallaxSection.js +2 -0
  49. package/dist/cjs/PieChart.js +1 -0
  50. package/dist/cjs/PokeLoop.js +2 -0
  51. package/dist/cjs/PullBackSection.js +2 -0
  52. package/dist/cjs/PulseLoop.js +2 -0
  53. package/dist/cjs/ResizeOptionsCrop.js +1 -0
  54. package/dist/cjs/ResizeOptionsFit.js +1 -1
  55. package/dist/cjs/Reveal.js +1 -0
  56. package/dist/cjs/RevealAnimation.js +1 -0
  57. package/dist/cjs/RevealSection.js +1 -0
  58. package/dist/cjs/RightWaveDivider.js +1 -1
  59. package/dist/cjs/RotateClick.js +2 -0
  60. package/dist/cjs/RotateHover.js +1 -0
  61. package/dist/cjs/RotateSection.js +1 -0
  62. package/dist/cjs/RubberMouse.js +4 -0
  63. package/dist/cjs/ScrollEffectsDisappear.js +1 -1
  64. package/dist/cjs/ScrollEffectsFadeOut.js +1 -1
  65. package/dist/cjs/ScrollEffectsMoveWithPage.js +1 -1
  66. package/dist/cjs/ScrollEffectsStayFixed.js +1 -1
  67. package/dist/cjs/ShapeEntrance.js +1 -0
  68. package/dist/cjs/Shrink.js +2 -0
  69. package/dist/cjs/ShrinkClick.js +2 -0
  70. package/dist/cjs/ShrinkHover.js +2 -0
  71. package/dist/cjs/ShrinkScroll.js +5 -3
  72. package/dist/cjs/Shuffle.js +1 -0
  73. package/dist/cjs/SkewClick.js +1 -0
  74. package/dist/cjs/SkewHover.js +1 -0
  75. package/dist/cjs/SkewSection.js +1 -0
  76. package/dist/cjs/SlideAnimation.js +2 -0
  77. package/dist/cjs/SpinAnimation.js +1 -0
  78. package/dist/cjs/Swap.js +1 -1
  79. package/dist/cjs/SwingLoop.js +2 -0
  80. package/dist/cjs/TiltAnimation.js +1 -1
  81. package/dist/cjs/TiltEntrance.js +2 -0
  82. package/dist/cjs/TurnEntrance.js +2 -0
  83. package/dist/cjs/TwistClick.js +2 -0
  84. package/dist/cjs/TwistHover.js +2 -0
  85. package/dist/cjs/TypeWriter.js +1 -0
  86. package/dist/cjs/WinkEntrance.js +1 -0
  87. package/dist/cjs/ZoomSection.js +2 -0
  88. package/dist/cjs/index.js +0 -3
  89. package/dist/esm/AppearClick.js +1 -0
  90. package/dist/esm/AppearHover.js +1 -0
  91. package/dist/esm/ArcEntrance.js +2 -0
  92. package/dist/esm/Aspect3DSection.js +4 -0
  93. package/dist/esm/Bounce.js +1 -1
  94. package/dist/esm/BounceAnimation.js +2 -0
  95. package/dist/esm/BounceEntrance.js +4 -3
  96. package/dist/esm/BounceLoop.js +4 -3
  97. package/dist/esm/BreathAnimation.js +2 -0
  98. package/dist/esm/BreathLoop.js +2 -0
  99. package/dist/esm/CircleMarker.js +3 -3
  100. package/dist/esm/ClockWipe.js +1 -1
  101. package/dist/esm/CrossLoop.js +2 -0
  102. package/dist/esm/Cube.js +1 -0
  103. package/dist/esm/CustomImage.js +1 -0
  104. package/dist/esm/DonutChart.js +1 -1
  105. package/dist/esm/Drop.js +1 -1
  106. package/dist/esm/EmptyPage.js +1 -1
  107. package/dist/esm/EmptyPageImage.js +1 -1
  108. package/dist/esm/EventInfo.js +1 -0
  109. package/dist/esm/ExpandAnimation.js +2 -0
  110. package/dist/esm/ExpandClick.js +2 -0
  111. package/dist/esm/ExpandHover.js +2 -0
  112. package/dist/esm/ExpandScroll.js +5 -3
  113. package/dist/esm/FadeBackSection.js +2 -0
  114. package/dist/esm/FillParallaxScroll.js +2 -0
  115. package/dist/esm/FillReveal.js +1 -0
  116. package/dist/esm/FlapLoop.js +2 -0
  117. package/dist/esm/Flip.js +1 -0
  118. package/dist/esm/FlipAnimation.js +2 -0
  119. package/dist/esm/FlipLoop.js +2 -0
  120. package/dist/esm/FloatEntrance.js +2 -0
  121. package/dist/esm/Fold.js +1 -1
  122. package/dist/esm/FoldAnimation.js +2 -0
  123. package/dist/esm/FreeformImage.js +1 -0
  124. package/dist/esm/GlideEntrance.js +3 -0
  125. package/dist/esm/GlitchAnimation.js +2 -0
  126. package/dist/esm/GrowEntrance.js +2 -0
  127. package/dist/esm/ImagePositionLeft.js +1 -0
  128. package/dist/esm/ImagePositionRight.js +1 -0
  129. package/dist/esm/Iris.js +1 -1
  130. package/dist/esm/JelloLoop.js +3 -0
  131. package/dist/esm/LayeredElipseDivider.js +1 -1
  132. package/dist/esm/MoveClick.js +2 -0
  133. package/dist/esm/MoveHorizontalHover.js +3 -0
  134. package/dist/esm/OnImage.js +1 -0
  135. package/dist/esm/PanSection.js +2 -0
  136. package/dist/esm/ParallaxSection.js +2 -0
  137. package/dist/esm/PieChart.js +1 -0
  138. package/dist/esm/PokeLoop.js +2 -0
  139. package/dist/esm/PullBackSection.js +2 -0
  140. package/dist/esm/PulseLoop.js +2 -0
  141. package/dist/esm/ResizeOptionsCrop.js +1 -0
  142. package/dist/esm/ResizeOptionsFit.js +1 -1
  143. package/dist/esm/Reveal.js +1 -0
  144. package/dist/esm/RevealAnimation.js +1 -0
  145. package/dist/esm/RevealSection.js +1 -0
  146. package/dist/esm/RightWaveDivider.js +1 -1
  147. package/dist/esm/RotateClick.js +2 -0
  148. package/dist/esm/RotateHover.js +1 -0
  149. package/dist/esm/RotateSection.js +1 -0
  150. package/dist/esm/RubberMouse.js +4 -0
  151. package/dist/esm/ScrollEffectsDisappear.js +1 -1
  152. package/dist/esm/ScrollEffectsFadeOut.js +1 -1
  153. package/dist/esm/ScrollEffectsMoveWithPage.js +1 -1
  154. package/dist/esm/ScrollEffectsStayFixed.js +1 -1
  155. package/dist/esm/ShapeEntrance.js +1 -0
  156. package/dist/esm/Shrink.js +2 -0
  157. package/dist/esm/ShrinkClick.js +2 -0
  158. package/dist/esm/ShrinkHover.js +2 -0
  159. package/dist/esm/ShrinkScroll.js +5 -3
  160. package/dist/esm/Shuffle.js +1 -0
  161. package/dist/esm/SkewClick.js +1 -0
  162. package/dist/esm/SkewHover.js +1 -0
  163. package/dist/esm/SkewSection.js +1 -0
  164. package/dist/esm/SlideAnimation.js +2 -0
  165. package/dist/esm/SpinAnimation.js +1 -0
  166. package/dist/esm/Swap.js +1 -1
  167. package/dist/esm/SwingLoop.js +2 -0
  168. package/dist/esm/TiltAnimation.js +1 -1
  169. package/dist/esm/TiltEntrance.js +2 -0
  170. package/dist/esm/TurnEntrance.js +2 -0
  171. package/dist/esm/TwistClick.js +2 -0
  172. package/dist/esm/TwistHover.js +2 -0
  173. package/dist/esm/TypeWriter.js +1 -0
  174. package/dist/esm/WinkEntrance.js +1 -0
  175. package/dist/esm/ZoomSection.js +2 -0
  176. package/dist/esm/index.js +0 -2
  177. package/dist/types/index.d.ts +0 -1
  178. package/package.json +3 -3
  179. package/src/BounceEntrance.svg +6 -2
  180. package/src/BounceLoop.svg +7 -2
  181. package/src/CircleMarker.svg +14 -8
  182. package/src/ExpandScroll.svg +3 -3
  183. package/src/ShrinkScroll.svg +3 -3
  184. package/dist/cjs/ThumbnailNameexample.js +0 -52
  185. package/dist/esm/ThumbnailNameexample.js +0 -18
  186. package/dist/types/ThumbnailNameexample.d.ts +0 -5
  187. package/src/ThumbnailNameexample.svg +0 -4
package/dist/cjs/ShapeEntrance.js CHANGED
@@ -43,6 +43,7 @@ const ShapeEntrance = (props) => /* @__PURE__ */ import_react.default.createElem
43
43
  ...props
44
44
  },
45
45
  /* @__PURE__ */ import_react.default.createElement("rect", { width: "21.92", height: "21.92", x: "20.5", y: "36", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 20.5 36)" }),
46
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ShapeEntrance__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "21.92", height: "21.92", x: "20.5", y: "36", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "2", transform: "rotate(-45 20.5 36)" })),
46
47
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#ShapeEntrance__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "21.92", height: "21.92", x: "20.5", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 20.5 36)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShapeEntrance__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShapeEntrance__c)", d: "m3.53 19.031 32.526-32.527 32.527 32.527-32.527 32.527z" }))),
47
48
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ShapeEntrance__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "14.119", height: "14.119", x: "28.941", y: "28.941", fill: "var(--wds-illustration-color-1, #002291)", rx: "7.059" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShapeEntrance__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShapeEntrance__f)", d: "m3.96 13.746 31.873-31.873 31.873 31.873L35.833 45.62z" }))),
48
49
  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ShapeEntrance__c", x1: "34.363", x2: "42.044", y1: "-5.963", y2: "57.365", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ShapeEntrance__f", x1: "34.174", x2: "41.7", y1: "-10.746", y2: "51.31", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ShapeEntrance__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "21.92", height: "21.92", x: "20.5", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 20.5 36)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ShapeEntrance__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "14.119", height: "14.119", x: "28.941", y: "28.941", fill: "#fff", rx: "7.059" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ShapeEntrance__b", width: "75.054", height: "75.055", x: "-1.471", y: "-18.496", 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_19430", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ShapeEntrance__e", width: "72.796", height: "72.793", x: "-.565", y: "-22.65", 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_19430", stdDeviation: "2.263" })))
package/dist/cjs/Shrink.js CHANGED
@@ -50,6 +50,8 @@ const Shrink = (props) => /* @__PURE__ */ import_react.default.createElement(
50
50
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.086 45.031a.5.5 0 0 1 .144.399l-.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" }),
51
51
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Shrink__d)", d: "m51.622 51.031-6-6-.707.707 6 6z" }),
52
52
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M44.915 45.031a.5.5 0 0 0-.144.399l.353 3.889.996-.09-.3-3.292 3.293.3.09-.996-3.89-.354-.11.002a.5.5 0 0 0-.288.142" }),
53
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Shrink__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 21.858 36)" })),
54
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Shrink__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "14.142", height: "14.142", x: "26", y: "36", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "2", transform: "rotate(-45 26 36)" })),
53
55
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#Shrink__e)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#Shrink__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Shrink__g)", d: "M3.473 17.613 36-14.914l32.527 32.527L36 50.14z" }))),
54
56
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".7", clipPath: "url(#Shrink__h)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("g", { filter: "url(#Shrink__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Shrink__j)", d: "M3.373 13.371 35.9-19.156l32.526 32.527L35.9 45.898z" }))),
55
57
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Shrink__k)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "8.486", height: "8.486", x: "30", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 30 36)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Shrink__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Shrink__m)", d: "m3 9 32.528-32.527L68.055 9 35.528 41.527z" }))),
package/dist/cjs/ShrinkClick.js CHANGED
@@ -42,6 +42,8 @@ const ShrinkClick = (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("g", { clipPath: "url(#ShrinkClick__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "18", height: "30", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "9", transform: "matrix(0 -1 -1 0 51 45.055)" })),
46
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ShrinkClick__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "12", height: "24", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "6", transform: "matrix(0 -1 -1 0 48 42)" })),
45
47
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ShrinkClick__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "18", height: "30", fill: "var(--wds-illustration-color-1, #002291)", rx: "9", transform: "matrix(0 -1 -1 0 51 45.055)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShrinkClick__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShrinkClick__c)", d: "M67 45.055V16.272H21v28.783z" }))),
46
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#ShrinkClick__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "12", height: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 48 42)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShrinkClick__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShrinkClick__f)", d: "M78.684 42V15.131H24V42z" }))),
47
49
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ShrinkClick__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "6", height: "17", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 44.5 39)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShrinkClick__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShrinkClick__i)", d: "M80.945 39V21.008H27.5V39z" }))),
package/dist/cjs/ShrinkHover.js CHANGED
@@ -50,6 +50,8 @@ const ShrinkHover = (props) => /* @__PURE__ */ import_react.default.createElemen
50
50
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M24.499 47.77a.5.5 0 0 1 .144.398l-.353 3.89-.996-.09.3-3.293-3.293.3-.09-.996 3.89-.354.11.002a.5.5 0 0 1 .288.143" }),
51
51
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShrinkHover__d)", d: "m54.21 53.766-6-6-.708.707 6 6z" }),
52
52
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M47.503 47.766a.5.5 0 0 0-.145.398l.354 3.89.995-.09-.3-3.293 3.293.3.09-.996-3.89-.354-.109.002a.5.5 0 0 0-.288.143" }),
53
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ShrinkHover__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2.217" })),
54
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ShrinkHover__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "15.4", height: "15.4", x: "28.3", y: "28.301", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "1.663" })),
53
55
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#ShrinkHover__e)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.217" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShrinkHover__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShrinkHover__g)", d: "M25-3.828h51.002v51.001H25z" }))),
54
56
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#ShrinkHover__h)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "15.4", height: "15.4", x: "28.3", y: "28.301", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.663" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShrinkHover__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShrinkHover__j)", d: "M28.3-8.18h51.002v51.002H28.3z" }))),
55
57
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#ShrinkHover__k)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "8.414", height: "8.414", x: "31.793", y: "31.793", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.109" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShrinkHover__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShrinkHover__m)", d: "M31.794-10.543h51.002v51.002H31.794z" }))),
package/dist/cjs/ShrinkScroll.js CHANGED
@@ -50,10 +50,12 @@ const ShrinkScroll = (props) => /* @__PURE__ */ import_react.default.createEleme
50
50
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.017 46.61a.5.5 0 0 1 .144.398l-.354 3.889-.995-.09.3-3.292-3.293.3-.09-.996 3.89-.354.109.002a.5.5 0 0 1 .289.142" }),
51
51
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShrinkScroll__d)", d: "m50.894 52.61-6-6-.707.706 6 6z" }),
52
52
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M44.187 46.61a.5.5 0 0 0-.144.398l.353 3.889.996-.09-.3-3.292 3.293.3.09-.996-3.89-.354-.11.002a.5.5 0 0 0-.288.142" }),
53
- /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ShrinkScroll__e", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732L37 48.233a2 2 0 0 1-2 0l-9.094-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732L35 23.767a2 2 0 0 1 2 0z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ShrinkScroll__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M73.582 8.346a5.57 5.57 0 0 1 2.786 4.826v32.57c0 1.99-1.062 3.83-2.786 4.825L45.375 66.852a5.57 5.57 0 0 1-5.572 0L11.597 50.567a5.57 5.57 0 0 1-2.786-4.825v-32.57c0-1.991 1.062-3.83 2.786-4.826L39.803-7.939a5.57 5.57 0 0 1 5.572 0z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShrinkScroll__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShrinkScroll__g)", d: "M65.872 21.316v27.473L42.08 62.526 18.287 48.789V21.316L42.08 7.579z" })))),
54
- /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ShrinkScroll__h", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.163 30.648a2 2 0 0 1 1 1.732v7.144a2 2 0 0 1-1 1.732l-6.186 3.572a2 2 0 0 1-2 0l-6.187-3.572a2 2 0 0 1-1-1.732V32.38a2 2 0 0 1 1-1.732l6.187-3.572a2 2 0 0 1 2 0z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ShrinkScroll__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63.25 14.682a4.01 4.01 0 0 1 2.007 3.476v23.458a4.01 4.01 0 0 1-2.006 3.475l-20.316 11.73a4.01 4.01 0 0 1-4.013 0L18.607 45.09a4.01 4.01 0 0 1-2.007-3.475V18.158c0-1.434.765-2.759 2.007-3.476L38.922 2.953a4.01 4.01 0 0 1 4.013 0z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShrinkScroll__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShrinkScroll__j)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
53
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ShrinkScroll__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M73.582 10.049c1.724 1.057 2.786 3.012 2.786 5.127v34.607c0 2.115-1.062 4.07-2.786 5.128L45.375 72.214a5.29 5.29 0 0 1-5.572 0L11.597 54.911c-1.724-1.058-2.786-3.013-2.786-5.128V15.176c0-2.115 1.062-4.07 2.786-5.127L39.803-7.255a5.29 5.29 0 0 1 5.572 0z" }))),
54
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ShrinkScroll__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", d: "M63.25 15.908c1.242.762 2.007 2.17 2.007 3.693v24.926c0 1.523-.765 2.93-2.006 3.693L42.935 60.682a3.81 3.81 0 0 1-4.013 0L18.607 48.22c-1.242-.762-2.007-2.17-2.007-3.693V19.6c0-1.523.765-2.931 2.007-3.693L38.922 3.446a3.81 3.81 0 0 1 4.013 0z" }))),
55
+ /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ShrinkScroll__e", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732L37 48.233a2 2 0 0 1-2 0l-9.094-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732L35 23.767a2 2 0 0 1 2 0z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ShrinkScroll__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M73.582 10.049c1.724 1.057 2.786 3.012 2.786 5.127v34.607c0 2.115-1.062 4.07-2.786 5.128L45.375 72.214a5.29 5.29 0 0 1-5.572 0L11.597 54.911c-1.724-1.058-2.786-3.013-2.786-5.128V15.176c0-2.115 1.062-4.07 2.786-5.127L39.803-7.255a5.29 5.29 0 0 1 5.572 0z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShrinkScroll__f)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShrinkScroll__g)", d: "M65.872 21.316v27.473L42.08 62.526 18.287 48.789V21.316L42.08 7.579z" })))),
56
+ /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "ShrinkScroll__h", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.163 30.648a2 2 0 0 1 1 1.732v7.144a2 2 0 0 1-1 1.732l-6.186 3.572a2 2 0 0 1-2 0l-6.187-3.572a2 2 0 0 1-1-1.732V32.38a2 2 0 0 1 1-1.732l6.187-3.572a2 2 0 0 1 2 0z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ShrinkScroll__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63.25 15.908c1.242.762 2.007 2.17 2.007 3.693v24.926c0 1.523-.765 2.93-2.006 3.693L42.935 60.682a3.81 3.81 0 0 1-4.013 0L18.607 48.22c-1.242-.762-2.007-2.17-2.007-3.693V19.6c0-1.523.765-2.931 2.007-3.693L38.922 3.446a3.81 3.81 0 0 1 4.013 0z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShrinkScroll__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShrinkScroll__j)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
55
57
  /* @__PURE__ */ import_react.default.createElement("mask", { id: "ShrinkScroll__k", width: "12", height: "12", x: "30", y: "30", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.101 32.418a2 2 0 0 1 1 1.732v3.607a2 2 0 0 1-1 1.732l-3.124 1.804a2 2 0 0 1-2 0l-3.124-1.804a2 2 0 0 1-1-1.732V34.15a2 2 0 0 1 1-1.732l3.124-1.804a2 2 0 0 1 2 0z" })),
56
- /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ShrinkScroll__k)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55.589 22.581a2.47 2.47 0 0 1 1.236 2.142v14.455c0 .883-.471 1.7-1.236 2.141L43.07 48.546a2.47 2.47 0 0 1-2.472 0L28.08 41.32a2.47 2.47 0 0 1-1.237-2.142V24.724c0-.884.471-1.7 1.236-2.142l12.519-7.227a2.47 2.47 0 0 1 2.472 0z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShrinkScroll__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShrinkScroll__m)", d: "M52.393 25.852v12.193l-10.56 6.096-10.558-6.096V25.852l10.559-6.096z" }))),
58
+ /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ShrinkScroll__k)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55.589 23.337c.765.47 1.236 1.337 1.236 2.275v15.36c0 .938-.471 1.805-1.236 2.275l-12.519 7.68c-.765.469-1.707.469-2.472 0l-12.518-7.68c-.766-.47-1.237-1.337-1.237-2.276V25.612c0-.938.471-1.806 1.236-2.275l12.519-7.68a2.35 2.35 0 0 1 2.472 0z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShrinkScroll__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShrinkScroll__m)", d: "M52.393 25.852v12.193l-10.56 6.096-10.558-6.096V25.852l10.559-6.096z" }))),
57
59
  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ShrinkScroll__a", x1: "50.538", x2: "44.538", y1: "19.037", y2: "25.037", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ShrinkScroll__b", x1: "20.662", x2: "26.662", y1: "19.037", y2: "25.037", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ShrinkScroll__c", x1: "20.663", x2: "26.663", y1: "52.963", y2: "46.963", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ShrinkScroll__d", x1: "50.54", x2: "44.54", y1: "52.963", y2: "46.963", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ShrinkScroll__g", x1: "67.512", x2: "15.947", y1: "21.167", y2: "49.509", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ShrinkScroll__j", x1: "59.245", x2: "22.106", y1: "19.884", y2: "40.298", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ShrinkScroll__m", x1: "53.121", x2: "30.236", y1: "25.786", y2: "38.364", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ShrinkScroll__f", width: "57.585", height: "64.949", x: "13.287", y: "2.578", 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_19869", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ShrinkScroll__i", width: "44.273", height: "49.574", x: "18.792", y: "5.098", 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_19869", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ShrinkScroll__l", width: "31.118", height: "34.387", x: "26.275", y: "14.754", 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_19869", stdDeviation: "2.5" })))
58
60
  );
59
61
  ShrinkScroll.displayName = "ShrinkScroll";
package/dist/cjs/Shuffle.js CHANGED
@@ -45,6 +45,7 @@ const Shuffle = (props) => /* @__PURE__ */ import_react.default.createElement(
45
45
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M16.094 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zM55.767 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" }),
46
46
  /* @__PURE__ */ import_react.default.createElement("mask", { id: "Shuffle__a", width: "50", height: "15", x: "12", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M16.094 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zM55.767 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })),
47
47
  /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Shuffle__b)", mask: "url(#Shuffle__a)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Shuffle__c)", d: "M13 0h59v44H13z" })),
48
+ /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M35.57 41.1q-1.08 0-2-.54a4.1 4.1 0 0 1-1.48-1.5q-.54-.98-.54-2.28 0-1.32.54-2.28a4.05 4.05 0 0 1 1.48-1.52 3.9 3.9 0 0 1 2.02-.54q1.581 0 2.46 1.24v-.98h2.72v4.5q0 1.38 1.04 1.38 1.32 0 1.32-2.32 0-1.78-.8-3.18a5.87 5.87 0 0 0-2.22-2.24q-1.4-.84-3.24-.84-1.44 0-2.7.52a6.8 6.8 0 0 0-2.2 1.44 6.8 6.8 0 0 0-1.48 2.16 6.9 6.9 0 0 0-.52 2.68q0 1.34.5 2.52.501 1.16 1.38 2.06.9.88 2.1 1.38 1.221.5 2.64.5 1.36 0 2.48-.44t1.8-1.16L42.69 44q-.54.48-1.44.9-.9.44-2.08.7-1.18.28-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.66-.7-3.6 0-2 .74-3.7a9 9 0 0 1 2.06-2.98 9.3 9.3 0 0 1 3.1-1.98q1.78-.72 3.84-.72 1.96 0 3.6.7a8.7 8.7 0 0 1 2.88 1.9 8.7 8.7 0 0 1 1.9 2.78 8.4 8.4 0 0 1 .68 3.36q0 2.36-1.18 3.68-1.16 1.3-3.26 1.3-1 0-1.76-.38a2.85 2.85 0 0 1-1.18-1.06q-.5.68-1.28 1.06t-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.28.68-.72v-1.2q0-.98-.5-1.52t-1.32-.54q-.86 0-1.38.6-.5.6-.5 1.54" })),
48
49
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35.57 41.1q-1.08 0-2-.54a4.1 4.1 0 0 1-1.48-1.5q-.54-.98-.54-2.28 0-1.32.54-2.28a4.05 4.05 0 0 1 1.48-1.52 3.9 3.9 0 0 1 2.02-.54q1.581 0 2.46 1.24v-.98h2.72v4.5q0 1.38 1.04 1.38 1.32 0 1.32-2.32 0-1.78-.8-3.18a5.87 5.87 0 0 0-2.22-2.24q-1.4-.84-3.24-.84-1.44 0-2.7.52a6.8 6.8 0 0 0-2.2 1.44 6.8 6.8 0 0 0-1.48 2.16 6.9 6.9 0 0 0-.52 2.68q0 1.34.5 2.52.501 1.16 1.38 2.06.9.88 2.1 1.38 1.221.5 2.64.5 1.36 0 2.48-.44t1.8-1.16L42.69 44q-.54.48-1.44.9-.9.44-2.08.7-1.18.28-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.66-.7-3.6 0-2 .74-3.7a9 9 0 0 1 2.06-2.98 9.3 9.3 0 0 1 3.1-1.98q1.78-.72 3.84-.72 1.96 0 3.6.7a8.7 8.7 0 0 1 2.88 1.9 8.7 8.7 0 0 1 1.9 2.78 8.4 8.4 0 0 1 .68 3.36q0 2.36-1.18 3.68-1.16 1.3-3.26 1.3-1 0-1.76-.38a2.85 2.85 0 0 1-1.18-1.06q-.5.68-1.28 1.06t-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.28.68-.72v-1.2q0-.98-.5-1.52t-1.32-.54q-.86 0-1.38.6-.5.6-.5 1.54" }), /* @__PURE__ */ import_react.default.createElement("mask", { id: "Shuffle__d", width: "19", height: "19", x: "27", y: "27", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35.57 41.099q-1.08 0-2-.54a4.1 4.1 0 0 1-1.48-1.5q-.54-.98-.54-2.28 0-1.32.54-2.28a4.05 4.05 0 0 1 1.48-1.52 3.9 3.9 0 0 1 2.02-.54q1.581 0 2.46 1.24v-.98h2.72v4.5q0 1.38 1.04 1.38 1.32 0 1.32-2.32 0-1.78-.8-3.18a5.87 5.87 0 0 0-2.22-2.24q-1.4-.84-3.24-.84-1.44 0-2.7.52a6.8 6.8 0 0 0-2.2 1.44 6.8 6.8 0 0 0-1.48 2.16 6.9 6.9 0 0 0-.52 2.68q0 1.34.5 2.52.501 1.16 1.38 2.06.9.88 2.1 1.38 1.221.5 2.64.5 1.36 0 2.48-.44t1.8-1.16l1.82 2.34q-.54.48-1.44.9-.9.44-2.08.7-1.18.28-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.66-.7-3.6 0-2 .74-3.7a9 9 0 0 1 2.06-2.98 9.3 9.3 0 0 1 3.1-1.98q1.78-.72 3.84-.72 1.96 0 3.6.7a8.7 8.7 0 0 1 2.88 1.9 8.7 8.7 0 0 1 1.9 2.78 8.4 8.4 0 0 1 .68 3.36q0 2.36-1.18 3.68-1.16 1.3-3.26 1.3-1 0-1.76-.38a2.85 2.85 0 0 1-1.18-1.06q-.5.68-1.28 1.06t-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.28.68-.72v-1.2q0-.98-.5-1.52t-1.32-.54q-.86 0-1.38.6-.5.6-.5 1.54" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Shuffle__e)", mask: "url(#Shuffle__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Shuffle__f)", d: "M16-2h56v44H16z" }))),
49
50
  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Shuffle__c", x1: "63.632", x2: "29.86", y1: "3.949", y2: "61.736", 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("linearGradient", { id: "Shuffle__f", x1: "64.058", x2: "29.446", y1: "1.949", y2: "58.161", 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: "Shuffle__b", width: "75.8", height: "60.8", x: "4.6", y: "-8.4", 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_17732", stdDeviation: "4.2" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Shuffle__e", width: "72.8", height: "60.8", x: "7.6", y: "-10.4", 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_17732", stdDeviation: "4.2" })))
50
51
  );
package/dist/cjs/SkewClick.js CHANGED
@@ -42,6 +42,7 @@ const SkewClick = (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(#SkewClick__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "21.329", height: "42.657", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })),
45
46
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#SkewClick__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "21.329", height: "42.657", fill: "var(--wds-illustration-color-1, #002291)", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SkewClick__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SkewClick__c)", d: "m109.989 62.273-15.03-37.83L3.582.76l15.03 37.83z" }))),
46
47
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#SkewClick__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SkewClick__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SkewClick__f)", d: "M95.765 44V11.994H20.08V44z" }))),
47
48
  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SkewClick__c", x1: "88.888", x2: "60.059", y1: "27.683", y2: "71.977", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SkewClick__f", x1: "88.972", x2: "58.899", y1: "16.533", y2: "72.263", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SkewClick__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "21.329", height: "42.657", fill: "#fff", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SkewClick__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SkewClick__b", width: "123.203", height: "78.311", x: "-4.816", y: "-7.64", 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_19502", stdDeviation: "4.199" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SkewClick__e", width: "90.45", height: "46.769", x: "12.698", y: "4.614", 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_19502", stdDeviation: "3.691" })))
package/dist/cjs/SkewHover.js CHANGED
@@ -42,6 +42,7 @@ const SkewHover = (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(#SkewHover__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30.219", height: "24.296", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" })),
45
46
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#SkewHover__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30.219", height: "24.296", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SkewHover__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SkewHover__c)", d: "M.012-6.45h60.66l25.083 53.523h-60.66z" }))),
46
47
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#SkewHover__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "21.957", height: "21.957", x: "25.054", y: "25.02", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SkewHover__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SkewHover__f)", d: "M25.054-6.258h53.188v53.28H25.054z" }))),
47
48
  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SkewHover__c", x1: "54.32", x2: "25.096", y1: "-1.645", y2: "54.315", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SkewHover__f", x1: "70.699", x2: "25.105", y1: "-1.476", y2: "56.605", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SkewHover__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30.219", height: "24.296", fill: "#fff", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SkewHover__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "21.957", height: "21.957", x: "25.054", y: "25.02", fill: "#fff", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SkewHover__b", width: "95.743", height: "63.523", x: "-4.988", y: "-11.449", 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_19685", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SkewHover__e", width: "63.188", height: "63.277", x: "20.054", y: "-11.258", 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_19685", stdDeviation: "2.5" })))
package/dist/cjs/SkewSection.js CHANGED
@@ -46,6 +46,7 @@ const SkewSection = (props) => /* @__PURE__ */ import_react.default.createElemen
46
46
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M15.216 17.766a.5.5 0 0 1 .384.18l2.5 3-.768.64-2.116-2.54-2.116 2.54-.768-.64 2.5-3 .08-.077a.5.5 0 0 1 .304-.103" }),
47
47
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SkewSection__b)", d: "M57.284 43.742v9.996h-1v-9.996z" }),
48
48
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M56.784 54.238a.5.5 0 0 0 .384-.18l2.5-3-.768-.64-2.116 2.54-2.116-2.54-.768.64 2.5 3 .08.077a.5.5 0 0 0 .304.103" }),
49
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#SkewSection__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "35.044", height: "29.947", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "matrix(.92388 .38268 .01658 .99986 19.567 14.324)" })),
49
50
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#SkewSection__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "35.044", height: "29.947", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(.92388 .38268 .01658 .99986 19.567 14.324)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SkewSection__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SkewSection__e)", d: "m19.418 5.324 52.661 21.813.647 38.995-52.661-21.813z" }))),
50
51
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#SkewSection__f)" }, /* @__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(#SkewSection__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SkewSection__h)", d: "M20 6.016h57.254v38.91H20z" }))),
51
52
  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SkewSection__a", x1: "22.382", x2: "22.382", y1: "28.441", y2: "18.265", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SkewSection__b", x1: "49.618", x2: "49.618", y1: "43.742", y2: "53.738", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SkewSection__e", x1: "64.668", x2: "30.881", y1: "27.544", y2: "61.845", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SkewSection__h", x1: "69.134", x2: "40.69", y1: "9.508", y2: "62.915", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SkewSection__c" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "35.044", height: "29.947", fill: "#fff", rx: "2", transform: "matrix(.92388 .38268 .01658 .99986 19.567 14.324)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SkewSection__f" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "#fff", rx: "2" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SkewSection__d", width: "63.308", height: "70.809", x: "14.418", y: ".324", 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_20951", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SkewSection__g", width: "67.254", height: "48.91", x: "15", y: "1.016", 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_20951", stdDeviation: "2.5" })))
package/dist/cjs/SlideAnimation.js CHANGED
@@ -42,6 +42,8 @@ const SlideAnimation = (props) => /* @__PURE__ */ import_react.default.createEle
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#SlideAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "14", y: "36.143", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2", transform: "rotate(-45 14 36.143)" })),
46
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#SlideAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "23", y: "36.143", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "2", transform: "rotate(-45 23 36.143)" })),
45
47
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#SlideAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "14", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 14 36.143)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SlideAnimation__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SlideAnimation__c)", d: "M-4.385 17.758 28.142-14.77 60.67 17.758 28.142 50.285z" }))),
46
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#SlideAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "23", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 23 36.143)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SlideAnimation__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SlideAnimation__f)", d: "M4.615 17.758 37.142-14.77 69.67 17.758 37.142 50.285z" }))),
47
49
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#SlideAnimation__g)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "32", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 32 36.143)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SlideAnimation__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SlideAnimation__i)", d: "M13.615 17.758 46.142-14.77 78.67 17.758 46.142 50.285z" }))),
package/dist/cjs/SpinAnimation.js CHANGED
@@ -42,6 +42,7 @@ const SpinAnimation = (props) => /* @__PURE__ */ import_react.default.createElem
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#SpinAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "26", y: "26.504", fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", rx: "2" })),
45
46
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25", clipPath: "url(#SpinAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "26", y: "26.504", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SpinAnimation__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SpinAnimation__c)", d: "m26.1.404 46 .201-.2 46-46-.201z" }))),
46
47
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#SpinAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 36.5)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SpinAnimation__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SpinAnimation__f)", d: "M3.473 18.115 36-14.412l32.527 32.527L36 50.642z" }))),
47
48
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SpinAnimation__g)", d: "M35.669 16c3.352 0 6.182 1.031 8.167 2.056.994.512 1.78 1.026 2.32 1.413a14 14 0 0 1 .784.605l.043.037.013.01.003.004.001.001-.663.748-.001-.001-.008-.007a4 4 0 0 0-.179-.148 13 13 0 0 0-.576-.437 18 18 0 0 0-2.196-1.337C41.487 17.97 38.817 17 35.669 17c-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.027-.006.006-.376-.329-.376-.33.002-.001.003-.004.01-.012.036-.039q.046-.05.133-.137c.116-.118.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" }),
package/dist/cjs/Swap.js CHANGED
@@ -42,7 +42,7 @@ const Swap = (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(#Swap__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "Swap__c", width: "24", height: "18", x: "11", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Swap__b)", d: "M35 29.743a2 2 0 0 0-1.843-1.994l-20-1.579A2 2 0 0 0 11 28.164v13.672a2 2 0 0 0 2.157 1.994l20-1.58A2 2 0 0 0 35 40.258z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Swap__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.217 24.578H-1.522v22.737h41.74z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Swap__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Swap__e)", d: "M11 19.417 36.774 14 37 42l-26 2.22z" })))), /* @__PURE__ */ import_react.default.createElement("mask", { id: "Swap__g", width: "32", height: "30", x: "29", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Swap__f)", d: "M29 24.97a2 2 0 0 1 1.804-1.99l28-2.763A2 2 0 0 1 61 22.207v25.586a2 2 0 0 1-2.196 1.99l-28-2.763A2 2 0 0 1 29 45.03z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Swap__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.044 18.79h55.652v35.369H22.044z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Swap__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Swap__i)", d: "m29 8.116 41.754-8.45.746 51.267L29 46.8z" }))), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Swap__j)", d: "M58 52v1H33v-1z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M32.5 52.499a.5.5 0 0 1 .18-.384l3-2.5.64.768-2.54 2.116 2.54 2.116-.64.768-3-2.5-.076-.08a.5.5 0 0 1-.104-.304" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Swap__k)", d: "M15 21h12v1H15z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.5 21.5a.5.5 0 0 1-.18.384l-3 2.5-.64-.768 2.54-2.116-2.54-2.116.64-.768 3 2.5.076.08a.5.5 0 0 1 .104.304" })),
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#Swap__a)" }, /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Swap__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M40.217 24.578H-1.522v22.737h41.74z" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "Swap__c", width: "24", height: "18", x: "11", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Swap__b)", d: "M35 29.743a2 2 0 0 0-1.843-1.994l-20-1.579A2 2 0 0 0 11 28.164v13.672a2 2 0 0 0 2.157 1.994l20-1.58A2 2 0 0 0 35 40.258z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Swap__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.217 24.578H-1.522v22.737h41.74z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Swap__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Swap__e)", d: "M11 19.417 36.774 14 37 42l-26 2.22z" })))), /* @__PURE__ */ import_react.default.createElement("mask", { id: "Swap__g", width: "32", height: "30", x: "29", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Swap__f)", d: "M29 24.97a2 2 0 0 1 1.804-1.99l28-2.763A2 2 0 0 1 61 22.207v25.586a2 2 0 0 1-2.196 1.99l-28-2.763A2 2 0 0 1 29 45.03z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#Swap__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.044 18.79h55.652v35.369H22.044z" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#Swap__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Swap__i)", d: "m29 8.116 41.754-8.45.746 51.267L29 46.8z" }))), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Swap__j)", d: "M58 52v1H33v-1z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M32.5 52.499a.5.5 0 0 1 .18-.384l3-2.5.64.768-2.54 2.116 2.54 2.116-.64.768-3-2.5-.076-.08a.5.5 0 0 1-.104-.304" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#Swap__k)", d: "M15 21h12v1H15z" }), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.5 21.5a.5.5 0 0 1-.18.384l-3 2.5-.64-.768 2.54-2.116-2.54-2.116.64-.768 3 2.5.076.08a.5.5 0 0 1 .104.304" })),
46
46
  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Swap__b", x1: "14.583", x2: "25.134", y1: "27.351", y2: "48.636", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Swap__e", x1: "33.118", x2: "12.88", y1: "21.58", y2: "49.205", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Swap__f", x1: "56.222", x2: "36.436", y1: "22.252", y2: "54.183", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Swap__i", x1: "101.833", x2: "81.327", y1: "11.488", y2: "70.583", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Swap__j", x1: "58", x2: "33", y1: "52.499", y2: "52.499", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "Swap__k", x1: "15", x2: "27", y1: "21.5", y2: "21.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Swap__d", width: "36", height: "40.221", x: "6", y: "9", 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_17528", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "Swap__h", width: "52.5", height: "61.267", x: "24", y: "-5.334", 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_17528", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "Swap__a" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })))
47
47
  );
48
48
  Swap.displayName = "Swap";
package/dist/cjs/SwingLoop.js CHANGED
@@ -42,6 +42,8 @@ const SwingLoop = (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(#SwingLoop__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "13.546", y: "16.379", fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", rx: "14" })),
46
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#SwingLoop__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "22", y: "19.379", fill: "var(--wds-illustration-color-opacity-75, #f8f6f600)", rx: "14" })),
45
47
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#SwingLoop__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "13.546", y: "16.379", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SwingLoop__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SwingLoop__c)", d: "M34.821-7.134a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 17.186 5.345c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.094-35.525-5.64-3.293-12.02-4.193-17.991-3.026" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SwingLoop__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SwingLoop__e)", d: "M34.821-7.134a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 17.186 5.345c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.094-35.525-5.64-3.293-12.02-4.193-17.991-3.026" }))),
46
48
  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".75", clipPath: "url(#SwingLoop__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "22", y: "19.379", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SwingLoop__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SwingLoop__h)", d: "M43.275-4.134a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 25.64 8.345c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525-5.642-3.293-12.022-4.193-17.992-3.026" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SwingLoop__i)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SwingLoop__j)", d: "M43.275-4.134a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 25.64 8.345c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525-5.642-3.293-12.022-4.193-17.992-3.026" }))),
47
49
  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#SwingLoop__k)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "28", height: "28", x: "30.454", y: "16.414", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#SwingLoop__l)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#SwingLoop__m)", d: "M51.73-7.1a27.4 27.4 0 0 0-4.094 1.149A26.25 26.25 0 0 0 34.094 5.38c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525C64.079-7.366 57.7-8.265 51.729-7.099" }))),
package/dist/cjs/TiltAnimation.js CHANGED
@@ -42,7 +42,7 @@ const TiltAnimation = (props) => /* @__PURE__ */ import_react.default.createElem
42
42
  xmlns: "http://www.w3.org/2000/svg",
43
43
  ...props
44
44
  },
45
- /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" }), /* @__PURE__ */ import_react.default.createElement("mask", { id: "TiltAnimation__b", width: "37", height: "26", x: "17", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#999", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TiltAnimation__c)", mask: "url(#TiltAnimation__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TiltAnimation__d)", d: "m33.5 9 29-9.999-12.5 37L17 49z" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" }), /* @__PURE__ */ import_react.default.createElement("mask", { id: "TiltAnimation__e", width: "29", height: "26", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#666", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TiltAnimation__f)", mask: "url(#TiltAnimation__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TiltAnimation__g)", d: "m3.473 17.614 34.526-23.64L61 26.5 26.474 50.14z" }))), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" }), /* @__PURE__ */ import_react.default.createElement("mask", { id: "TiltAnimation__h", width: "27", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TiltAnimation__i)", mask: "url(#TiltAnimation__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TiltAnimation__j)", d: "M3.473 17.617 36-14.91l32.527 32.527L36 50.144z" }))),
45
+ /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f600)", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" })), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f600)", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" })), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".25" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" }), /* @__PURE__ */ import_react.default.createElement("mask", { id: "TiltAnimation__b", width: "37", height: "26", x: "17", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#999", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TiltAnimation__c)", mask: "url(#TiltAnimation__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TiltAnimation__d)", d: "m33.5 9 29-9.999-12.5 37L17 49z" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" }), /* @__PURE__ */ import_react.default.createElement("mask", { id: "TiltAnimation__e", width: "29", height: "26", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#666", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TiltAnimation__f)", mask: "url(#TiltAnimation__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TiltAnimation__g)", d: "m3.473 17.614 34.526-23.64L61 26.5 26.474 50.14z" }))), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" }), /* @__PURE__ */ import_react.default.createElement("mask", { id: "TiltAnimation__h", width: "27", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" })), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#TiltAnimation__i)", mask: "url(#TiltAnimation__h)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#TiltAnimation__j)", d: "M3.473 17.617 36-14.91l32.527 32.527L36 50.144z" }))),
46
46
  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "TiltAnimation__d", x1: "25.306", x2: "32.987", y1: "-7.379", y2: "55.95", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "TiltAnimation__g", x1: "34.306", x2: "41.986", y1: "-7.379", y2: "55.95", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "TiltAnimation__j", x1: "34.306", x2: "41.987", y1: "-7.377", y2: "55.951", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "TiltAnimation__c", width: "55.501", height: "59.998", x: "12", y: "-5.998", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "TiltAnimation__f", width: "67.527", height: "66.168", x: "-1.527", y: "-11.027", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "TiltAnimation__i", width: "75.054", height: "75.055", x: "-1.527", y: "-19.91", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "TiltAnimation__a" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#fff", d: "M16 22h39.21v28H16z" })))
47
47
  );
48
48
  TiltAnimation.displayName = "TiltAnimation";
package/dist/cjs/TiltEntrance.js CHANGED
@@ -42,6 +42,8 @@ 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
47
  /* @__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" }))),
46
48
  /* @__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" }))),
47
49
  /* @__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/TurnEntrance.js CHANGED
@@ -44,6 +44,8 @@ const TurnEntrance = (props) => /* @__PURE__ */ import_react.default.createEleme
44
44
  },
45
45
  /* @__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
46
  /* @__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)" })),
47
49
  /* @__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" }))),
48
50
  /* @__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" }))),
49
51
  /* @__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/TwistClick.js CHANGED
@@ -42,6 +42,8 @@ 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
47
  /* @__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)" }))),
46
48
  /* @__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)" }))),
47
49
  /* @__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,6 +42,8 @@ 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
47
  /* @__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" }))),
46
48
  /* @__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" }))),
47
49
  /* @__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
@@ -44,6 +44,7 @@ const TypeWriter = (props) => /* @__PURE__ */ import_react.default.createElement
44
44
  },
45
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
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" }))),
47
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" })))),
48
49
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M31.5 28v18h-1V28z" }),
49
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" })))
package/dist/cjs/WinkEntrance.js CHANGED
@@ -42,6 +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
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" }))),
46
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" }))),
47
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
@@ -50,6 +50,8 @@ const ZoomSection = (props) => /* @__PURE__ */ import_react.default.createElemen
50
50
  /* @__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
51
  /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ZoomSection__d)", d: "m58.62 52.914-6-6-.707.707 6 6z" }),
52
52
  /* @__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" })),
53
55
  /* @__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" }))),
54
56
  /* @__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" }))),
55
57
  /* @__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
@@ -268,7 +268,6 @@ __export(index_exports, {
268
268
  SwivelMouse: () => import_SwivelMouse.SwivelMouse,
269
269
  TextEntrance: () => import_TextEntrance.TextEntrance,
270
270
  TextPath: () => import_TextPath.TextPath,
271
- ThumbnailNameexample: () => import_ThumbnailNameexample.ThumbnailNameexample,
272
271
  Tilt3DMouse: () => import_Tilt3DMouse.Tilt3DMouse,
273
272
  TiltAnimation: () => import_TiltAnimation.TiltAnimation,
274
273
  TiltDivider: () => import_TiltDivider.TiltDivider,
@@ -551,7 +550,6 @@ var import_SwingLoop = require("./SwingLoop");
551
550
  var import_SwivelMouse = require("./SwivelMouse");
552
551
  var import_TextEntrance = require("./TextEntrance");
553
552
  var import_TextPath = require("./TextPath");
554
- var import_ThumbnailNameexample = require("./ThumbnailNameexample");
555
553
  var import_Tilt3DMouse = require("./Tilt3DMouse");
556
554
  var import_TiltAnimation = require("./TiltAnimation");
557
555
  var import_TiltDivider = require("./TiltDivider");
@@ -834,7 +832,6 @@ var import_ZoomSection = require("./ZoomSection");
834
832
  SwivelMouse,
835
833
  TextEntrance,
836
834
  TextPath,
837
- ThumbnailNameexample,
838
835
  Tilt3DMouse,
839
836
  TiltAnimation,
840
837
  TiltDivider,
package/dist/esm/AppearClick.js CHANGED
@@ -9,6 +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
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" })),
13
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" }),
14
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
@@ -10,6 +10,7 @@ const AppearHover = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__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" })),
13
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" }))),
14
15
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.5 20v32h-1V20z" }),
15
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
@@ -12,6 +12,8 @@ const ArcEntrance = (props) => /* @__PURE__ */ React.createElement(
12
12
  /* @__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
13
  /* @__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
14
  /* @__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)" })),
15
17
  /* @__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" }))),
16
18
  /* @__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" }))),
17
19
  /* @__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/Aspect3DSection.js CHANGED
@@ -9,6 +9,10 @@ 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
16
  /* @__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" })))),
13
17
  /* @__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" })))),
14
18
  /* @__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" })))),